naive-icons 1.6.0 → 1.8.0

package/CHANGELOG.md

@@ -2,6 +2,77 @@
 
 本文件记录 Naive Icons 的每个版本变更。版本号遵循语义化版本规范（SemVer）。
 
+## 1.8.0
+
+新增
+
+- **23 枚图标**（178 → **201**）：
+  - 导航方位 8 枚 —— `arrow-up-left` 左上箭头、`arrow-down-left` 左下箭头、
+    `arrow-down-right` 右下箭头、`arrow-up-circle` 向上圆圈、`arrow-down-circle` 向下圆圈、
+    `arrow-left-circle` 向左圆圈、`arrow-right-circle` 向右圆圈、`map-pin` 地图标记
+  - 操作 5 枚 —— `plus-circle` 加号圆圈、`minus-circle` 减号圆圈、`play-circle` 播放圆圈、
+    `pause-circle` 暂停圆圈、`stop-circle` 停止圆圈
+  - 日常物品 4 枚 —— `calculator` 计算器、`palette` 调色板、`radio` 收音机、
+    `shopping-cart` 购物推车
+  - 界面基础 2 枚 —— `user-circle` 圆形用户、`sparkles` 星光
+  - 文件与媒体 2 枚 —— `newspaper` 报纸、`tv` 电视
+  - 通信 2 枚 —— `bolt` 闪电、`wifi-off` 无线关闭
+- 圆形容器家族沿用库内 `check-circle` / `x-circle` 的既有惯例：墨色描边圆 r=17 + 彩色符号，
+  所以 7 枚圆圈图标与库内已有反馈类图标是同一套视觉语言
+- `map-pin` 与 `shopping-cart` 刻意跟库内 `location` / `cart` 区分开——前者是「折页地图上插着
+  气泡针」，后者是「装满商品的购物车」，避免库里出现两个几乎一样的图标
+
+重绘
+
+- **`arrow-up-right` 右上箭头** —— 原版是「橙色斜杆 + 转角头 + 青点」的**回信箭头**造型，
+  与库里 `arrow-up` / `arrow-down` / `arrow-left` / `arrow-right` 的「墨杆 + 橙三角」
+  是完全不同的两套语言；同一个「右上方向」在别的库里都是直箭头。
+  改为墨杆 + 橙三角的直箭头，凑成 **8 枚对称方向箭头族**（4 正交 + 4 对角）。
+  ⚠️ 造型有变，用过这枚图标的地方需要确认一下视觉效果
+
+其他
+
+- 开发依赖 `vitest` 升到 5.0.5，CI 的 Node 从 20 提到 22（vitest 5 要求 Node ≥ 22.12）
+- 文档、注释与 skill 资产里的图标总数同步到 201
+
+## 1.7.0
+
+新增
+
+- **15 枚图标**（163 → **178**）：
+  - 导航方位 2 枚 —— `arrow-up-down` 上下双箭头（竖直 ⇅，两支箭头共轴、尖端朝外，
+    对应「切换日期 / 切换月份与年份」）、`arrow-jump` 单箭头（上箭头 + 时间轴基线 +
+    奶油色当前段，语义是「跳到时间轴某点」）
+  - 界面基础 4 枚 —— `bold` 加粗、`italic` 斜体、`underline` 下划线、`user-minus` 移除成员
+  - 日常物品 3 枚 —— `printer` 打印机、`clipboard` 剪贴板、`battery` 电池
+  - 文件与媒体 3 枚 —— `rss` 订阅、`folder-plus` 新建文件夹、`folder-minus` 删除文件夹
+  - 操作 2 枚 —— `scissors` 剪刀、`power` 电源
+  - 交通工具 1 枚 —— `truck` 卡车
+- **两个新 API**：
+  - `iconNames` —— 178 个 kebab id 的**运行时数组**，外加类型 `IconId`。
+    此前 `IconName` 只是纯类型、编译后即消失，运行时按名字取图标只能 `import * as naive`，
+    那会把全部图标打进包、tree-shaking 直接归零；现在可以拿 `iconNames` 配动态 import，
+    只拉真正用到的几枚
+  - `createIcon(name, body)` —— 自建图标的工厂。根节点、无障碍属性、描边缩放与内置 178 枚一致；
+    body 可以是普通节点，也可以是接收 `sw(designed)` 的函数——把设计时的描边宽度交给 `sw()`，
+    整体加粗时层次才不会散
+- `tests/createIcon.test.tsx` 12 条用例，钉住工厂产出与内置图标逐项一致
+
+修复
+
+- **30 枚既有图标的描边外缘边距不足 3 单位**，违反设计规范第 2 节。最严重的 `rainbow`
+  与 `flag` 只有 **0.75**，`scooter` 只有 **0.25**——内容几乎贴边。
+  统一按「绕画布中心 (24,24) 均匀缩放几何、保持描边宽度不变」修正，缩放幅度 0.4% ~ 12.7%，
+  改完全库 178 枚都落在 3.05 ~ 15.65
+- 新增 `tests/margin.test.ts` 回归测试：按描边外缘计算四边边距并要求 ≥ 3。
+  这条规则以前只靠肉眼把关，攒到 30 枚违规都没被发现；而补图时最容易照着现有图标描，
+  也就最容易继续复制违规——现在由代码钉住
+
+其他
+
+- `build_website.py` 清掉一处重复的 `'printer'` 键（同键同值，删除不影响行为）
+- 文档、注释与 skill 资产里的图标总数同步到 178
+
 ## 1.6.0
 
 新增

package/README.md

@@ -19,6 +19,7 @@
   <img src="https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=black" alt="React">
   <img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript">
   <img src="https://img.shields.io/badge/SVG-FFB13B?style=flat-square&logoColor=black" alt="SVG">
+  <a href="https://hub.xerj.org/contributors/guokaigdg"><img src="https://hub.xerj.org/contributors/guokaigdg/badge.svg" alt="Contributors"></a>
 </p>
 
 <p align="center">
@@ -35,6 +36,8 @@ Each icon is drawn on a 48x48 grid with a 3.5 stroke, rounded line caps, and a r
 - Every icon ships as both an SVG source file and a React TSX component
 - Full TypeScript types: IconProps, IconName, IconComponent, PaletteColor, NAIVE_PALETTE
 - Exports `scaledStroke` / `resolveStrokeWidth` / `normalizeIconProps` for building your own icons
+- `iconNames` — the runtime list of all icon ids, for lookups by name without giving up tree-shaking
+- `createIcon` — a factory that gives your own icons the same root node, a11y and stroke scaling as the built-ins
 - Supports `currentColor` to follow the surrounding text color
 - Official Agent Skill: one command installs it into your AI coding agent, which can then pick icons by meaning and emit ready-to-paste code
 
@@ -178,6 +181,49 @@ To follow the surrounding text color when inlining, replace `stroke="#2A2A2A"` w
 
 You can also build an SVG sprite or icon font — the source files are simple enough to work with.
 
+## Dynamic Icons & Custom Icons
+
+`IconName` is a type only — it disappears at compile time. When you have to look an icon up by
+name at runtime (a theme picker, an icon field coming from a CMS), use `iconNames`:
+
+```tsx
+import { iconNames } from 'naive-icons';
+import type { IconId } from 'naive-icons';
+
+const map: Record<IconId, () => Promise<unknown>> = {
+  // only the icons you list are ever loaded
+  'arrow-up-down': () => import('naive-icons/icons/ArrowUpDownIcon').then((m) => m.ArrowUpDownIcon),
+  'arrow-jump': () => import('naive-icons/icons/ArrowJumpIcon').then((m) => m.ArrowJumpIcon),
+};
+```
+
+Importing the package as a namespace (`import * as icons`) also lets you look icons up by name,
+but it pulls all 201 icons into the bundle and zeroes out tree-shaking. `iconNames` lets you
+build a lookup that only loads the icons you actually reach for.
+
+To draw an icon of your own in the same style, use the `createIcon` factory. It produces the
+exact same root node, accessibility attributes and stroke scaling as the 201 built-in icons:
+
+```tsx
+import { createIcon } from 'naive-icons';
+
+const MyIcon = createIcon('my-icon', (sw) => (
+  <>
+    <path d="M12 12 L36 36" stroke="#2A2A2A" strokeWidth={sw(3.5)} />
+    <path d="M14 20 L20 26" stroke="#E76F51" strokeWidth={sw(2)} />
+  </>
+));
+
+<MyIcon size={24} strokeWidth={7} title="My icon" />;
+```
+
+The body can be a plain node, or a function that receives `sw(designed)`. Pass the designed
+stroke width through `sw()` and the whole icon thickens together when you set `strokeWidth` —
+otherwise the outer frame scales while the inner details stay at 3.5.
+
+The display name is derived from the id: `my-icon` becomes `MyIcon`, `arrow-up-down` becomes
+`ArrowUpDownIcon`.
+
 ## Palette
 
 ```typescript
@@ -195,6 +241,7 @@ import { NAIVE_PALETTE } from 'naive-icons';
 | teal | #2A9D8F | Secondary |
 | brown | #8B5E3C | Wood and earth |
 | cream | #FAEDCD | Light background |
+| white | #FFFFFF | Cut-out shapes on solid fills |
 
 ## Design Principles
 
@@ -202,7 +249,7 @@ Naive Icons follows four fixed rules. They should be respected when adding new i
 
 1. **Grid & bleed**: All graphics are drawn on a 48x48 canvas, keeping at least 3 units between the main body and the canvas edge.
 2. **Stroke**: A unified 3.5 width with round caps and joins, and no dashed lines.
-3. **Color**: The 9 palette colors set the default tone; other solid colors are allowed when genuinely needed (e.g. brand colors) — no gradients, shadows, or semi-transparent overlays.
+3. **Color**: The 10 palette colors set the default tone; other solid colors are allowed when genuinely needed (e.g. brand colors) — no gradients, shadows, or semi-transparent overlays.
 4. **Personality**: Slight asymmetry is welcome; encourage dot eyes and a smile on living subjects to keep the hand-drawn clumsiness.
 
 ## Local Development

package/README.zh-CN.md

@@ -19,6 +19,7 @@
   <img src="https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=black" alt="React">
   <img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript">
   <img src="https://img.shields.io/badge/SVG-FFB13B?style=flat-square&logoColor=black" alt="SVG">
+  <a href="https://hub.xerj.org/contributors/guokaigdg"><img src="https://hub.xerj.org/contributors/guokaigdg/badge.svg" alt="Contributors"></a>
 </p>
 
 <p align="center">
@@ -35,6 +36,8 @@
 - 每个图标同时提供 SVG 源文件与 React TSX 组件
 - 完整 TypeScript 类型：IconProps、IconName、IconComponent、PaletteColor、NAIVE_PALETTE
 - 导出 `scaledStroke` / `resolveStrokeWidth` / `normalizeIconProps`，需要自建图标时用得上
+- `iconNames`——全部图标的运行时 id 列表，按名字取图标时不用牺牲 tree-shaking
+- `createIcon`——图标工厂，自建图标能拿到与内置图标完全一致的根节点、无障碍与描边缩放
 - 支持 currentColor，传入后图标跟随文字颜色
 - 官方 Agent Skill：一条命令装到 AI 编码助手，按语义帮你挑图标并生成代码
 
@@ -172,6 +175,46 @@ interface IconProps extends SVGProps<SVGSVGElement> {
 
 也可以做成 SVG sprite 或 Icon Font，源文件结构足够简单，便于二次加工。
 
+## 动态取图标与自建图标
+
+`IconName` 是纯类型，编译后就不存在了。需要运行时按名字取图标（主题选择器、后台配置的
+图标字段），用 `iconNames`：
+
+```tsx
+import { iconNames } from 'naive-icons';
+import type { IconId } from 'naive-icons';
+
+const map: Record<IconId, () => Promise<unknown>> = {
+  // 只有列出来的图标才会被加载
+  'arrow-up-down': () => import('naive-icons/icons/ArrowUpDownIcon').then((m) => m.ArrowUpDownIcon),
+  'arrow-jump': () => import('naive-icons/icons/ArrowJumpIcon').then((m) => m.ArrowJumpIcon),
+};
+```
+
+用 `import * as icons` 也能按名字取，但会把全部 201 枚都打进包，tree-shaking 直接归零。
+`iconNames` 让你搭一张只加载真正用得到的图标的查找表。
+
+想自己画一个同样风格的图标，用 `createIcon` 工厂。它产出的根节点、无障碍属性和描边缩放
+与内置的 201 枚完全一致：
+
+```tsx
+import { createIcon } from 'naive-icons';
+
+const MyIcon = createIcon('my-icon', (sw) => (
+  <>
+    <path d="M12 12 L36 36" stroke="#2A2A2A" strokeWidth={sw(3.5)} />
+    <path d="M14 20 L20 26" stroke="#E76F51" strokeWidth={sw(2)} />
+  </>
+));
+
+<MyIcon size={24} strokeWidth={7} title="我的图标" />;
+```
+
+图形部分既可以是一个普通节点，也可以是接收 `sw(designed)` 的函数。把设计时的描边宽度交给
+`sw()`，传 `strokeWidth` 时整枚图标会一起加粗——不然就只剩外框变粗、内层细节还停在 3.5。
+
+displayName 由 id 自动推导：`my-icon` 变成 `MyIcon`，`arrow-up-down` 变成 `ArrowUpDownIcon`。
+
 ## 调色板
 
 ```typescript
@@ -196,7 +239,7 @@ Naive Icons 遵循四条固定规则，新增图标时也应保持一致。
 
 1. **网格与出血**：全部图形绘制在 48x48 画布内，主体距离画布边缘至少保留 3 个单位。
 2. **描边**：统一 3.5 宽度，端点与转角均为 round，不使用虚线。
-3. **配色**：以调色板的 9 色为默认基调，确有必要时可用其他实色（如品牌色），不使用渐变、阴影与半透明叠加。
+3. **配色**：以调色板的 10 色为默认基调，确有必要时可用其他实色（如品牌色），不使用渐变、阴影与半透明叠加。
 4. **性格**：允许线条轻微不对称，鼓励给有生命的图形加上圆点眼睛与微笑，保留手绘的笨拙感。
 
 ## 本地开发

package/dist/ArrowDownCircleIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowDownCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowDownCircleIcon, ArrowDownCircleIcon as default };

package/dist/ArrowDownCircleIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowDownCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowDownCircleIcon, ArrowDownCircleIcon as default };

package/dist/ArrowDownCircleIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunk3B2W2ZA6_js = require('./chunk-3B2W2ZA6.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowDownCircleIcon", {
+  enumerable: true,
+  get: function () { return chunk3B2W2ZA6_js.ArrowDownCircleIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunk3B2W2ZA6_js.ArrowDownCircleIcon_default; }
+});
+//# sourceMappingURL=ArrowDownCircleIcon.js.map
+//# sourceMappingURL=ArrowDownCircleIcon.js.map

package/dist/ArrowDownCircleIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowDownCircleIcon, ArrowDownCircleIcon_default as default } from './chunk-CPIX42E7.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowDownCircleIcon.mjs.map
+//# sourceMappingURL=ArrowDownCircleIcon.mjs.map

package/dist/ArrowDownLeftIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowDownLeftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowDownLeftIcon, ArrowDownLeftIcon as default };

package/dist/ArrowDownLeftIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowDownLeftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowDownLeftIcon, ArrowDownLeftIcon as default };

package/dist/ArrowDownLeftIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkBZJJOMEX_js = require('./chunk-BZJJOMEX.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowDownLeftIcon", {
+  enumerable: true,
+  get: function () { return chunkBZJJOMEX_js.ArrowDownLeftIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkBZJJOMEX_js.ArrowDownLeftIcon_default; }
+});
+//# sourceMappingURL=ArrowDownLeftIcon.js.map
+//# sourceMappingURL=ArrowDownLeftIcon.js.map

package/dist/ArrowDownLeftIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowDownLeftIcon, ArrowDownLeftIcon_default as default } from './chunk-HNNOAJZJ.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowDownLeftIcon.mjs.map
+//# sourceMappingURL=ArrowDownLeftIcon.mjs.map

package/dist/ArrowDownRightIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowDownRightIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowDownRightIcon, ArrowDownRightIcon as default };

package/dist/ArrowDownRightIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowDownRightIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowDownRightIcon, ArrowDownRightIcon as default };

package/dist/ArrowDownRightIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkATFLXMZY_js = require('./chunk-ATFLXMZY.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowDownRightIcon", {
+  enumerable: true,
+  get: function () { return chunkATFLXMZY_js.ArrowDownRightIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkATFLXMZY_js.ArrowDownRightIcon_default; }
+});
+//# sourceMappingURL=ArrowDownRightIcon.js.map
+//# sourceMappingURL=ArrowDownRightIcon.js.map

package/dist/ArrowDownRightIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowDownRightIcon, ArrowDownRightIcon_default as default } from './chunk-ZEO5T2WN.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowDownRightIcon.mjs.map
+//# sourceMappingURL=ArrowDownRightIcon.mjs.map

package/dist/ArrowJumpIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowJumpIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowJumpIcon, ArrowJumpIcon as default };

package/dist/ArrowJumpIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowJumpIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowJumpIcon, ArrowJumpIcon as default };

package/dist/ArrowJumpIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkASQZDSGJ_js = require('./chunk-ASQZDSGJ.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowJumpIcon", {
+  enumerable: true,
+  get: function () { return chunkASQZDSGJ_js.ArrowJumpIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkASQZDSGJ_js.ArrowJumpIcon_default; }
+});
+//# sourceMappingURL=ArrowJumpIcon.js.map
+//# sourceMappingURL=ArrowJumpIcon.js.map

package/dist/ArrowJumpIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowJumpIcon, ArrowJumpIcon_default as default } from './chunk-F22QXG5C.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowJumpIcon.mjs.map
+//# sourceMappingURL=ArrowJumpIcon.mjs.map

package/dist/ArrowLeftCircleIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowLeftCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowLeftCircleIcon, ArrowLeftCircleIcon as default };

package/dist/ArrowLeftCircleIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowLeftCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowLeftCircleIcon, ArrowLeftCircleIcon as default };

package/dist/ArrowLeftCircleIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunk5YUFLXN3_js = require('./chunk-5YUFLXN3.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowLeftCircleIcon", {
+  enumerable: true,
+  get: function () { return chunk5YUFLXN3_js.ArrowLeftCircleIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunk5YUFLXN3_js.ArrowLeftCircleIcon_default; }
+});
+//# sourceMappingURL=ArrowLeftCircleIcon.js.map
+//# sourceMappingURL=ArrowLeftCircleIcon.js.map

package/dist/ArrowLeftCircleIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowLeftCircleIcon, ArrowLeftCircleIcon_default as default } from './chunk-RRAMB2ID.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowLeftCircleIcon.mjs.map
+//# sourceMappingURL=ArrowLeftCircleIcon.mjs.map

package/dist/ArrowRightCircleIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowRightCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowRightCircleIcon, ArrowRightCircleIcon as default };

package/dist/ArrowRightCircleIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowRightCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowRightCircleIcon, ArrowRightCircleIcon as default };

package/dist/ArrowRightCircleIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkRQO4GHKN_js = require('./chunk-RQO4GHKN.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowRightCircleIcon", {
+  enumerable: true,
+  get: function () { return chunkRQO4GHKN_js.ArrowRightCircleIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkRQO4GHKN_js.ArrowRightCircleIcon_default; }
+});
+//# sourceMappingURL=ArrowRightCircleIcon.js.map
+//# sourceMappingURL=ArrowRightCircleIcon.js.map

package/dist/ArrowRightCircleIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowRightCircleIcon, ArrowRightCircleIcon_default as default } from './chunk-5V74QXC2.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowRightCircleIcon.mjs.map
+//# sourceMappingURL=ArrowRightCircleIcon.mjs.map

package/dist/ArrowUpCircleIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowUpCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowUpCircleIcon, ArrowUpCircleIcon as default };

package/dist/ArrowUpCircleIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowUpCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowUpCircleIcon, ArrowUpCircleIcon as default };

package/dist/ArrowUpCircleIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkQG2227PA_js = require('./chunk-QG2227PA.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowUpCircleIcon", {
+  enumerable: true,
+  get: function () { return chunkQG2227PA_js.ArrowUpCircleIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkQG2227PA_js.ArrowUpCircleIcon_default; }
+});
+//# sourceMappingURL=ArrowUpCircleIcon.js.map
+//# sourceMappingURL=ArrowUpCircleIcon.js.map

package/dist/ArrowUpCircleIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowUpCircleIcon, ArrowUpCircleIcon_default as default } from './chunk-APSG3TCO.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowUpCircleIcon.mjs.map
+//# sourceMappingURL=ArrowUpCircleIcon.mjs.map

package/dist/ArrowUpDownIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowUpDownIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowUpDownIcon, ArrowUpDownIcon as default };

package/dist/ArrowUpDownIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowUpDownIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowUpDownIcon, ArrowUpDownIcon as default };

package/dist/ArrowUpDownIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkTFA45XZT_js = require('./chunk-TFA45XZT.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowUpDownIcon", {
+  enumerable: true,
+  get: function () { return chunkTFA45XZT_js.ArrowUpDownIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkTFA45XZT_js.ArrowUpDownIcon_default; }
+});
+//# sourceMappingURL=ArrowUpDownIcon.js.map
+//# sourceMappingURL=ArrowUpDownIcon.js.map

package/dist/ArrowUpDownIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowUpDownIcon, ArrowUpDownIcon_default as default } from './chunk-PYCPFD7S.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowUpDownIcon.mjs.map
+//# sourceMappingURL=ArrowUpDownIcon.mjs.map

package/dist/ArrowUpLeftIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+
+declare const ArrowUpLeftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowUpLeftIcon, ArrowUpLeftIcon as default };

package/dist/ArrowUpLeftIcon.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-DkJsiWq5.js';
+
+declare const ArrowUpLeftIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+export { ArrowUpLeftIcon, ArrowUpLeftIcon as default };

package/dist/ArrowUpLeftIcon.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkMCGHG4YL_js = require('./chunk-MCGHG4YL.js');
+require('./chunk-22RDL32P.js');
+
+
+
+Object.defineProperty(exports, "ArrowUpLeftIcon", {
+  enumerable: true,
+  get: function () { return chunkMCGHG4YL_js.ArrowUpLeftIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkMCGHG4YL_js.ArrowUpLeftIcon_default; }
+});
+//# sourceMappingURL=ArrowUpLeftIcon.js.map
+//# sourceMappingURL=ArrowUpLeftIcon.js.map

package/dist/ArrowUpLeftIcon.mjs

@@ -0,0 +1,4 @@
+export { ArrowUpLeftIcon, ArrowUpLeftIcon_default as default } from './chunk-IUITKAIJ.mjs';
+import './chunk-LKQOGPEA.mjs';
+//# sourceMappingURL=ArrowUpLeftIcon.mjs.map
+//# sourceMappingURL=ArrowUpLeftIcon.mjs.map

package/dist/ArrowUpRightIcon.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkUXK6OQMF_js = require('./chunk-UXK6OQMF.js');
+var chunk2MGDU6XL_js = require('./chunk-2MGDU6XL.js');
 require('./chunk-22RDL32P.js');
 
 
 
 Object.defineProperty(exports, "ArrowUpRightIcon", {
   enumerable: true,
-  get: function () { return chunkUXK6OQMF_js.ArrowUpRightIcon; }
+  get: function () { return chunk2MGDU6XL_js.ArrowUpRightIcon; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkUXK6OQMF_js.ArrowUpRightIcon_default; }
+  get: function () { return chunk2MGDU6XL_js.ArrowUpRightIcon_default; }
 });
 //# sourceMappingURL=ArrowUpRightIcon.js.map
 //# sourceMappingURL=ArrowUpRightIcon.js.map