naive-icons 1.0.2 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/CHANGELOG.md +11 -3
  2. package/README.en.md +13 -13
  3. package/README.md +13 -13
  4. package/dist/index.d.mts +133 -124
  5. package/dist/index.d.ts +133 -124
  6. package/dist/index.js +3032 -774
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +3018 -773
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +3 -3
  11. package/svg/arrow-down.svg +4 -0
  12. package/svg/arrow-left.svg +4 -0
  13. package/svg/arrow-right.svg +4 -0
  14. package/svg/arrow-up.svg +4 -0
  15. package/svg/chevron-down.svg +3 -0
  16. package/svg/chevron-left.svg +3 -0
  17. package/svg/chevron-right.svg +3 -0
  18. package/svg/chevron-up.svg +3 -0
  19. package/svg/copy.svg +6 -0
  20. package/svg/ellipsis.svg +5 -0
  21. package/svg/external-link.svg +6 -0
  22. package/svg/link.svg +5 -0
  23. package/svg/menu.svg +5 -0
  24. package/svg/minus.svg +4 -0
  25. package/svg/unlink.svg +5 -0
  26. package/svg/user.svg +6 -6
package/CHANGELOG.md CHANGED
@@ -2,15 +2,23 @@
2
2
 
3
3
  本文件记录 Naive Icons 的每个版本变更。版本号遵循语义化版本规范（SemVer）。
4
4
 
5
- ## Unreleased
5
+ ## 1.1.0
6
6
 
7
- 官方文档站点重构。图标与组件产物无任何变更。
7
+ 新增导航 / 操作骨架一组图标（menu、chevron 四向、ellipsis、external-link、link / unlink、copy、minus），图标总数增至 116。
8
+
9
+ 修复
10
+
11
+ - 修正 `IconName` 类型中图标名后缀重复的问题，现在与组件导出名一一对应
12
+ - 全部 105 个组件改用 `forwardRef`，支持 ref 透传，并补全 `displayName` 便于 DevTools 识别
13
+ - 补齐无障碍属性：装饰性图标默认 `aria-hidden`，传入 `title` 时自动渲染 `<title>` 子节点并标记 `role="img"`
14
+ - `normalizeIconProps` 不再把 `title` 误写为原生 `title` 属性，避免与无障碍 `<title>` 节点冲突
8
15
 
9
16
  改进
10
17
 
11
18
  - 官网三层（HTML / CSS / JS）完全重写：语义化标签、统一的设计令牌体系（间距 4px 基数、圆角与阴影尺度）、清除模板导出的冗余属性
12
19
  - 信息架构收敛：原先并列的 4 个代码面板合并为「安装 / React / SVG / TypeScript」标签页，调色板与设计原则合并为「设计规范」一节
13
20
  - 视觉基调改为温暖手绘：纸张颗粒纹理、暖调深色模式、手绘分隔线，浅色与深色主题均可手动切换并记忆
21
+ - 新增 4 个方向键图标：上（arrow-up）、下（arrow-down）、左（arrow-left）、右（arrow-right），与已有的关闭（close）图标组成基础方向/操作图标组；同步更新 `index.ts`、`types.ts`、`svg/` 与官网数据
14
22
  - 引入 LXGW 悠哉字体（OFL，自托管子集化，仅 715 个字符 ≈ 170KB ×2 个字重）作为网站字体；图标库本体仍无任何字体/资源依赖
15
23
  - 图标浏览器工具栏在宽屏下吸顶，新增分类结果计数、搜索清空、描边快捷色板与自定义取色器
16
24
  - 预览切换深色底时，若描边仍为默认墨黑会自动换成奶油色，避免图标不可见；用户显式选择的颜色不会被改写
@@ -36,7 +44,7 @@
36
44
 
37
45
  新增
38
46
 
39
- - 101 个手绘 naive folk art 风格 SVG 图标，覆盖界面基础、操作、文件与媒体、导航方位、通信、自然天气、动物、食物饮品、日常物品、交通工具、表情共 11 个分类
47
+ - 105 个手绘 naive folk art 风格 SVG 图标，覆盖界面基础、操作、文件与媒体、导航方位、通信、自然天气、动物、食物饮品、日常物品、交通工具、表情共 11 个分类
40
48
  - 每个图标同时提供 SVG 源文件与 React TSX 组件
41
49
  - 完整 TypeScript 类型定义：IconProps、IconName、IconCategory、PaletteColor、NAIVE_PALETTE
42
50
  - 统一规格：48x48 viewBox、3.5 描边宽度、round 线帽与线角
package/README.en.md CHANGED
@@ -22,11 +22,11 @@
22
22
  </p>
23
23
 
24
24
 
25
- Naive Icons is a hand-drawn SVG icon library with a naive folk art style, built for React and TypeScript. All 101 icons are AI-generated original works.
25
+ Naive Icons is a hand-drawn SVG icon library with a naive folk art style, built for React and TypeScript. All 116 icons are AI-generated original works.
26
26
 
27
27
  Each icon is drawn on a 48x48 grid with a 3.5 stroke, rounded line caps, and a unified retro palette — keeping the charming clumsiness and warmth of hand-drawn illustration. Some icons even feature a pair of dot eyes and a little smile, adding a touch of humanity to your interface.
28
28
 
29
- - Icon count: 101
29
+ - Icon count: 116
30
30
  - Per-icon size: roughly 400–700 bytes
31
31
  - Dependencies: zero runtime dependencies, React as a peer dependency only
32
32
  - License: MIT
@@ -48,7 +48,7 @@ Each icon is drawn on a 48x48 grid with a 3.5 stroke, rounded line caps, and a u
48
48
 
49
49
  ## Features
50
50
 
51
- - 101 original hand-drawn SVG icons spanning 11 categories: interface, actions, media, navigation, animals, food, and more
51
+ - 116 original hand-drawn SVG icons spanning 11 categories: interface, actions, media, navigation, animals, food, and more
52
52
  - Unified spec: 48x48 viewBox, 3.5 stroke width, round line caps and joins
53
53
  - Unified palette: 9 retro colors, usable directly as design tokens
54
54
  - Some icons feature dot eyes and a little smile for a highly recognizable style
@@ -175,17 +175,17 @@ import { NAIVE_PALETTE } from 'naive-icons';
175
175
 
176
176
  ## Icon List
177
177
 
178
- **Interface Basics** (13)
179
- home, user, settings, search, heart, star, bell, calendar, clock, eye, bulb, tag, bookmark
178
+ **Interface Basics** (18)
179
+ home, user, settings, search, heart, star, bell, calendar, clock, eye, bulb, tag, bookmark, menu, ellipsis, external-link, link, unlink
180
180
 
181
- **Actions** (11)
182
- edit, trash, download, upload, save, plus, close, check, refresh, share, play
181
+ **Actions** (13)
182
+ edit, trash, download, upload, save, plus, close, check, refresh, share, play, copy, minus
183
183
 
184
- **Files & Media** (9)
185
- file, folder, image, camera, video, mic, music, code, book
184
+ **Files & Media** (10)
185
+ file, folder, image, camera, video, mic, music, code, book, headphones
186
186
 
187
- **Navigation & Direction** (6)
188
- location, compass, map, flag, anchor, magnet
187
+ **Navigation & Direction** (14)
188
+ location, compass, map, flag, anchor, magnet, arrow-up, arrow-down, arrow-left, arrow-right, chevron-down, chevron-up, chevron-left, chevron-right
189
189
 
190
190
  **Communication** (4)
191
191
  mail, chat, phone, wifi
@@ -223,8 +223,8 @@ Naive Icons follows four fixed rules. They should be respected when adding new i
223
223
 
224
224
  ```
225
225
  naive-icons/
226
- ├── svg/ 101 SVG source files
227
- ├── src/ 101 React TSX components + index.ts + types.ts
226
+ ├── svg/ 116 SVG source files
227
+ ├── src/ 116 React TSX components + index.ts + types.ts
228
228
  ├── assets/ Brand assets (logo)
229
229
  ├── scripts/ Icon generation and preview build scripts
230
230
  ├── website/ Official documentation site
package/README.md CHANGED
@@ -23,11 +23,11 @@
23
23
  <img src="https://img.shields.io/badge/SVG-FFB13B?style=flat-square&logoColor=black" alt="SVG">
24
24
  </p>
25
25
 
26
- Naive Icons 是一套手绘 naive folk art 风格的 SVG 图标库，为 React 与 TypeScript 打造。全部 101 个图标由 AI 生成，均为原创作品。
26
+ Naive Icons 是一套手绘 naive folk art 风格的 SVG 图标库，为 React 与 TypeScript 打造。全部 116 个图标由 AI 生成，均为原创作品。
27
27
 
28
28
  每一个图标都建立在 48x48 的网格上，使用 3.5 的粗描边、圆角线帽与统一的复古调色板，并保留了手绘插画特有的笨拙感与温度——部分图标还带有一对小圆点眼睛和微笑，让界面多一点点人情味。
29
29
 
30
- - 图标数量：101
30
+ - 图标数量：116
31
31
  - 单个体积：约 400 至 700 字节
32
32
  - 依赖：零运行时依赖，仅 peer 依赖 React
33
33
  - 许可证：MIT
@@ -49,7 +49,7 @@ Naive Icons 是一套手绘 naive folk art 风格的 SVG 图标库，为 React
49
49
 
50
50
  ## 特性
51
51
 
52
- - 101 个手绘风格的原创 SVG 图标，覆盖界面、操作、媒体、导航、动物、食物等 11 个分类
52
+ - 116 个手绘风格的原创 SVG 图标，覆盖界面、操作、媒体、导航、动物、食物等 11 个分类
53
53
  - 统一规格：48x48 viewBox、3.5 描边宽度、round 线帽与线角
54
54
  - 统一调色板：9 色复古配色，可作为设计令牌直接引用
55
55
  - 部分图标带有圆点眼睛与微笑表情，风格辨识度高
@@ -176,17 +176,17 @@ import { NAIVE_PALETTE } from 'naive-icons';
176
176
 
177
177
  ## 图标清单
178
178
 
179
- **界面基础**（13）
180
- home, user, settings, search, heart, star, bell, calendar, clock, eye, bulb, tag, bookmark
179
+ **界面基础**（18）
180
+ home, user, settings, search, heart, star, bell, calendar, clock, eye, bulb, tag, bookmark, menu, ellipsis, external-link, link, unlink
181
181
 
182
- **操作**（11）
183
- edit, trash, download, upload, save, plus, close, check, refresh, share, play
182
+ **操作**（13）
183
+ edit, trash, download, upload, save, plus, close, check, refresh, share, play, copy, minus
184
184
 
185
- **文件与媒体**（9）
186
- file, folder, image, camera, video, mic, music, code, book
185
+ **文件与媒体**（10）
186
+ file, folder, image, camera, video, mic, music, code, book, headphones
187
187
 
188
- **导航方位**（6）
189
- location, compass, map, flag, anchor, magnet
188
+ **导航方位**（14）
189
+ location, compass, map, flag, anchor, magnet, arrow-up, arrow-down, arrow-left, arrow-right, chevron-down, chevron-up, chevron-left, chevron-right
190
190
 
191
191
  **通信**（4）
192
192
  mail, chat, phone, wifi
@@ -224,8 +224,8 @@ Naive Icons 遵循四条固定规则，新增图标时也应保持一致。
224
224
 
225
225
  ```
226
226
  naive-icons/
227
- ├── svg/ 101 个 SVG 源文件
228
- ├── src/ 101 个 React TSX 组件 + index.ts + types.ts
227
+ ├── svg/ 116 个 SVG 源文件
228
+ ├── src/ 116 个 React TSX 组件 + index.ts + types.ts
229
229
  ├── assets/ 品牌资源（logo）
230
230
  ├── scripts/ 图标生成与预览构建脚本
231
231
  ├── website/ 官方文档站点
package/dist/index.d.mts CHANGED
@@ -1,11 +1,11 @@
1
1
  import * as react from 'react';
2
- import { SVGProps, FC } from 'react';
2
+ import { SVGProps } from 'react';
3
3
 
4
4
  /** Naive Icons 所有图标的通用 Props（继承原生 SVG 属性） */
5
5
  interface IconProps extends SVGProps<SVGSVGElement> {
6
6
  /** 图标尺寸，宽高相等，默认 24 */
7
7
  size?: number | string;
8
- /** 描边颜色，默认 currentColor */
8
+ /** 描边颜色，默认墨色 #2A2A2A */
9
9
  color?: string;
10
10
  /** 描边宽度，默认 3.5（相对 48x48 画布） */
11
11
  strokeWidth?: number | string;
@@ -15,227 +15,236 @@ interface IconProps extends SVGProps<SVGSVGElement> {
15
15
  title?: string;
16
16
  }
17
17
 
18
- /** Naive Icons 调色板 */
19
- declare const NAIVE_PALETTE: {
20
- readonly ink: "#2A2A2A";
21
- readonly navy: "#264653";
22
- readonly orange: "#E76F51";
23
- readonly yellow: "#E9C46A";
24
- readonly pink: "#F4A6A4";
25
- readonly green: "#588157";
26
- readonly teal: "#2A9D8F";
27
- readonly brown: "#8B5E3C";
28
- readonly cream: "#FAEDCD";
29
- };
30
- type PaletteColor = keyof typeof NAIVE_PALETTE;
31
- /** Naive Icons 图标组件名（共 101 个） */
32
- type IconName = 'AirplaneIcon' | 'AnchorIcon' | 'AppleIcon' | 'BalloonIcon' | 'BearIcon' | 'BeeIcon' | 'BellIcon' | 'BicycleIcon' | 'BirdIcon' | 'BookIcon' | 'BookmarkIcon' | 'BulbIcon' | 'ButterflyIcon' | 'CactusIcon' | 'CakeIcon' | 'CalendarIcon' | 'CameraIcon' | 'CandleIcon' | 'CarIcon' | 'CartIcon' | 'CatIcon' | 'ChatIcon' | 'CheckIcon' | 'CherryIcon' | 'ClockIcon' | 'CloseIcon' | 'CloudIcon' | 'CodeIcon' | 'CoffeeIcon' | 'CompassIcon' | 'CreditCardIcon' | 'DogIcon' | 'DonutIcon' | 'DownloadIcon' | 'EditIcon' | 'EyeIcon' | 'FileIcon' | 'FishIcon' | 'FlagIcon' | 'FlameIcon' | 'FlowerIcon' | 'FolderIcon' | 'FoxIcon' | 'FrogIcon' | 'GiftIcon' | 'GlobeIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HomeIcon' | 'IcecreamIcon' | 'ImageIcon' | 'KeyIcon' | 'LadybugIcon' | 'LampIcon' | 'LeafIcon' | 'LemonIcon' | 'LocationIcon' | 'LockIcon' | 'MagnetIcon' | 'MailIcon' | 'MapIcon' | 'MicIcon' | 'MoonIcon' | 'MushroomIcon' | 'MusicIcon' | 'OwlIcon' | 'PaintbrushIcon' | 'PencilIcon' | 'PenguinIcon' | 'PhoneIcon' | 'PlayIcon' | 'PlusIcon' | 'RabbitIcon' | 'RainbowIcon' | 'RefreshIcon' | 'RocketIcon' | 'SailboatIcon' | 'SaveIcon' | 'SearchIcon' | 'SettingsIcon' | 'ShareIcon' | 'ShoppingBagIcon' | 'SmileIcon' | 'SnailIcon' | 'SnowflakeIcon' | 'StarIcon' | 'StrawberryIcon' | 'SunIcon' | 'TagIcon' | 'ThermometerIcon' | 'ThumbsUpIcon' | 'TrainIcon' | 'TrashIcon' | 'TreeIcon' | 'TrophyIcon' | 'UmbrellaIcon' | 'UploadIcon' | 'UserIcon' | 'VideoIcon' | 'WatermelonIcon' | 'WifiIcon';
33
- /** Naive Icons 图标组件类型 */
34
- type IconComponent = FC<IconProps>;
35
- /** Naive Icons 图标分类 */
36
- declare const ICON_CATEGORIES: readonly ["interface", "action", "media", "navigation", "communication", "nature", "animals", "food", "objects", "transport", "emoji"];
37
- type IconCategory = (typeof ICON_CATEGORIES)[number];
18
+ declare const AirplaneIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
38
19
 
39
- declare const AirplaneIcon: (props: IconProps) => react.JSX.Element;
20
+ declare const AnchorIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
40
21
 
41
- declare const AnchorIcon: (props: IconProps) => react.JSX.Element;
22
+ declare const AppleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
42
23
 
43
- declare const AppleIcon: (props: IconProps) => react.JSX.Element;
24
+ declare const ArrowDownIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
44
25
 
45
- declare const BalloonIcon: (props: IconProps) => react.JSX.Element;
26
+ declare const ArrowLeftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
46
27
 
47
- declare const BearIcon: (props: IconProps) => react.JSX.Element;
28
+ declare const ArrowRightIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
48
29
 
49
- declare const BeeIcon: (props: IconProps) => react.JSX.Element;
30
+ declare const ArrowUpIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
50
31
 
51
- declare const BellIcon: (props: IconProps) => react.JSX.Element;
32
+ declare const BalloonIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
52
33
 
53
- declare const BicycleIcon: (props: IconProps) => react.JSX.Element;
34
+ declare const BearIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
54
35
 
55
- declare const BirdIcon: (props: IconProps) => react.JSX.Element;
36
+ declare const BeeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
56
37
 
57
- declare const BookIcon: (props: IconProps) => react.JSX.Element;
38
+ declare const BellIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
58
39
 
59
- declare const BookmarkIcon: (props: IconProps) => react.JSX.Element;
40
+ declare const BicycleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
60
41
 
61
- declare const BulbIcon: (props: IconProps) => react.JSX.Element;
42
+ declare const BirdIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
62
43
 
63
- declare const ButterflyIcon: (props: IconProps) => react.JSX.Element;
44
+ declare const BookIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
64
45
 
65
- declare const CactusIcon: (props: IconProps) => react.JSX.Element;
46
+ declare const BookmarkIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
66
47
 
67
- declare const CakeIcon: (props: IconProps) => react.JSX.Element;
48
+ declare const BulbIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
68
49
 
69
- declare const CalendarIcon: (props: IconProps) => react.JSX.Element;
50
+ declare const ButterflyIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
70
51
 
71
- declare const CameraIcon: (props: IconProps) => react.JSX.Element;
52
+ declare const CactusIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
72
53
 
73
- declare const CandleIcon: (props: IconProps) => react.JSX.Element;
54
+ declare const CakeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
74
55
 
75
- declare const CarIcon: (props: IconProps) => react.JSX.Element;
56
+ declare const CalendarIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
76
57
 
77
- declare const CartIcon: (props: IconProps) => react.JSX.Element;
58
+ declare const CameraIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
78
59
 
79
- declare const CatIcon: (props: IconProps) => react.JSX.Element;
60
+ declare const CandleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
80
61
 
81
- declare const ChatIcon: (props: IconProps) => react.JSX.Element;
62
+ declare const CarIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
82
63
 
83
- declare const CheckIcon: (props: IconProps) => react.JSX.Element;
64
+ declare const CartIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
84
65
 
85
- declare const CherryIcon: (props: IconProps) => react.JSX.Element;
66
+ declare const CatIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
86
67
 
87
- declare const ClockIcon: (props: IconProps) => react.JSX.Element;
68
+ declare const ChatIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
88
69
 
89
- declare const CloseIcon: (props: IconProps) => react.JSX.Element;
70
+ declare const CheckIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
90
71
 
91
- declare const CloudIcon: (props: IconProps) => react.JSX.Element;
72
+ declare const CherryIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
92
73
 
93
- declare const CodeIcon: (props: IconProps) => react.JSX.Element;
74
+ declare const ChevronDownIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
94
75
 
95
- declare const CoffeeIcon: (props: IconProps) => react.JSX.Element;
76
+ declare const ChevronLeftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
96
77
 
97
- declare const CompassIcon: (props: IconProps) => react.JSX.Element;
78
+ declare const ChevronRightIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
98
79
 
99
- declare const CreditCardIcon: (props: IconProps) => react.JSX.Element;
80
+ declare const ChevronUpIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
100
81
 
101
- declare const DogIcon: (props: IconProps) => react.JSX.Element;
82
+ declare const ClockIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
102
83
 
103
- declare const DonutIcon: (props: IconProps) => react.JSX.Element;
84
+ declare const CloseIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
104
85
 
105
- declare const DownloadIcon: (props: IconProps) => react.JSX.Element;
86
+ declare const CloudIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
106
87
 
107
- declare const EditIcon: (props: IconProps) => react.JSX.Element;
88
+ declare const CodeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
108
89
 
109
- declare const EyeIcon: (props: IconProps) => react.JSX.Element;
90
+ declare const CoffeeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
110
91
 
111
- declare const FileIcon: (props: IconProps) => react.JSX.Element;
92
+ declare const CompassIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
112
93
 
113
- declare const FishIcon: (props: IconProps) => react.JSX.Element;
94
+ declare const CopyIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
114
95
 
115
- declare const FlagIcon: (props: IconProps) => react.JSX.Element;
96
+ declare const CreditCardIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
116
97
 
117
- declare const FlameIcon: (props: IconProps) => react.JSX.Element;
98
+ declare const DogIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
118
99
 
119
- declare const FlowerIcon: (props: IconProps) => react.JSX.Element;
100
+ declare const DonutIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
120
101
 
121
- declare const FolderIcon: (props: IconProps) => react.JSX.Element;
102
+ declare const DownloadIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
122
103
 
123
- declare const FoxIcon: (props: IconProps) => react.JSX.Element;
104
+ declare const EditIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
124
105
 
125
- declare const FrogIcon: (props: IconProps) => react.JSX.Element;
106
+ declare const EllipsisIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
126
107
 
127
- declare const GiftIcon: (props: IconProps) => react.JSX.Element;
108
+ declare const ExternalLinkIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
128
109
 
129
- declare const GlobeIcon: (props: IconProps) => react.JSX.Element;
110
+ declare const EyeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
130
111
 
131
- declare const HeadphonesIcon: (props: IconProps) => react.JSX.Element;
112
+ declare const FileIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
132
113
 
133
- declare const HeartIcon: (props: IconProps) => react.JSX.Element;
114
+ declare const FishIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
134
115
 
135
- declare const HomeIcon: (props: IconProps) => react.JSX.Element;
116
+ declare const FlagIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
136
117
 
137
- declare const IcecreamIcon: (props: IconProps) => react.JSX.Element;
118
+ declare const FlameIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
138
119
 
139
- declare const ImageIcon: (props: IconProps) => react.JSX.Element;
120
+ declare const FlowerIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
140
121
 
141
- declare const KeyIcon: (props: IconProps) => react.JSX.Element;
122
+ declare const FolderIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
142
123
 
143
- declare const LadybugIcon: (props: IconProps) => react.JSX.Element;
124
+ declare const FoxIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
144
125
 
145
- declare const LampIcon: (props: IconProps) => react.JSX.Element;
126
+ declare const FrogIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
146
127
 
147
- declare const LeafIcon: (props: IconProps) => react.JSX.Element;
128
+ declare const GiftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
148
129
 
149
- declare const LemonIcon: (props: IconProps) => react.JSX.Element;
130
+ declare const GlobeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
150
131
 
151
- declare const LocationIcon: (props: IconProps) => react.JSX.Element;
132
+ declare const HeadphonesIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
152
133
 
153
- declare const LockIcon: (props: IconProps) => react.JSX.Element;
134
+ declare const HeartIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
154
135
 
155
- declare const MagnetIcon: (props: IconProps) => react.JSX.Element;
136
+ declare const HomeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
156
137
 
157
- declare const MailIcon: (props: IconProps) => react.JSX.Element;
138
+ declare const IcecreamIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
158
139
 
159
- declare const MapIcon: (props: IconProps) => react.JSX.Element;
140
+ declare const ImageIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
160
141
 
161
- declare const MicIcon: (props: IconProps) => react.JSX.Element;
142
+ declare const KeyIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
162
143
 
163
- declare const MoonIcon: (props: IconProps) => react.JSX.Element;
144
+ declare const LadybugIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
164
145
 
165
- declare const MushroomIcon: (props: IconProps) => react.JSX.Element;
146
+ declare const LampIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
166
147
 
167
- declare const MusicIcon: (props: IconProps) => react.JSX.Element;
148
+ declare const LeafIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
168
149
 
169
- declare const OwlIcon: (props: IconProps) => react.JSX.Element;
150
+ declare const LemonIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
170
151
 
171
- declare const PaintbrushIcon: (props: IconProps) => react.JSX.Element;
152
+ declare const LinkIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
172
153
 
173
- declare const PencilIcon: (props: IconProps) => react.JSX.Element;
154
+ declare const LocationIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
174
155
 
175
- declare const PenguinIcon: (props: IconProps) => react.JSX.Element;
156
+ declare const LockIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
176
157
 
177
- declare const PhoneIcon: (props: IconProps) => react.JSX.Element;
158
+ declare const MagnetIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
178
159
 
179
- declare const PlayIcon: (props: IconProps) => react.JSX.Element;
160
+ declare const MailIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
180
161
 
181
- declare const PlusIcon: (props: IconProps) => react.JSX.Element;
162
+ declare const MapIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
182
163
 
183
- declare const RabbitIcon: (props: IconProps) => react.JSX.Element;
164
+ declare const MenuIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
184
165
 
185
- declare const RainbowIcon: (props: IconProps) => react.JSX.Element;
166
+ declare const MicIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
186
167
 
187
- declare const RefreshIcon: (props: IconProps) => react.JSX.Element;
168
+ declare const MinusIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
188
169
 
189
- declare const RocketIcon: (props: IconProps) => react.JSX.Element;
170
+ declare const MoonIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
190
171
 
191
- declare const SailboatIcon: (props: IconProps) => react.JSX.Element;
172
+ declare const MushroomIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
192
173
 
193
- declare const SaveIcon: (props: IconProps) => react.JSX.Element;
174
+ declare const MusicIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
194
175
 
195
- declare const SearchIcon: (props: IconProps) => react.JSX.Element;
176
+ declare const OwlIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
196
177
 
197
- declare const SettingsIcon: (props: IconProps) => react.JSX.Element;
178
+ declare const PaintbrushIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
198
179
 
199
- declare const ShareIcon: (props: IconProps) => react.JSX.Element;
180
+ declare const PencilIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
200
181
 
201
- declare const ShoppingBagIcon: (props: IconProps) => react.JSX.Element;
182
+ declare const PenguinIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
202
183
 
203
- declare const SmileIcon: (props: IconProps) => react.JSX.Element;
184
+ declare const PhoneIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
204
185
 
205
- declare const SnailIcon: (props: IconProps) => react.JSX.Element;
186
+ declare const PlayIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
206
187
 
207
- declare const SnowflakeIcon: (props: IconProps) => react.JSX.Element;
188
+ declare const PlusIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
208
189
 
209
- declare const StarIcon: (props: IconProps) => react.JSX.Element;
190
+ declare const RabbitIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
210
191
 
211
- declare const StrawberryIcon: (props: IconProps) => react.JSX.Element;
192
+ declare const RainbowIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
212
193
 
213
- declare const SunIcon: (props: IconProps) => react.JSX.Element;
194
+ declare const RefreshIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
214
195
 
215
- declare const TagIcon: (props: IconProps) => react.JSX.Element;
196
+ declare const RocketIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
216
197
 
217
- declare const ThermometerIcon: (props: IconProps) => react.JSX.Element;
198
+ declare const SailboatIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
218
199
 
219
- declare const ThumbsUpIcon: (props: IconProps) => react.JSX.Element;
200
+ declare const SaveIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
220
201
 
221
- declare const TrainIcon: (props: IconProps) => react.JSX.Element;
202
+ declare const SearchIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
222
203
 
223
- declare const TrashIcon: (props: IconProps) => react.JSX.Element;
204
+ declare const SettingsIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
224
205
 
225
- declare const TreeIcon: (props: IconProps) => react.JSX.Element;
206
+ declare const ShareIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
226
207
 
227
- declare const TrophyIcon: (props: IconProps) => react.JSX.Element;
208
+ declare const ShoppingBagIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
228
209
 
229
- declare const UmbrellaIcon: (props: IconProps) => react.JSX.Element;
210
+ declare const SmileIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
230
211
 
231
- declare const UploadIcon: (props: IconProps) => react.JSX.Element;
212
+ declare const SnailIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
232
213
 
233
- declare const UserIcon: (props: IconProps) => react.JSX.Element;
214
+ declare const SnowflakeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
234
215
 
235
- declare const VideoIcon: (props: IconProps) => react.JSX.Element;
216
+ declare const StarIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
236
217
 
237
- declare const WatermelonIcon: (props: IconProps) => react.JSX.Element;
218
+ declare const StrawberryIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
238
219
 
239
- declare const WifiIcon: (props: IconProps) => react.JSX.Element;
220
+ declare const SunIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
240
221
 
241
- export { AirplaneIcon, AnchorIcon, AppleIcon, BalloonIcon, BearIcon, BeeIcon, BellIcon, BicycleIcon, BirdIcon, BookIcon, BookmarkIcon, BulbIcon, ButterflyIcon, CactusIcon, CakeIcon, CalendarIcon, CameraIcon, CandleIcon, CarIcon, CartIcon, CatIcon, ChatIcon, CheckIcon, CherryIcon, ClockIcon, CloseIcon, CloudIcon, CodeIcon, CoffeeIcon, CompassIcon, CreditCardIcon, DogIcon, DonutIcon, DownloadIcon, EditIcon, EyeIcon, FileIcon, FishIcon, FlagIcon, FlameIcon, FlowerIcon, FolderIcon, FoxIcon, FrogIcon, GiftIcon, GlobeIcon, HeadphonesIcon, HeartIcon, HomeIcon, ICON_CATEGORIES, IcecreamIcon, type IconCategory, type IconComponent, type IconName, type IconProps, ImageIcon, KeyIcon, LadybugIcon, LampIcon, LeafIcon, LemonIcon, LocationIcon, LockIcon, MagnetIcon, MailIcon, MapIcon, MicIcon, MoonIcon, MushroomIcon, MusicIcon, NAIVE_PALETTE, OwlIcon, PaintbrushIcon, type PaletteColor, PencilIcon, PenguinIcon, PhoneIcon, PlayIcon, PlusIcon, RabbitIcon, RainbowIcon, RefreshIcon, RocketIcon, SailboatIcon, SaveIcon, SearchIcon, SettingsIcon, ShareIcon, ShoppingBagIcon, SmileIcon, SnailIcon, SnowflakeIcon, StarIcon, StrawberryIcon, SunIcon, TagIcon, ThermometerIcon, ThumbsUpIcon, TrainIcon, TrashIcon, TreeIcon, TrophyIcon, UmbrellaIcon, UploadIcon, UserIcon, VideoIcon, WatermelonIcon, WifiIcon };
222
+ declare const TagIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
223
+
224
+ declare const ThermometerIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
225
+
226
+ declare const ThumbsUpIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
227
+
228
+ declare const TrainIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
229
+
230
+ declare const TrashIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
231
+
232
+ declare const TreeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
233
+
234
+ declare const TrophyIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
235
+
236
+ declare const UmbrellaIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
237
+
238
+ declare const UnlinkIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
239
+
240
+ declare const UploadIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
241
+
242
+ declare const UserIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
243
+
244
+ declare const VideoIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
245
+
246
+ declare const WatermelonIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
247
+
248
+ declare const WifiIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
249
+
250
+ export { AirplaneIcon, AnchorIcon, AppleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BalloonIcon, BearIcon, BeeIcon, BellIcon, BicycleIcon, BirdIcon, BookIcon, BookmarkIcon, BulbIcon, ButterflyIcon, CactusIcon, CakeIcon, CalendarIcon, CameraIcon, CandleIcon, CarIcon, CartIcon, CatIcon, ChatIcon, CheckIcon, CherryIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseIcon, CloudIcon, CodeIcon, CoffeeIcon, CompassIcon, CopyIcon, CreditCardIcon, DogIcon, DonutIcon, DownloadIcon, EditIcon, EllipsisIcon, ExternalLinkIcon, EyeIcon, FileIcon, FishIcon, FlagIcon, FlameIcon, FlowerIcon, FolderIcon, FoxIcon, FrogIcon, GiftIcon, GlobeIcon, HeadphonesIcon, HeartIcon, HomeIcon, IcecreamIcon, ImageIcon, KeyIcon, LadybugIcon, LampIcon, LeafIcon, LemonIcon, LinkIcon, LocationIcon, LockIcon, MagnetIcon, MailIcon, MapIcon, MenuIcon, MicIcon, MinusIcon, MoonIcon, MushroomIcon, MusicIcon, OwlIcon, PaintbrushIcon, PencilIcon, PenguinIcon, PhoneIcon, PlayIcon, PlusIcon, RabbitIcon, RainbowIcon, RefreshIcon, RocketIcon, SailboatIcon, SaveIcon, SearchIcon, SettingsIcon, ShareIcon, ShoppingBagIcon, SmileIcon, SnailIcon, SnowflakeIcon, StarIcon, StrawberryIcon, SunIcon, TagIcon, ThermometerIcon, ThumbsUpIcon, TrainIcon, TrashIcon, TreeIcon, TrophyIcon, UmbrellaIcon, UnlinkIcon, UploadIcon, UserIcon, VideoIcon, WatermelonIcon, WifiIcon };