@idbrnd/design-system 1.12.3 → 1.13.0

package/README.md

@@ -1,6 +1,6 @@
 # @idbrnd/design-system
 
-![Version](https://img.shields.io/badge/version-1.12.3-4B5FE1?style=flat-square)
+![Version](https://img.shields.io/badge/version-1.13.0-4B5FE1?style=flat-square)
 ![React](https://img.shields.io/badge/React-18.3.1-61DAFB?style=flat-square&logo=react&logoColor=white)
 ![Vite](https://img.shields.io/badge/Vite-7.3.0-646CFF?style=flat-square&logo=vite&logoColor=white)
 ![TypeScript](https://img.shields.io/badge/TypeScript-5.9.3-3178C6?style=flat-square&logo=typescript&logoColor=white)
@@ -76,6 +76,7 @@ export default function App() {
   - [Pagination](#pagination)
 - [기타](#기타)
   - [Spinner](#spinner)
+- [아이콘](#아이콘)
 
 ---
 
@@ -1644,6 +1645,84 @@ import { Spinner, CustomSpinner, Clip, FadeSpinner } from "@idbrnd/design-system
 
 ---
 
+## 아이콘
+
+피그마에서 추출한 SVG 아이콘이 React 컴포넌트로 제공됩니다. 현재 **179개** 아이콘이 포함되어 있습니다.
+
+### 개별 컴포넌트 import (권장)
+
+트리셰이킹이 적용되어 실제로 사용하는 아이콘만 번들에 포함됩니다.
+
+```tsx
+import { ChevronDownIcon, BellIcon, SearchIcon } from "@idbrnd/design-system";
+
+// 기본 사용 (24px, 현재 글자색)
+<ChevronDownIcon />
+
+// 크기 조절
+<BellIcon size={20} />
+
+// 색상 조절 — color prop (권장)
+<SearchIcon color="#4A71FF" />
+<SearchIcon color="var(--semantic-primary-default)" />
+
+// 색상 조절 — style prop (기존 방식도 유지)
+<SearchIcon style={{ color: "#4A71FF" }} />
+
+// 두 가지를 함께 쓸 경우 color prop이 우선
+<SearchIcon color="#4A71FF" style={{ opacity: 0.5 }} />
+```
+
+| Prop    | 타입                     | 기본값 | 설명                                                    |
+| ------- | ------------------------ | ------ | ------------------------------------------------------- |
+| `size`  | `number \| string`       | `24`   | 아이콘 가로·세로 크기 (px 또는 CSS 길이)                |
+| `color` | `CSSProperties["color"]` | —      | 아이콘 색상. `currentColor` 제어용 `style.color` 축약형 |
+
+그 외 표준 `SVGProps<SVGSVGElement>` 속성(`className`, `style`, `onClick`, `aria-*` 등)을 모두 사용할 수 있습니다.
+
+### `<Icon name>` 래퍼
+
+아이콘 이름을 동적으로 결정해야 할 때 사용합니다. 단, `iconMap` 전체를 참조하므로 **트리셰이킹이 적용되지 않습니다.**
+
+```tsx
+import { Icon } from "@idbrnd/design-system";
+import type { IconName } from "@idbrnd/design-system";
+
+<Icon name="chevron-down" />
+<Icon name="bell" size={20} color="#4A71FF" />
+
+// 타입 안전한 동적 이름
+const icon: IconName = "search";
+<Icon name={icon} />
+```
+
+### 아이콘 이름 규칙
+
+| 규칙                                   | 예시                                     |
+| -------------------------------------- | ---------------------------------------- |
+| 단어 구분은 `-`                        | `chevron-down`, `circle-check-fill`      |
+| fill 변형은 `-fill` 접미사             | `bell-fill`, `setting-fill`              |
+| 고정 색상 아이콘은 `dashboard-` 접두사 | `dashboard-map`, `dashboard-heart-pulse` |
+
+### 고정 색상 아이콘 (dashboard-\*)
+
+피그마 원본 색상(`#171719` + `#4A71FF`)이 하드코딩된 아이콘입니다. `color` prop을 넘겨도 색상이 바뀌지 않습니다.
+
+| 아이콘 이름                    | 컴포넌트명                      |
+| ------------------------------ | ------------------------------- |
+| `dashboard-map-pinned`         | `DashboardMapPinnedIcon`        |
+| `dashboard-history`            | `DashboardHistoryIcon`          |
+| `dashboard-book-check`         | `DashboardBookCheckIcon`        |
+| `dashboard-detection`          | `DashboardDetectionIcon`        |
+| `dashboard-square-chart-gantt` | `DashboardSquareChartGanttIcon` |
+| `dashboard-square-activity`    | `DashboardSquareActivityIcon`   |
+| `dashboard-map`                | `DashboardMapIcon`              |
+| `dashboard-layer`              | `DashboardLayerIcon`            |
+| `dashboard-heart-pulse`        | `DashboardHeartPulseIcon`       |
+| `dashboard-live-monitor`       | `DashboardLiveMonitorIcon`      |
+
+---
+
 ## TypeScript
 
 모든 컴포넌트의 Props 타입을 패키지에서 직접 import 할 수 있습니다.
@@ -1758,6 +1837,11 @@ import type {
   TableVariant,
   PaginationProps,
   PaginationVariant,
+
+  // Icons
+  IconProps,
+  IconName,
+  IconByNameProps,
 } from "@idbrnd/design-system";
 ```
 

package/dist/dev/App.d.ts

@@ -0,0 +1 @@
+export default function App(): import("react/jsx-runtime").JSX.Element;

package/dist/dev/pages/IconsPage.d.ts

@@ -0,0 +1 @@
+export default function IconsPage(): import("react/jsx-runtime").JSX.Element;

package/dist/icons/Icon.d.ts

@@ -0,0 +1,15 @@
+import type { IconProps } from "./Icon.types";
+import { type IconName } from "./iconMap";
+export interface IconByNameProps extends IconProps {
+    /** 렌더링할 아이콘 이름 (kebab-case). 예: "chevron-down" */
+    name: IconName;
+}
+/**
+ * 이름 기반 드롭인 아이콘. `<Icon name="chevron-down" size={20} color="red" />`
+ *
+ * ⚠️ 이 컴포넌트는 `iconMap`(전체 아이콘 참조)을 사용하므로 import 하는 순간
+ * 모든 아이콘이 번들에 포함됩니다(트리셰이킹 불가). 번들 크기가 중요하면
+ * 개별 컴포넌트(`<ChevronDownIcon />`)를 직접 import 하세요.
+ */
+declare const Icon: ({ name, ...props }: IconByNameProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Icon;

package/dist/icons/Icon.types.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties, SVGProps } from "react";
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, "color"> {
+    /**
+     * 아이콘의 가로·세로 크기. 숫자(px) 또는 CSS 길이 문자열.
+     * @default 24
+     */
+    size?: number | string;
+    /**
+     * 아이콘 색상. `currentColor`를 통해 fill/stroke에 적용됩니다.
+     * `style={{ color }}` 축약형.
+     * 고정 색상 아이콘(dashboard-*)에는 적용되지 않습니다.
+     */
+    color?: CSSProperties["color"];
+}

package/dist/icons/generated/AiBrainFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const AiBrainFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default AiBrainFillIcon;

package/dist/icons/generated/AiBrainIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const AiBrainIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default AiBrainIcon;

package/dist/icons/generated/ArrowTurnDownRightIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ArrowTurnDownRightIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowTurnDownRightIcon;

package/dist/icons/generated/ArrowUpIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ArrowUpIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowUpIcon;

package/dist/icons/generated/ArrowUpThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ArrowUpThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowUpThickIcon;

package/dist/icons/generated/Axis3dIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const Axis3dIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default Axis3dIcon;

package/dist/icons/generated/BarchartFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const BarchartFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default BarchartFillIcon;

package/dist/icons/generated/BarchartIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const BarchartIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default BarchartIcon;

package/dist/icons/generated/BellFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const BellFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default BellFillIcon;

package/dist/icons/generated/BellIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const BellIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default BellIcon;

package/dist/icons/generated/BookFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const BookFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default BookFillIcon;

package/dist/icons/generated/BookIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const BookIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default BookIcon;

package/dist/icons/generated/BotIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const BotIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default BotIcon;

package/dist/icons/generated/BuildingIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const BuildingIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default BuildingIcon;

package/dist/icons/generated/CarbonIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CarbonIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CarbonIcon;

package/dist/icons/generated/CaretDownIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CaretDownIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CaretDownIcon;

package/dist/icons/generated/CaretUpIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CaretUpIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CaretUpIcon;

package/dist/icons/generated/CctvIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CctvIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CctvIcon;

package/dist/icons/generated/ChangeIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChangeIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChangeIcon;

package/dist/icons/generated/ChartIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChartIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChartIcon;

package/dist/icons/generated/CheckIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CheckIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckIcon;

package/dist/icons/generated/CheckThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CheckThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckThickIcon;

package/dist/icons/generated/ChevronDoubleLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDoubleLeftIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDoubleLeftIcon;

package/dist/icons/generated/ChevronDoubleLeftSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDoubleLeftSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDoubleLeftSmallIcon;

package/dist/icons/generated/ChevronDoubleLeftThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDoubleLeftThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDoubleLeftThickIcon;

package/dist/icons/generated/ChevronDoubleLeftThickSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDoubleLeftThickSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDoubleLeftThickSmallIcon;

package/dist/icons/generated/ChevronDoubleRightIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDoubleRightIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDoubleRightIcon;

package/dist/icons/generated/ChevronDoubleRightSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDoubleRightSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDoubleRightSmallIcon;

package/dist/icons/generated/ChevronDoubleRightThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDoubleRightThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDoubleRightThickIcon;

package/dist/icons/generated/ChevronDoubleRightThickSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDoubleRightThickSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDoubleRightThickSmallIcon;

package/dist/icons/generated/ChevronDownIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDownIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDownIcon;

package/dist/icons/generated/ChevronDownSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDownSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDownSmallIcon;

package/dist/icons/generated/ChevronDownThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDownThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDownThickIcon;

package/dist/icons/generated/ChevronDownThickSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDownThickSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDownThickSmallIcon;

package/dist/icons/generated/ChevronDownThickXsmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDownThickXsmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDownThickXsmallIcon;

package/dist/icons/generated/ChevronDownXsmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronDownXsmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDownXsmallIcon;

package/dist/icons/generated/ChevronLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftIcon;

package/dist/icons/generated/ChevronLeftSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftSmallIcon;

package/dist/icons/generated/ChevronLeftThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftThickIcon;

package/dist/icons/generated/ChevronLeftThickSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftThickSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftThickSmallIcon;

package/dist/icons/generated/ChevronLeftThickXsmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftThickXsmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftThickXsmallIcon;

package/dist/icons/generated/ChevronLeftTightIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftTightIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftTightIcon;

package/dist/icons/generated/ChevronLeftTightSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftTightSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftTightSmallIcon;

package/dist/icons/generated/ChevronLeftTightThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftTightThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftTightThickIcon;

package/dist/icons/generated/ChevronLeftTightThickSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftTightThickSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftTightThickSmallIcon;

package/dist/icons/generated/ChevronLeftXsmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronLeftXsmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftXsmallIcon;

package/dist/icons/generated/ChevronRightIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightIcon;

package/dist/icons/generated/ChevronRightSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightSmallIcon;

package/dist/icons/generated/ChevronRightThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightThickIcon;

package/dist/icons/generated/ChevronRightThickSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightThickSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightThickSmallIcon;

package/dist/icons/generated/ChevronRightThickXsmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightThickXsmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightThickXsmallIcon;

package/dist/icons/generated/ChevronRightTightIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightTightIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightTightIcon;

package/dist/icons/generated/ChevronRightTightSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightTightSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightTightSmallIcon;

package/dist/icons/generated/ChevronRightTightThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightTightThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightTightThickIcon;

package/dist/icons/generated/ChevronRightTightThickSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightTightThickSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightTightThickSmallIcon;

package/dist/icons/generated/ChevronRightXsmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronRightXsmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightXsmallIcon;

package/dist/icons/generated/ChevronUpIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronUpIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronUpIcon;

package/dist/icons/generated/ChevronUpSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronUpSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronUpSmallIcon;

package/dist/icons/generated/ChevronUpThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronUpThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronUpThickIcon;

package/dist/icons/generated/ChevronUpThickSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronUpThickSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronUpThickSmallIcon;

package/dist/icons/generated/ChevronUpThickXsmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronUpThickXsmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronUpThickXsmallIcon;

package/dist/icons/generated/ChevronUpXsmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronUpXsmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronUpXsmallIcon;

package/dist/icons/generated/ChevronsLeftRightEllipsisIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ChevronsLeftRightEllipsisIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ChevronsLeftRightEllipsisIcon;

package/dist/icons/generated/CircleCheckFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CircleCheckFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CircleCheckFillIcon;

package/dist/icons/generated/CircleCheckIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CircleCheckIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CircleCheckIcon;

package/dist/icons/generated/CircleCloseFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CircleCloseFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CircleCloseFillIcon;

package/dist/icons/generated/CircleCloseIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CircleCloseIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CircleCloseIcon;

package/dist/icons/generated/CircleExclamationFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CircleExclamationFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CircleExclamationFillIcon;

package/dist/icons/generated/CircleExclamationIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CircleExclamationIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CircleExclamationIcon;

package/dist/icons/generated/CircleInfoFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CircleInfoFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CircleInfoFillIcon;

package/dist/icons/generated/CircleInfoIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CircleInfoIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CircleInfoIcon;

package/dist/icons/generated/CirclePlusFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CirclePlusFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CirclePlusFillIcon;

package/dist/icons/generated/CirclePlusIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CirclePlusIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CirclePlusIcon;

package/dist/icons/generated/ClockFillIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ClockFillIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ClockFillIcon;

package/dist/icons/generated/ClockIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const ClockIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default ClockIcon;

package/dist/icons/generated/CloseIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CloseIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CloseIcon;

package/dist/icons/generated/CloseSmallIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CloseSmallIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CloseSmallIcon;

package/dist/icons/generated/CloseThickIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CloseThickIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CloseThickIcon;

package/dist/icons/generated/CloudSunIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CloudSunIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CloudSunIcon;

package/dist/icons/generated/CollapseIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CollapseIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CollapseIcon;

package/dist/icons/generated/CollapseSidebarIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CollapseSidebarIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CollapseSidebarIcon;

package/dist/icons/generated/CopyIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const CopyIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default CopyIcon;

package/dist/icons/generated/DashboardBookCheckIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const DashboardBookCheckIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default DashboardBookCheckIcon;

package/dist/icons/generated/DashboardDetectionIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const DashboardDetectionIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default DashboardDetectionIcon;

package/dist/icons/generated/DashboardHeartPulseIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "../Icon.types";
+declare const DashboardHeartPulseIcon: ({ size, color, style, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default DashboardHeartPulseIcon;