naive-icons 1.7.0 → 1.9.0

package/CHANGELOG.md

@@ -2,6 +2,65 @@
 
 本文件记录 Naive Icons 的每个版本变更。版本号遵循语义化版本规范（SemVer）。
 
+## 1.9.0
+
+新增
+
+- **Vue 3 版本 `naive-icons-vue`** —— 同样 201 枚图标、同样逐字节相同的图形与
+  无障碍行为，组件 API 换成 Vue 那套。仓库里在 `vue/` 下独立成包，与 `naive-icons` 并存
+  - 组件由 `scripts/generate_vue.py` 从 `svg/` 生成，与 React 版同源，图形不会走偏；
+    `vue/tests/svg-parity.test.ts` 逐属性比对 201 枚组件与 `svg/` 源文件
+  - `emit.py` 新增 `--format vue`，AI 助手能直接吐出 Vue 代码
+  - 框架无关的描边归一逻辑（`resolveStrokeWidth` / `scaledStroke` / `safeDimension`）
+    抽到 `core/`，React 版与 Vue 版共用同一份实现，描边缩放规则不会漂移
+  - 单枚图标 minify 后约 **1.4 KB**（React 版 1.25 KB），tree-shaking 同样生效
+  - API 与 React 版对齐：`size` / `color` / `strokeWidth` / `fill` / `title`，
+    另有 `iconNames`、`createIcon`、`NAIVE_PALETTE`；
+    拿 DOM 节点用 `ref.value.$el`（React 版是 `forwardRef` 直接给节点）
+  - **两个包同版本发布**：自本版起 `naive-icons` 与 `naive-icons-vue` 版本号始终一致。
+    `tests/version-sync.test.ts` 会断言两者版本相同，发版漏改一个 CI 就红
+
+其他
+
+- React 侧无功能变化。`core/` 重构后 `dist/` 产物与 1.8.0 **逐字节一致**，
+  本版仅为与 Vue 版对齐版本号
+- 官网补上 Vue 3 安装与用法、双框架安装命令、`npx skills add` 命令，
+  FAQ 增补两条 Vue 条目，并修正两处过期数字（图标数、`color` 默认值）
+- README 安装章节改为按 React / Vue 分流，两种包管理器命令各列全
+
+## 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
 
 新增

package/README.md

@@ -17,6 +17,7 @@
   <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-264653?style=flat-square" alt="license: MIT"></a>
   <br/>
   <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/Vue-42b883?style=flat-square&logo=vuedotjs&logoColor=white" alt="Vue">
   <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>
@@ -40,6 +41,7 @@ Each icon is drawn on a 48x48 grid with a 3.5 stroke, rounded line caps, and a r
 - `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
+- A Vue 3 port lives in `naive-icons-vue`: the same 201 icons and the same geometry, with Vue's component API
 
 ## AI Agent Skill
 
@@ -66,6 +68,17 @@ Re-run the same command after upgrading the library to update it.
 
 ## Installation
 
+Two packages ship the same 201 icons. Pick the one that matches your framework:
+
+| Framework | Package | Requires |
+| --- | --- | --- |
+| React | `naive-icons` | React 16.8+ (including 18 and 19) |
+| Vue 3 | `naive-icons-vue` | Vue 3.4+ |
+
+Both are always published under the same version number, so you can upgrade them together.
+
+### React
+
 ```bash
 npm install naive-icons
 ```
@@ -78,10 +91,41 @@ yarn add naive-icons
 pnpm add naive-icons
 ```
 
-Naive Icons only depends on React and supports React 16.8 and above (including React 18 and 19).
+```tsx
+import { HomeIcon } from 'naive-icons';
+```
+
+### Vue 3
+
+```bash
+npm install naive-icons-vue
+```
+
+```bash
+yarn add naive-icons-vue
+```
+
+```bash
+pnpm add naive-icons-vue
+```
+
+```vue
+<script setup lang="ts">
+import { HomeIcon } from 'naive-icons-vue';
+</script>
+
+<template>
+  <HomeIcon :size="24" color="#E76F51" />
+</template>
+```
+
+See [`vue/README.md`](./vue/README.md) for the full Vue API. Both packages are generated from
+the same `svg/` sources, so they can never drift apart.
 
 ## Quick Start
 
+The examples below use React. See [`vue/README.md`](./vue/README.md) for the Vue 3 equivalents.
+
 ```tsx
 import { HomeIcon, HeartIcon, PenguinIcon } from 'naive-icons';
 
@@ -147,6 +191,10 @@ Every Naive Icon component extends the native `SVGProps<SVGSVGElement>`, so you
 > `NAIVE_PALETTE`.
 | width / height | number \| string | follows size | Set width or height individually; takes **precedence over `size`**, and the side you omit falls back to `size` |
 
+> The Vue 3 package has exactly the same prop names and defaults — in templates they are
+> written kebab-case (`:stroke-width="7"`), and you reach the DOM node via `ref.value.$el`.
+> See [`vue/README.md`](./vue/README.md).
+
 ```typescript
 import type { IconProps } from 'naive-icons';
 
@@ -198,11 +246,11 @@ const map: Record<IconId, () => Promise<unknown>> = {
 ```
 
 Importing the package as a namespace (`import * as icons`) also lets you look icons up by name,
-but it pulls all 178 icons into the bundle and zeroes out tree-shaking. `iconNames` lets you
+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 178 built-in icons:
+exact same root node, accessibility attributes and stroke scaling as the 201 built-in icons:
 
 ```tsx
 import { createIcon } from 'naive-icons';

package/README.zh-CN.md

@@ -17,6 +17,7 @@
   <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-264653?style=flat-square" alt="license: MIT"></a>
   <br/>
   <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/Vue-42b883?style=flat-square&logo=vuedotjs&logoColor=white" alt="Vue">
   <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>
@@ -40,6 +41,7 @@
 - `createIcon`——图标工厂，自建图标能拿到与内置图标完全一致的根节点、无障碍与描边缩放
 - 支持 currentColor，传入后图标跟随文字颜色
 - 官方 Agent Skill：一条命令装到 AI 编码助手，按语义帮你挑图标并生成代码
+- 另有 Vue 3 版本 `naive-icons-vue`：同样的 201 枚图标与同样的图形，只是组件 API 换成了 Vue 那套
 
 ## AI Agent Skill
 
@@ -63,6 +65,17 @@ Skill 自带完整图标目录、设计规范和用法，以及全部 SVG 源码
 
 ## 安装
 
+本库有两个包，卖的是同一套 201 枚图标。按你的框架挑一个装：
+
+| 框架 | 包名 | 需要 |
+| --- | --- | --- |
+| React | `naive-icons` | React 16.8+（含 18 与 19） |
+| Vue 3 | `naive-icons-vue` | Vue 3.4+ |
+
+两个包**永远同版本发布**，升级时一起升最省心。
+
+### React
+
 ```bash
 npm install naive-icons
 ```
@@ -75,10 +88,41 @@ yarn add naive-icons
 pnpm add naive-icons
 ```
 
-Naive Icons 只依赖 React，支持 React 16.8 及以上版本（含 React 18 与 19）。
+```tsx
+import { HomeIcon } from 'naive-icons';
+```
+
+### Vue 3
+
+```bash
+npm install naive-icons-vue
+```
+
+```bash
+yarn add naive-icons-vue
+```
+
+```bash
+pnpm add naive-icons-vue
+```
+
+```vue
+<script setup lang="ts">
+import { HomeIcon } from 'naive-icons-vue';
+</script>
+
+<template>
+  <HomeIcon :size="24" color="#E76F51" />
+</template>
+```
+
+完整 API 见 [`vue/README.zh-CN.md`](./vue/README.zh-CN.md)。两个包都由同一份 `svg/` 生成，
+图形永远不会走偏。
 
 ## 快速开始
 
+下面用 React 举例。Vue 3 的写法见 [`vue/README.zh-CN.md`](./vue/README.zh-CN.md)。
+
 ```tsx
 import { HomeIcon, HeartIcon, PenguinIcon } from 'naive-icons';
 
@@ -137,6 +181,9 @@ Naive Icons 的每个组件都继承原生 `SVGProps<SVGSVGElement>`，可以直
 | title | string | — | 无障碍标题，渲染为 SVG title 节点 |
 | width / height | number \| string | 跟随 size | 单独指定宽或高，**优先级高于 size**，没传的那一边回落到 size |
 
+> Vue 3 版的属性名与默认值完全一致，只是模板里要写成 kebab-case（`:stroke-width="7"`），
+> 拿 DOM 节点用 `ref.value.$el`。详见 [`vue/README.zh-CN.md`](./vue/README.zh-CN.md)。
+
 > `fill` 那一行值得单独说一句：naive 风格靠的就是实心色块，730 个图元里 489 个硬编码了自己的
 > `fill`，所以根节点的 `fill` 对它们无效。这不是 bug，是风格本身——要换配色请用 `color`
 > 换描边，或直接取 `NAIVE_PALETTE` 里已有的十色。
@@ -191,11 +238,11 @@ const map: Record<IconId, () => Promise<unknown>> = {
 };
 ```
 
-用 `import * as icons` 也能按名字取，但会把全部 178 枚都打进包，tree-shaking 直接归零。
+用 `import * as icons` 也能按名字取，但会把全部 201 枚都打进包，tree-shaking 直接归零。
 `iconNames` 让你搭一张只加载真正用得到的图标的查找表。
 
 想自己画一个同样风格的图标，用 `createIcon` 工厂。它产出的根节点、无障碍属性和描边缩放
-与内置的 178 枚完全一致：
+与内置的 201 枚完全一致：
 
 ```tsx
 import { createIcon } from 'naive-icons';

package/dist/AirplaneIcon.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+import { I as IconProps } from './iconProps-Cp-AJELp.mjs';
 
 declare const AirplaneIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AirplaneIcon.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.js';
+import { I as IconProps } from './iconProps-Cp-AJELp.js';
 
 declare const AirplaneIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AirplaneIcon.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkDOFGCFFE_js = require('./chunk-DOFGCFFE.js');
-require('./chunk-22RDL32P.js');
+var chunkDUOA5LRK_js = require('./chunk-DUOA5LRK.js');
+require('./chunk-3NKZLDRJ.js');
 
 
 
 Object.defineProperty(exports, "AirplaneIcon", {
   enumerable: true,
-  get: function () { return chunkDOFGCFFE_js.AirplaneIcon; }
+  get: function () { return chunkDUOA5LRK_js.AirplaneIcon; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkDOFGCFFE_js.AirplaneIcon_default; }
+  get: function () { return chunkDUOA5LRK_js.AirplaneIcon_default; }
 });
 //# sourceMappingURL=AirplaneIcon.js.map
 //# sourceMappingURL=AirplaneIcon.js.map

package/dist/AirplaneIcon.mjs

@@ -1,4 +1,4 @@
-export { AirplaneIcon, AirplaneIcon_default as default } from './chunk-7V35VBUB.mjs';
-import './chunk-LKQOGPEA.mjs';
+export { AirplaneIcon, AirplaneIcon_default as default } from './chunk-VS63HM2D.mjs';
+import './chunk-LVVIY7VH.mjs';
 //# sourceMappingURL=AirplaneIcon.mjs.map
 //# sourceMappingURL=AirplaneIcon.mjs.map

package/dist/AlertCircleIcon.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+import { I as IconProps } from './iconProps-Cp-AJELp.mjs';
 
 declare const AlertCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AlertCircleIcon.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.js';
+import { I as IconProps } from './iconProps-Cp-AJELp.js';
 
 declare const AlertCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AlertCircleIcon.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkOAZA6DX5_js = require('./chunk-OAZA6DX5.js');
-require('./chunk-22RDL32P.js');
+var chunkL7FPVGFM_js = require('./chunk-L7FPVGFM.js');
+require('./chunk-3NKZLDRJ.js');
 
 
 
 Object.defineProperty(exports, "AlertCircleIcon", {
   enumerable: true,
-  get: function () { return chunkOAZA6DX5_js.AlertCircleIcon; }
+  get: function () { return chunkL7FPVGFM_js.AlertCircleIcon; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkOAZA6DX5_js.AlertCircleIcon_default; }
+  get: function () { return chunkL7FPVGFM_js.AlertCircleIcon_default; }
 });
 //# sourceMappingURL=AlertCircleIcon.js.map
 //# sourceMappingURL=AlertCircleIcon.js.map

package/dist/AlertCircleIcon.mjs

@@ -1,4 +1,4 @@
-export { AlertCircleIcon, AlertCircleIcon_default as default } from './chunk-R7ZWBTVA.mjs';
-import './chunk-LKQOGPEA.mjs';
+export { AlertCircleIcon, AlertCircleIcon_default as default } from './chunk-GNSHET3Z.mjs';
+import './chunk-LVVIY7VH.mjs';
 //# sourceMappingURL=AlertCircleIcon.mjs.map
 //# sourceMappingURL=AlertCircleIcon.mjs.map

package/dist/AlertTriangleIcon.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+import { I as IconProps } from './iconProps-Cp-AJELp.mjs';
 
 declare const AlertTriangleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AlertTriangleIcon.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.js';
+import { I as IconProps } from './iconProps-Cp-AJELp.js';
 
 declare const AlertTriangleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AlertTriangleIcon.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk2TAE5B2T_js = require('./chunk-2TAE5B2T.js');
-require('./chunk-22RDL32P.js');
+var chunkJW2DSHTV_js = require('./chunk-JW2DSHTV.js');
+require('./chunk-3NKZLDRJ.js');
 
 
 
 Object.defineProperty(exports, "AlertTriangleIcon", {
   enumerable: true,
-  get: function () { return chunk2TAE5B2T_js.AlertTriangleIcon; }
+  get: function () { return chunkJW2DSHTV_js.AlertTriangleIcon; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunk2TAE5B2T_js.AlertTriangleIcon_default; }
+  get: function () { return chunkJW2DSHTV_js.AlertTriangleIcon_default; }
 });
 //# sourceMappingURL=AlertTriangleIcon.js.map
 //# sourceMappingURL=AlertTriangleIcon.js.map

package/dist/AlertTriangleIcon.mjs

@@ -1,4 +1,4 @@
-export { AlertTriangleIcon, AlertTriangleIcon_default as default } from './chunk-XNPFDBWW.mjs';
-import './chunk-LKQOGPEA.mjs';
+export { AlertTriangleIcon, AlertTriangleIcon_default as default } from './chunk-V2YRLYO2.mjs';
+import './chunk-LVVIY7VH.mjs';
 //# sourceMappingURL=AlertTriangleIcon.mjs.map
 //# sourceMappingURL=AlertTriangleIcon.mjs.map

package/dist/AnchorIcon.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+import { I as IconProps } from './iconProps-Cp-AJELp.mjs';
 
 declare const AnchorIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AnchorIcon.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.js';
+import { I as IconProps } from './iconProps-Cp-AJELp.js';
 
 declare const AnchorIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AnchorIcon.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkBTJ2AW2O_js = require('./chunk-BTJ2AW2O.js');
-require('./chunk-22RDL32P.js');
+var chunkX5R2UMJW_js = require('./chunk-X5R2UMJW.js');
+require('./chunk-3NKZLDRJ.js');
 
 
 
 Object.defineProperty(exports, "AnchorIcon", {
   enumerable: true,
-  get: function () { return chunkBTJ2AW2O_js.AnchorIcon; }
+  get: function () { return chunkX5R2UMJW_js.AnchorIcon; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkBTJ2AW2O_js.AnchorIcon_default; }
+  get: function () { return chunkX5R2UMJW_js.AnchorIcon_default; }
 });
 //# sourceMappingURL=AnchorIcon.js.map
 //# sourceMappingURL=AnchorIcon.js.map

package/dist/AnchorIcon.mjs

@@ -1,4 +1,4 @@
-export { AnchorIcon, AnchorIcon_default as default } from './chunk-4K4FA453.mjs';
-import './chunk-LKQOGPEA.mjs';
+export { AnchorIcon, AnchorIcon_default as default } from './chunk-UDYY6YHS.mjs';
+import './chunk-LVVIY7VH.mjs';
 //# sourceMappingURL=AnchorIcon.mjs.map
 //# sourceMappingURL=AnchorIcon.mjs.map

package/dist/AppleIcon.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+import { I as IconProps } from './iconProps-Cp-AJELp.mjs';
 
 declare const AppleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AppleIcon.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.js';
+import { I as IconProps } from './iconProps-Cp-AJELp.js';
 
 declare const AppleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/AppleIcon.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk6ZGXJTXR_js = require('./chunk-6ZGXJTXR.js');
-require('./chunk-22RDL32P.js');
+var chunk5CAYNVS2_js = require('./chunk-5CAYNVS2.js');
+require('./chunk-3NKZLDRJ.js');
 
 
 
 Object.defineProperty(exports, "AppleIcon", {
   enumerable: true,
-  get: function () { return chunk6ZGXJTXR_js.AppleIcon; }
+  get: function () { return chunk5CAYNVS2_js.AppleIcon; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunk6ZGXJTXR_js.AppleIcon_default; }
+  get: function () { return chunk5CAYNVS2_js.AppleIcon_default; }
 });
 //# sourceMappingURL=AppleIcon.js.map
 //# sourceMappingURL=AppleIcon.js.map

package/dist/AppleIcon.mjs

@@ -1,4 +1,4 @@
-export { AppleIcon, AppleIcon_default as default } from './chunk-UU3RVLMK.mjs';
-import './chunk-LKQOGPEA.mjs';
+export { AppleIcon, AppleIcon_default as default } from './chunk-OUUOR3K4.mjs';
+import './chunk-LVVIY7VH.mjs';
 //# sourceMappingURL=AppleIcon.mjs.map
 //# sourceMappingURL=AppleIcon.mjs.map

package/dist/ArrowDownCircleIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-Cp-AJELp.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-Cp-AJELp.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 chunkHNI5GQRE_js = require('./chunk-HNI5GQRE.js');
+require('./chunk-3NKZLDRJ.js');
+
+
+
+Object.defineProperty(exports, "ArrowDownCircleIcon", {
+  enumerable: true,
+  get: function () { return chunkHNI5GQRE_js.ArrowDownCircleIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkHNI5GQRE_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-J6UML45T.mjs';
+import './chunk-LVVIY7VH.mjs';
+//# sourceMappingURL=ArrowDownCircleIcon.mjs.map
+//# sourceMappingURL=ArrowDownCircleIcon.mjs.map

package/dist/ArrowDownIcon.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.mjs';
+import { I as IconProps } from './iconProps-Cp-AJELp.mjs';
 
 declare const ArrowDownIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/ArrowDownIcon.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { I as IconProps } from './iconProps-DkJsiWq5.js';
+import { I as IconProps } from './iconProps-Cp-AJELp.js';
 
 declare const ArrowDownIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 

package/dist/ArrowDownIcon.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk5IHWLLWB_js = require('./chunk-5IHWLLWB.js');
-require('./chunk-22RDL32P.js');
+var chunk3U2FPFPY_js = require('./chunk-3U2FPFPY.js');
+require('./chunk-3NKZLDRJ.js');
 
 
 
 Object.defineProperty(exports, "ArrowDownIcon", {
   enumerable: true,
-  get: function () { return chunk5IHWLLWB_js.ArrowDownIcon; }
+  get: function () { return chunk3U2FPFPY_js.ArrowDownIcon; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunk5IHWLLWB_js.ArrowDownIcon_default; }
+  get: function () { return chunk3U2FPFPY_js.ArrowDownIcon_default; }
 });
 //# sourceMappingURL=ArrowDownIcon.js.map
 //# sourceMappingURL=ArrowDownIcon.js.map

package/dist/ArrowDownIcon.mjs

@@ -1,4 +1,4 @@
-export { ArrowDownIcon, ArrowDownIcon_default as default } from './chunk-TZ63EZVJ.mjs';
-import './chunk-LKQOGPEA.mjs';
+export { ArrowDownIcon, ArrowDownIcon_default as default } from './chunk-SVUGAKU2.mjs';
+import './chunk-LVVIY7VH.mjs';
 //# sourceMappingURL=ArrowDownIcon.mjs.map
 //# sourceMappingURL=ArrowDownIcon.mjs.map

package/dist/ArrowDownLeftIcon.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { I as IconProps } from './iconProps-Cp-AJELp.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-Cp-AJELp.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 chunkL6C4QM7P_js = require('./chunk-L6C4QM7P.js');
+require('./chunk-3NKZLDRJ.js');
+
+
+
+Object.defineProperty(exports, "ArrowDownLeftIcon", {
+  enumerable: true,
+  get: function () { return chunkL6C4QM7P_js.ArrowDownLeftIcon; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkL6C4QM7P_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-366CG52N.mjs';
+import './chunk-LVVIY7VH.mjs';
+//# sourceMappingURL=ArrowDownLeftIcon.mjs.map
+//# sourceMappingURL=ArrowDownLeftIcon.mjs.map