naive-icons 1.0.3 → 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 (21) hide show
  1. package/CHANGELOG.md +9 -2
  2. package/README.en.md +13 -13
  3. package/README.md +13 -13
  4. package/dist/index.d.mts +139 -126
  5. package/dist/index.d.ts +139 -126
  6. package/dist/index.js +3026 -770
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +3016 -770
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +3 -3
  11. package/svg/chevron-down.svg +3 -0
  12. package/svg/chevron-left.svg +3 -0
  13. package/svg/chevron-right.svg +3 -0
  14. package/svg/chevron-up.svg +3 -0
  15. package/svg/copy.svg +6 -0
  16. package/svg/ellipsis.svg +5 -0
  17. package/svg/external-link.svg +6 -0
  18. package/svg/link.svg +5 -0
  19. package/svg/menu.svg +5 -0
  20. package/svg/minus.svg +4 -0
  21. package/svg/unlink.svg +5 -0
package/CHANGELOG.md CHANGED
@@ -2,9 +2,16 @@
2
2
 
3
3
  本文件记录 Naive Icons 的每个版本变更。版本号遵循语义化版本规范（SemVer）。
4
4
 
5
- ## Unreleased
5
+ ## 1.1.0
6
6
 
7
- 官方文档站点重构，并新增 4 个方向键图标。
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
 
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 105 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: 105
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
- - 105 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/ 105 SVG source files
227
- ├── src/ 105 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 打造。全部 105 个图标由 AI 生成，均为原创作品。
26
+ Naive Icons 是一套手绘 naive folk art 风格的 SVG 图标库，为 React 与 TypeScript 打造。全部 116 个图标由 AI 生成，均为原创作品。
27
27
 
28
28
  每一个图标都建立在 48x48 的网格上，使用 3.5 的粗描边、圆角线帽与统一的复古调色板，并保留了手绘插画特有的笨拙感与温度——部分图标还带有一对小圆点眼睛和微笑，让界面多一点点人情味。
29
29
 
30
- - 图标数量：105
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
- - 105 个手绘风格的原创 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/ 105 个 SVG 源文件
228
- ├── src/ 105 个 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,237 +1,250 @@
1
1
  import * as react from 'react';
2
- import { SVGProps, FC } from 'react';
2
+ import { SVGProps } from 'react';
3
3
 
4
- /** 所有图标的通用 Props（继承原生 SVG 属性） */
4
+ /** Naive Icons 所有图标的通用 Props（继承原生 SVG 属性） */
5
5
  interface IconProps extends SVGProps<SVGSVGElement> {
6
- /** 图标尺寸（宽高等同），默认 48 */
6
+ /** 图标尺寸，宽高相等，默认 24 */
7
7
  size?: number | string;
8
+ /** 描边颜色，默认墨色 #2A2A2A */
9
+ color?: string;
10
+ /** 描边宽度，默认 3.5（相对 48x48 画布） */
11
+ strokeWidth?: number | string;
12
+ /** 填充色，默认 none */
13
+ fill?: string;
14
+ /** 无障碍标题 */
15
+ title?: string;
8
16
  }
9
- /** naive 风格调色板 */
10
- declare const NAIVE_PALETTE: {
11
- readonly ink: "#2A2A2A";
12
- readonly navy: "#264653";
13
- readonly orange: "#E76F51";
14
- readonly yellow: "#E9C46A";
15
- readonly pink: "#F4A6A4";
16
- readonly green: "#588157";
17
- readonly teal: "#2A9D8F";
18
- readonly brown: "#8B5E3C";
19
- readonly cream: "#FAEDCD";
20
- };
21
- type PaletteColor = keyof typeof NAIVE_PALETTE;
22
- /** 所有图标组件名（共 105 个） */
23
- type IconName = 'AirplaneIconIcon' | 'AnchorIconIcon' | 'AppleIconIcon' | 'ArrowDownIconIcon' | 'ArrowLeftIconIcon' | 'ArrowRightIconIcon' | 'ArrowUpIconIcon' | 'BalloonIconIcon' | 'BearIconIcon' | 'BeeIconIcon' | 'BellIconIcon' | 'BicycleIconIcon' | 'BirdIconIcon' | 'BookIconIcon' | 'BookmarkIconIcon' | 'BulbIconIcon' | 'ButterflyIconIcon' | 'CactusIconIcon' | 'CakeIconIcon' | 'CalendarIconIcon' | 'CameraIconIcon' | 'CandleIconIcon' | 'CarIconIcon' | 'CartIconIcon' | 'CatIconIcon' | 'ChatIconIcon' | 'CheckIconIcon' | 'CherryIconIcon' | 'ClockIconIcon' | 'CloseIconIcon' | 'CloudIconIcon' | 'CodeIconIcon' | 'CoffeeIconIcon' | 'CompassIconIcon' | 'CreditCardIconIcon' | 'DogIconIcon' | 'DonutIconIcon' | 'DownloadIconIcon' | 'EditIconIcon' | 'EyeIconIcon' | 'FileIconIcon' | 'FishIconIcon' | 'FlagIconIcon' | 'FlameIconIcon' | 'FlowerIconIcon' | 'FolderIconIcon' | 'FoxIconIcon' | 'FrogIconIcon' | 'GiftIconIcon' | 'GlobeIconIcon' | 'HeadphonesIconIcon' | 'HeartIconIcon' | 'HomeIconIcon' | 'IcecreamIconIcon' | 'ImageIconIcon' | 'KeyIconIcon' | 'LadybugIconIcon' | 'LampIconIcon' | 'LeafIconIcon' | 'LemonIconIcon' | 'LocationIconIcon' | 'LockIconIcon' | 'MagnetIconIcon' | 'MailIconIcon' | 'MapIconIcon' | 'MicIconIcon' | 'MoonIconIcon' | 'MushroomIconIcon' | 'MusicIconIcon' | 'OwlIconIcon' | 'PaintbrushIconIcon' | 'PencilIconIcon' | 'PenguinIconIcon' | 'PhoneIconIcon' | 'PlayIconIcon' | 'PlusIconIcon' | 'RabbitIconIcon' | 'RainbowIconIcon' | 'RefreshIconIcon' | 'RocketIconIcon' | 'SailboatIconIcon' | 'SaveIconIcon' | 'SearchIconIcon' | 'SettingsIconIcon' | 'ShareIconIcon' | 'ShoppingBagIconIcon' | 'SmileIconIcon' | 'SnailIconIcon' | 'SnowflakeIconIcon' | 'StarIconIcon' | 'StrawberryIconIcon' | 'SunIconIcon' | 'TagIconIcon' | 'ThermometerIconIcon' | 'ThumbsUpIconIcon' | 'TrainIconIcon' | 'TrashIconIcon' | 'TreeIconIcon' | 'TrophyIconIcon' | 'UmbrellaIconIcon' | 'UploadIconIcon' | 'UserIconIcon' | 'VideoIconIcon' | 'WatermelonIconIcon' | 'WifiIconIcon';
24
- /** 图标组件类型 */
25
- type IconComponent = FC<IconProps>;
26
17
 
27
- declare const AirplaneIcon: (props: IconProps) => react.JSX.Element;
18
+ declare const AirplaneIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
28
19
 
29
- declare const AnchorIcon: (props: IconProps) => react.JSX.Element;
20
+ declare const AnchorIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
30
21
 
31
- declare const AppleIcon: (props: IconProps) => react.JSX.Element;
22
+ declare const AppleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
32
23
 
33
- declare const ArrowDownIcon: (props: IconProps) => react.JSX.Element;
24
+ declare const ArrowDownIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
34
25
 
35
- declare const ArrowLeftIcon: (props: IconProps) => react.JSX.Element;
26
+ declare const ArrowLeftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
36
27
 
37
- declare const ArrowRightIcon: (props: IconProps) => react.JSX.Element;
28
+ declare const ArrowRightIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
38
29
 
39
- declare const ArrowUpIcon: (props: IconProps) => react.JSX.Element;
30
+ declare const ArrowUpIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
40
31
 
41
- declare const BalloonIcon: (props: IconProps) => react.JSX.Element;
32
+ declare const BalloonIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
42
33
 
43
- declare const BearIcon: (props: IconProps) => react.JSX.Element;
34
+ declare const BearIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
44
35
 
45
- declare const BeeIcon: (props: IconProps) => react.JSX.Element;
36
+ declare const BeeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
46
37
 
47
- declare const BellIcon: (props: IconProps) => react.JSX.Element;
38
+ declare const BellIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
48
39
 
49
- declare const BicycleIcon: (props: IconProps) => react.JSX.Element;
40
+ declare const BicycleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
50
41
 
51
- declare const BirdIcon: (props: IconProps) => react.JSX.Element;
42
+ declare const BirdIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
52
43
 
53
- declare const BookIcon: (props: IconProps) => react.JSX.Element;
44
+ declare const BookIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
54
45
 
55
- declare const BookmarkIcon: (props: IconProps) => react.JSX.Element;
46
+ declare const BookmarkIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
56
47
 
57
- declare const BulbIcon: (props: IconProps) => react.JSX.Element;
48
+ declare const BulbIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
58
49
 
59
- declare const ButterflyIcon: (props: IconProps) => react.JSX.Element;
50
+ declare const ButterflyIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
60
51
 
61
- declare const CactusIcon: (props: IconProps) => react.JSX.Element;
52
+ declare const CactusIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
62
53
 
63
- declare const CakeIcon: (props: IconProps) => react.JSX.Element;
54
+ declare const CakeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
64
55
 
65
- declare const CalendarIcon: (props: IconProps) => react.JSX.Element;
56
+ declare const CalendarIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
66
57
 
67
- declare const CameraIcon: (props: IconProps) => react.JSX.Element;
58
+ declare const CameraIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
68
59
 
69
- declare const CandleIcon: (props: IconProps) => react.JSX.Element;
60
+ declare const CandleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
70
61
 
71
- declare const CarIcon: (props: IconProps) => react.JSX.Element;
62
+ declare const CarIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
72
63
 
73
- declare const CartIcon: (props: IconProps) => react.JSX.Element;
64
+ declare const CartIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
74
65
 
75
- declare const CatIcon: (props: IconProps) => react.JSX.Element;
66
+ declare const CatIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
76
67
 
77
- declare const ChatIcon: (props: IconProps) => react.JSX.Element;
68
+ declare const ChatIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
78
69
 
79
- declare const CheckIcon: (props: IconProps) => react.JSX.Element;
70
+ declare const CheckIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
80
71
 
81
- declare const CherryIcon: (props: IconProps) => react.JSX.Element;
72
+ declare const CherryIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
82
73
 
83
- declare const ClockIcon: (props: IconProps) => react.JSX.Element;
74
+ declare const ChevronDownIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
84
75
 
85
- declare const CloseIcon: (props: IconProps) => react.JSX.Element;
76
+ declare const ChevronLeftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
86
77
 
87
- declare const CloudIcon: (props: IconProps) => react.JSX.Element;
78
+ declare const ChevronRightIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
88
79
 
89
- declare const CodeIcon: (props: IconProps) => react.JSX.Element;
80
+ declare const ChevronUpIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
90
81
 
91
- declare const CoffeeIcon: (props: IconProps) => react.JSX.Element;
82
+ declare const ClockIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
92
83
 
93
- declare const CompassIcon: (props: IconProps) => react.JSX.Element;
84
+ declare const CloseIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
94
85
 
95
- declare const CreditCardIcon: (props: IconProps) => react.JSX.Element;
86
+ declare const CloudIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
96
87
 
97
- declare const DogIcon: (props: IconProps) => react.JSX.Element;
88
+ declare const CodeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
98
89
 
99
- declare const DonutIcon: (props: IconProps) => react.JSX.Element;
90
+ declare const CoffeeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
100
91
 
101
- declare const DownloadIcon: (props: IconProps) => react.JSX.Element;
92
+ declare const CompassIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
102
93
 
103
- declare const EditIcon: (props: IconProps) => react.JSX.Element;
94
+ declare const CopyIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
104
95
 
105
- declare const EyeIcon: (props: IconProps) => react.JSX.Element;
96
+ declare const CreditCardIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
106
97
 
107
- declare const FileIcon: (props: IconProps) => react.JSX.Element;
98
+ declare const DogIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
108
99
 
109
- declare const FishIcon: (props: IconProps) => react.JSX.Element;
100
+ declare const DonutIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
110
101
 
111
- declare const FlagIcon: (props: IconProps) => react.JSX.Element;
102
+ declare const DownloadIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
112
103
 
113
- declare const FlameIcon: (props: IconProps) => react.JSX.Element;
104
+ declare const EditIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
114
105
 
115
- declare const FlowerIcon: (props: IconProps) => react.JSX.Element;
106
+ declare const EllipsisIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
116
107
 
117
- declare const FolderIcon: (props: IconProps) => react.JSX.Element;
108
+ declare const ExternalLinkIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
118
109
 
119
- declare const FoxIcon: (props: IconProps) => react.JSX.Element;
110
+ declare const EyeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
120
111
 
121
- declare const FrogIcon: (props: IconProps) => react.JSX.Element;
112
+ declare const FileIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
122
113
 
123
- declare const GiftIcon: (props: IconProps) => react.JSX.Element;
114
+ declare const FishIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
124
115
 
125
- declare const GlobeIcon: (props: IconProps) => react.JSX.Element;
116
+ declare const FlagIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
126
117
 
127
- declare const HeadphonesIcon: (props: IconProps) => react.JSX.Element;
118
+ declare const FlameIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
128
119
 
129
- declare const HeartIcon: (props: IconProps) => react.JSX.Element;
120
+ declare const FlowerIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
130
121
 
131
- declare const HomeIcon: (props: IconProps) => react.JSX.Element;
122
+ declare const FolderIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
132
123
 
133
- declare const IcecreamIcon: (props: IconProps) => react.JSX.Element;
124
+ declare const FoxIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
134
125
 
135
- declare const ImageIcon: (props: IconProps) => react.JSX.Element;
126
+ declare const FrogIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
136
127
 
137
- declare const KeyIcon: (props: IconProps) => react.JSX.Element;
128
+ declare const GiftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
138
129
 
139
- declare const LadybugIcon: (props: IconProps) => react.JSX.Element;
130
+ declare const GlobeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
140
131
 
141
- declare const LampIcon: (props: IconProps) => react.JSX.Element;
132
+ declare const HeadphonesIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
142
133
 
143
- declare const LeafIcon: (props: IconProps) => react.JSX.Element;
134
+ declare const HeartIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
144
135
 
145
- declare const LemonIcon: (props: IconProps) => react.JSX.Element;
136
+ declare const HomeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
146
137
 
147
- declare const LocationIcon: (props: IconProps) => react.JSX.Element;
138
+ declare const IcecreamIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
148
139
 
149
- declare const LockIcon: (props: IconProps) => react.JSX.Element;
140
+ declare const ImageIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
150
141
 
151
- declare const MagnetIcon: (props: IconProps) => react.JSX.Element;
142
+ declare const KeyIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
152
143
 
153
- declare const MailIcon: (props: IconProps) => react.JSX.Element;
144
+ declare const LadybugIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
154
145
 
155
- declare const MapIcon: (props: IconProps) => react.JSX.Element;
146
+ declare const LampIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
156
147
 
157
- declare const MicIcon: (props: IconProps) => react.JSX.Element;
148
+ declare const LeafIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
158
149
 
159
- declare const MoonIcon: (props: IconProps) => react.JSX.Element;
150
+ declare const LemonIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
160
151
 
161
- declare const MushroomIcon: (props: IconProps) => react.JSX.Element;
152
+ declare const LinkIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
162
153
 
163
- declare const MusicIcon: (props: IconProps) => react.JSX.Element;
154
+ declare const LocationIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
164
155
 
165
- declare const OwlIcon: (props: IconProps) => react.JSX.Element;
156
+ declare const LockIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
166
157
 
167
- declare const PaintbrushIcon: (props: IconProps) => react.JSX.Element;
158
+ declare const MagnetIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
168
159
 
169
- declare const PencilIcon: (props: IconProps) => react.JSX.Element;
160
+ declare const MailIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
170
161
 
171
- declare const PenguinIcon: (props: IconProps) => react.JSX.Element;
162
+ declare const MapIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
172
163
 
173
- declare const PhoneIcon: (props: IconProps) => react.JSX.Element;
164
+ declare const MenuIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
174
165
 
175
- declare const PlayIcon: (props: IconProps) => react.JSX.Element;
166
+ declare const MicIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
176
167
 
177
- declare const PlusIcon: (props: IconProps) => react.JSX.Element;
168
+ declare const MinusIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
178
169
 
179
- declare const RabbitIcon: (props: IconProps) => react.JSX.Element;
170
+ declare const MoonIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
180
171
 
181
- declare const RainbowIcon: (props: IconProps) => react.JSX.Element;
172
+ declare const MushroomIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
182
173
 
183
- declare const RefreshIcon: (props: IconProps) => react.JSX.Element;
174
+ declare const MusicIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
184
175
 
185
- declare const RocketIcon: (props: IconProps) => react.JSX.Element;
176
+ declare const OwlIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
186
177
 
187
- declare const SailboatIcon: (props: IconProps) => react.JSX.Element;
178
+ declare const PaintbrushIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
188
179
 
189
- declare const SaveIcon: (props: IconProps) => react.JSX.Element;
180
+ declare const PencilIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
190
181
 
191
- declare const SearchIcon: (props: IconProps) => react.JSX.Element;
182
+ declare const PenguinIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
192
183
 
193
- declare const SettingsIcon: (props: IconProps) => react.JSX.Element;
184
+ declare const PhoneIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
194
185
 
195
- declare const ShareIcon: (props: IconProps) => react.JSX.Element;
186
+ declare const PlayIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
196
187
 
197
- declare const ShoppingBagIcon: (props: IconProps) => react.JSX.Element;
188
+ declare const PlusIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
198
189
 
199
- declare const SmileIcon: (props: IconProps) => react.JSX.Element;
190
+ declare const RabbitIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
200
191
 
201
- declare const SnailIcon: (props: IconProps) => react.JSX.Element;
192
+ declare const RainbowIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
202
193
 
203
- declare const SnowflakeIcon: (props: IconProps) => react.JSX.Element;
194
+ declare const RefreshIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
204
195
 
205
- declare const StarIcon: (props: IconProps) => react.JSX.Element;
196
+ declare const RocketIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
206
197
 
207
- declare const StrawberryIcon: (props: IconProps) => react.JSX.Element;
198
+ declare const SailboatIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
208
199
 
209
- declare const SunIcon: (props: IconProps) => react.JSX.Element;
200
+ declare const SaveIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
210
201
 
211
- declare const TagIcon: (props: IconProps) => react.JSX.Element;
202
+ declare const SearchIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
212
203
 
213
- declare const ThermometerIcon: (props: IconProps) => react.JSX.Element;
204
+ declare const SettingsIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
214
205
 
215
- declare const ThumbsUpIcon: (props: IconProps) => react.JSX.Element;
206
+ declare const ShareIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
216
207
 
217
- declare const TrainIcon: (props: IconProps) => react.JSX.Element;
208
+ declare const ShoppingBagIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
218
209
 
219
- declare const TrashIcon: (props: IconProps) => react.JSX.Element;
210
+ declare const SmileIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
220
211
 
221
- declare const TreeIcon: (props: IconProps) => react.JSX.Element;
212
+ declare const SnailIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
222
213
 
223
- declare const TrophyIcon: (props: IconProps) => react.JSX.Element;
214
+ declare const SnowflakeIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
224
215
 
225
- declare const UmbrellaIcon: (props: IconProps) => react.JSX.Element;
216
+ declare const StarIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
226
217
 
227
- declare const UploadIcon: (props: IconProps) => react.JSX.Element;
218
+ declare const StrawberryIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
228
219
 
229
- declare const UserIcon: (props: IconProps) => react.JSX.Element;
220
+ declare const SunIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
230
221
 
231
- declare const VideoIcon: (props: IconProps) => react.JSX.Element;
222
+ declare const TagIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
232
223
 
233
- declare const WatermelonIcon: (props: IconProps) => react.JSX.Element;
224
+ declare const ThermometerIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
234
225
 
235
- declare const WifiIcon: (props: IconProps) => react.JSX.Element;
226
+ declare const ThumbsUpIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
236
227
 
237
- 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, 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, 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 };
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 };