@intflow/edgefarm-ui 0.2.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.
- package/dist/components/AlertButton/AlertButton.d.ts +12 -0
- package/dist/components/AlertButton/index.d.ts +2 -0
- package/dist/components/Button/Button.d.ts +19 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/CalendarArrowButton/CalendarArrowButton.d.ts +12 -0
- package/dist/components/CalendarArrowButton/index.d.ts +2 -0
- package/dist/components/ComparisonButton/ComparisonButton.d.ts +12 -0
- package/dist/components/ComparisonButton/index.d.ts +2 -0
- package/dist/components/DashButton/DashButton.d.ts +9 -0
- package/dist/components/DashButton/index.d.ts +2 -0
- package/dist/components/DateRangeButton/DateRangeButton.d.ts +9 -0
- package/dist/components/DateRangeButton/index.d.ts +2 -0
- package/dist/components/DeviceCard/DeviceCard.d.ts +7 -0
- package/dist/components/DeviceCard/index.d.ts +2 -0
- package/dist/components/DropdownItem/DropdownItem.d.ts +7 -0
- package/dist/components/DropdownItem/index.d.ts +2 -0
- package/dist/components/GnbButton/GnbButton.d.ts +10 -0
- package/dist/components/GnbButton/index.d.ts +2 -0
- package/dist/components/IconButton/IconButton.d.ts +9 -0
- package/dist/components/IconButton/index.d.ts +2 -0
- package/dist/components/ListRow/ListRow.d.ts +14 -0
- package/dist/components/ListRow/index.d.ts +2 -0
- package/dist/components/MapButton/MapButton.d.ts +15 -0
- package/dist/components/MapButton/index.d.ts +2 -0
- package/dist/components/MenuItem/MenuItem.d.ts +7 -0
- package/dist/components/MenuItem/index.d.ts +2 -0
- package/dist/components/NotifyButton/NotifyButton.d.ts +10 -0
- package/dist/components/NotifyButton/index.d.ts +2 -0
- package/dist/components/Pagination/Pagination.d.ts +18 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/ResetButton/ResetButton.d.ts +5 -0
- package/dist/components/ResetButton/index.d.ts +2 -0
- package/dist/components/ScheduleCategoryButton/ScheduleCategoryButton.d.ts +27 -0
- package/dist/components/ScheduleCategoryButton/index.d.ts +2 -0
- package/dist/components/SmallButton/SmallButton.d.ts +12 -0
- package/dist/components/SmallButton/index.d.ts +2 -0
- package/dist/components/SortButton/SortButton.d.ts +7 -0
- package/dist/components/SortButton/index.d.ts +2 -0
- package/dist/components/SubGnbButton/SubGnbButton.d.ts +14 -0
- package/dist/components/SubGnbButton/index.d.ts +2 -0
- package/dist/icons/index.d.ts +58 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +29 -0
- package/dist/index.js +1247 -0
- package/dist/styles.css +1 -0
- package/package.json +55 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* ef/BTN_Red BTN — 경보 건수를 함께 보여주는 빨간 버튼.
|
|
4
|
+
* 아이콘 + 라벨(Label/Medium) + 건수(Body/X-Large) 3단 구성이다.
|
|
5
|
+
*/
|
|
6
|
+
export interface AlertButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
|
+
/** 라벨 왼쪽 아이콘 (24px 권장) */
|
|
8
|
+
icon?: ReactNode;
|
|
9
|
+
/** 라벨 오른쪽 건수. 0이나 undefined면 숨김 */
|
|
10
|
+
count?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare const AlertButton: import("react").ForwardRefExoticComponent<AlertButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* - `primary` — ef/BTN_CTA_R8_Big(64), ef/BTN_Modal(48), ef/BTN_Modal40(40)
|
|
4
|
+
* - `grey` — ef/BTN_Modal_Delete(48), ef/BTN_Modal_Delete40(40)
|
|
5
|
+
* - `outline` — ef/BTN_Small_R8 (neutral-400 테두리, Label/Large)
|
|
6
|
+
* - `neutral` — ef/BTN_Regular (neutral-150 테두리, Label/Medium)
|
|
7
|
+
*/
|
|
8
|
+
export type ButtonVariant = 'primary' | 'grey' | 'outline' | 'neutral';
|
|
9
|
+
/** 64: CTA, 48: 모달·기본, 40: 조밀한 영역 */
|
|
10
|
+
export type ButtonSize = 64 | 48 | 40;
|
|
11
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
12
|
+
variant?: ButtonVariant;
|
|
13
|
+
size?: ButtonSize;
|
|
14
|
+
/** 컨테이너 가로폭에 맞춰 늘림 (모달 하단 버튼은 보통 true) */
|
|
15
|
+
fullWidth?: boolean;
|
|
16
|
+
/** 라벨 왼쪽 아이콘 (24px 권장) */
|
|
17
|
+
icon?: ReactNode;
|
|
18
|
+
}
|
|
19
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
/** 56: ef/BTN_Calendar_Arrow, 40: ef/BTN_Calendar_Arrow_Small */
|
|
3
|
+
export type CalendarArrowButtonSize = 56 | 40;
|
|
4
|
+
export interface CalendarArrowButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
|
|
5
|
+
/** 이전(왼쪽) / 다음(오른쪽) */
|
|
6
|
+
direction?: 'prev' | 'next';
|
|
7
|
+
size?: CalendarArrowButtonSize;
|
|
8
|
+
/** 스크린리더용 라벨. 없으면 direction에 맞는 기본값 */
|
|
9
|
+
label?: string;
|
|
10
|
+
}
|
|
11
|
+
/** ef/BTN_Calendar_Arrow · _Small — 기간 이동용 화살표 버튼 */
|
|
12
|
+
export declare const CalendarArrowButton: import("react").ForwardRefExoticComponent<CalendarArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface ComparisonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 비교 대상에 담긴 상태면 true — 아이콘이 −로 바뀐다 */
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
/** 펼쳤을 때 나오는 라벨. 기본값은 담기 '돈군 비교' / 빼기 '돈군 빼기' */
|
|
6
|
+
label?: string;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* ef/BTN_Comparison — 평소에는 32px 원형이다가 hover 시 라벨이 있는
|
|
10
|
+
* 알약 모양으로 왼쪽으로 펼쳐지는 토글. 오른쪽 끝이 고정된다.
|
|
11
|
+
*/
|
|
12
|
+
export declare const ComparisonButton: import("react").ForwardRefExoticComponent<ComparisonButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export interface DashButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 라벨 왼쪽 아이콘. 기본값은 원형 + 아이콘 */
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
/** 컨테이너 가로폭에 맞춰 늘림 (기본 true — 목록 끝에 붙는 자리라서) */
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
}
|
|
8
|
+
/** ef/BTN_Dash — 목록 끝에 붙는 점선 테두리의 "추가" 버튼 (높이 62) */
|
|
9
|
+
export declare const DashButton: import("react").ForwardRefExoticComponent<DashButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface DateRangeButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 달력이 열려 있는 등 활성 상태면 true */
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
/** 컨테이너 가로폭에 맞춰 늘림 */
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
}
|
|
8
|
+
/** ef/BTN_Calendar — 조회 기간을 보여주고 달력을 여는 버튼 (높이 56) */
|
|
9
|
+
export declare const DateRangeButton: import("react").ForwardRefExoticComponent<DateRangeButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export interface DeviceCardProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 위쪽 작은 분류 라벨 */
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/** ef/BTN_Device Card — 장치 목록에서 한 장치를 고르는 176×96 카드 */
|
|
7
|
+
export declare const DeviceCard: import("react").ForwardRefExoticComponent<DeviceCardProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface DropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 현재 선택된 항목이면 true */
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
}
|
|
6
|
+
/** ef/BTN_dropdown — 셀렉트 목록의 한 줄 (높이 56) */
|
|
7
|
+
export declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface GnbButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 현재 페이지면 true — 흰 배경 + primary 글자 */
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* ef/BTN_GNB — 어두운 헤더 위에 얹는 최상단 내비게이션 항목.
|
|
8
|
+
* 배경이 primary-500 계열이라는 전제로 색이 잡혀 있다.
|
|
9
|
+
*/
|
|
10
|
+
export declare const GnbButton: import("react").ForwardRefExoticComponent<GnbButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
|
|
3
|
+
/** 스크린리더용 라벨 (필수) */
|
|
4
|
+
label: string;
|
|
5
|
+
/** 24px 아이콘 */
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/** ef/BTN_icon — 32×32 히트 영역의 아이콘 버튼 */
|
|
9
|
+
export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface ListRowProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 현재 선택된 항목이면 true */
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
/** 왼쪽에 체크박스를 붙인다 (다중 선택 목록) */
|
|
6
|
+
checkbox?: boolean;
|
|
7
|
+
/** 왼쪽에 8px 색 점을 붙인다. 색을 직접 주려면 CSS 색 문자열을 넘긴다 */
|
|
8
|
+
legend?: boolean | string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* ef/BTN_timezone — 긴 목록에서 한 줄을 고르는 행.
|
|
12
|
+
* `checkbox`(다중 선택)와 `legend`(범례 점)를 선택적으로 붙일 수 있다.
|
|
13
|
+
*/
|
|
14
|
+
export declare const ListRow: import("react").ForwardRefExoticComponent<ListRowProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* - `light` — ef/BTN_map_light (밝은 배경 위. 선택 시 primary 채움)
|
|
4
|
+
* - `dark` — ef/BTN_map_dark (어두운 지도 위. 선택 시 흰 카드로 반전)
|
|
5
|
+
*/
|
|
6
|
+
export type MapButtonTone = 'light' | 'dark';
|
|
7
|
+
export interface MapButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
8
|
+
tone?: MapButtonTone;
|
|
9
|
+
/** 현재 선택된 항목이면 true */
|
|
10
|
+
selected?: boolean;
|
|
11
|
+
/** 위쪽 24px 아이콘 */
|
|
12
|
+
icon?: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
/** ef/BTN_map_light · ef/BTN_map_dark — 지도 위 80×80 세로형 토글 버튼 */
|
|
15
|
+
export declare const MapButton: import("react").ForwardRefExoticComponent<MapButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 라벨 왼쪽 24px 아이콘 */
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/** ef/BTN_kebab — 케밥 메뉴에서 펼쳐지는 액션 한 줄 (높이 48) */
|
|
7
|
+
export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface NotifyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
|
|
3
|
+
/** 스크린리더용 라벨 */
|
|
4
|
+
label?: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* ef/BTN_Notify — 지도·헤더 위에 떠 있는 40×40 알림 버튼.
|
|
8
|
+
* 어두운 배경 위를 전제로 기본 상태는 흰 테두리 + 흰 아이콘이다.
|
|
9
|
+
*/
|
|
10
|
+
export declare const NotifyButton: import("react").ForwardRefExoticComponent<NotifyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
|
|
2
|
+
export interface PaginationItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
selected?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const PaginationItem: import("react").ForwardRefExoticComponent<PaginationItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
export interface PaginationArrowProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
|
|
7
|
+
direction?: 'prev' | 'next';
|
|
8
|
+
}
|
|
9
|
+
export declare const PaginationArrow: import("react").ForwardRefExoticComponent<PaginationArrowProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
|
|
11
|
+
/** 현재 페이지 (1부터 시작) */
|
|
12
|
+
page: number;
|
|
13
|
+
totalPages: number;
|
|
14
|
+
onPageChange?: (page: number) => void;
|
|
15
|
+
/** 한 번에 보여줄 페이지 번호 수 (기본 5) */
|
|
16
|
+
maxVisible?: number;
|
|
17
|
+
}
|
|
18
|
+
export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface ResetButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
}
|
|
4
|
+
/** ef/BTN_Reset — 필터·조건 초기화. 테두리 없는 텍스트+아이콘 버튼 */
|
|
5
|
+
export declare const ResetButton: import("react").ForwardRefExoticComponent<ResetButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* 선택됐을 때 칩에 입혀지는 색. Figma `Category` 프로퍼티와 1:1 대응한다.
|
|
4
|
+
*
|
|
5
|
+
* | 값 | 색 | 예시 라벨 |
|
|
6
|
+
* | --- | --- | --- |
|
|
7
|
+
* | `check` | primary-500 (배경 primary-50) | 점검 |
|
|
8
|
+
* | `cleaning` | state-green-500 | 소독/청소 |
|
|
9
|
+
* | `feed` | state-orange-500 | 급이체크 |
|
|
10
|
+
* | `arrival` | ef-state-blue-500 | 입식/출하 |
|
|
11
|
+
* | `vaccine` | ef-state-yellow-500 | 백신/검진 |
|
|
12
|
+
* | `settings` | ef-state-purple-500 | 시설/수리 |
|
|
13
|
+
* | `etc` | neutral-700 | 기타 |
|
|
14
|
+
*/
|
|
15
|
+
export type ScheduleCategory = 'check' | 'cleaning' | 'feed' | 'arrival' | 'vaccine' | 'settings' | 'etc';
|
|
16
|
+
export interface ScheduleCategoryButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
17
|
+
category?: ScheduleCategory;
|
|
18
|
+
/** 선택되면 category 색이 입혀진다. 선택 전에는 모두 회색 */
|
|
19
|
+
selected?: boolean;
|
|
20
|
+
/** 라벨 왼쪽 24px 아이콘 */
|
|
21
|
+
icon?: ReactNode;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* ef/BTN_Schedule_Category — 일정 카테고리 칩.
|
|
25
|
+
* 선택 전에는 카테고리와 무관하게 회색이고, 선택되면 카테고리 색이 입혀진다.
|
|
26
|
+
*/
|
|
27
|
+
export declare const ScheduleCategoryButton: import("react").ForwardRefExoticComponent<ScheduleCategoryButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* - `strong` — ef/BTN_32_700 (neutral-700 테두리·글자)
|
|
4
|
+
* - `muted` — ef/BTN_32_600 (neutral-200 테두리, neutral-600 글자)
|
|
5
|
+
* - `primary` — ef/BTN_32_Normal (primary-500 테두리·글자)
|
|
6
|
+
*/
|
|
7
|
+
export type SmallButtonTone = 'strong' | 'muted' | 'primary';
|
|
8
|
+
export interface SmallButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
|
+
tone?: SmallButtonTone;
|
|
10
|
+
}
|
|
11
|
+
/** 높이 32의 조밀한 테이블·카드용 버튼 (ef/BTN_32_*) */
|
|
12
|
+
export declare const SmallButton: import("react").ForwardRefExoticComponent<SmallButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface SortButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/** 현재 적용 중인 정렬이면 true */
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
}
|
|
6
|
+
/** ef/BTN_Sort — 목록 정렬 기준 토글 (높이 28) */
|
|
7
|
+
export declare const SortButton: import("react").ForwardRefExoticComponent<SortButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* - `default` — 평소
|
|
4
|
+
* - `selected` — 현재 메뉴 (primary 채움)
|
|
5
|
+
* - `subSelected` — 현재 메뉴의 하위 화면에 있을 때 (primary-50 채움)
|
|
6
|
+
*/
|
|
7
|
+
export type SubGnbButtonState = 'default' | 'selected' | 'subSelected';
|
|
8
|
+
export interface SubGnbButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
|
+
state?: SubGnbButtonState;
|
|
10
|
+
/** 위쪽 24px 아이콘 */
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
/** ef/BTN_SubGNB — 좌측 사이드 내비게이션의 124×100 세로형 항목 */
|
|
14
|
+
export declare const SubGnbButton: import("react").ForwardRefExoticComponent<SubGnbButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Figma edgefarm 2.0 `ef / Icon_*` 세트에서 추출한 SVG 아이콘.
|
|
4
|
+
* 패스 데이터는 Figma 익스포트 원본 그대로이며, 색상만 currentColor로
|
|
5
|
+
* 치환해 버튼 상태(hover/pressed/disabled)에 따라 색이 상속되도록 했다.
|
|
6
|
+
*/
|
|
7
|
+
export interface IconProps extends SVGProps<SVGSVGElement> {
|
|
8
|
+
/** 아이콘 한 변의 크기(px). 기본값은 디자인 원본 크기 */
|
|
9
|
+
size?: number;
|
|
10
|
+
}
|
|
11
|
+
/** ef / Icon_24 / General_Logout */
|
|
12
|
+
export declare function IconLogout({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
13
|
+
/** ef / Icon_24 / General_Round Error (원형 느낌표 — 오류 신고) */
|
|
14
|
+
export declare function IconRoundError({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
15
|
+
/** ef / Icon_24 / General_Plus */
|
|
16
|
+
export declare function IconPlus({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
17
|
+
/** ef / Icon_24 / General_Minus */
|
|
18
|
+
export declare function IconMinus({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
19
|
+
/** ef / Icon_24 / General_Kebab Menu */
|
|
20
|
+
export declare function IconKebabMenu({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
21
|
+
/** ef / Icon_24 / General_Arrow Left */
|
|
22
|
+
export declare function IconArrowLeft({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
23
|
+
/** ef / Icon_24 / General_Bell / On (읽지 않은 알림 점이 붙은 종) */
|
|
24
|
+
export declare function IconBellOn({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
25
|
+
/** ef / Icon_24 / General_Restart (초기화) */
|
|
26
|
+
export declare function IconRestart({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
27
|
+
/** ef / Icon_24 / General_Filter */
|
|
28
|
+
export declare function IconFilter({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
29
|
+
/** ef / Icon_24 / General_Stairs (층 선택) */
|
|
30
|
+
export declare function IconStairs({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
31
|
+
/** ef / Icon_24 / General_Hamburger */
|
|
32
|
+
export declare function IconHamburger({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
33
|
+
/** ef / Icon_24 / General_Round Arrow Right (페이지네이션 화살표) */
|
|
34
|
+
export declare function IconCircleArrowRight({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
35
|
+
/** ef / Icon_24 / General_Bell Off (알림 끄기) */
|
|
36
|
+
export declare function IconBellOff({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
37
|
+
/** es / Icon_24 / General_Arrow Down (원형 + 추가 — ef/BTN_Dash에 쓰임) */
|
|
38
|
+
export declare function IconAddCircle({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
39
|
+
/** ef / Icon_24 / Report_Calendar (검색 루페가 있는 캘린더) */
|
|
40
|
+
export declare function IconCalendar({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
41
|
+
/** ef / Icon_24 / General_Check / On (체크박스 켜짐 — 박스는 currentColor, 체크는 흰색) */
|
|
42
|
+
export declare function IconCheckOn({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
43
|
+
/** ef / Icon_24 / General_Double Check (점검) */
|
|
44
|
+
export declare function IconDoubleCheck({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
45
|
+
/** ef / Icon_24 / Report_Cleaning (소독/청소) */
|
|
46
|
+
export declare function IconCleaning({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
47
|
+
/** ef / Icon_24 / General_Feedbin (급이체크) */
|
|
48
|
+
export declare function IconFeedbin({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
49
|
+
/** ef / Icon_24 / Report_ArrivalnShipment (입식/출하) */
|
|
50
|
+
export declare function IconArrivalShipment({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
51
|
+
/** ef / Icon_24 / Report_Vaccine (백신/검진) */
|
|
52
|
+
export declare function IconVaccine({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
53
|
+
/** ef / Icon_24 / General_Settings (시설/수리) */
|
|
54
|
+
export declare function IconSettings({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
55
|
+
/** edgesafe / etc / 24 (기타) */
|
|
56
|
+
export declare function IconEtc({ size, ...props }: IconProps): import("react").JSX.Element;
|
|
57
|
+
/** ef / Icon_24 / General_Siren (경보 — 전입·전출 감지) */
|
|
58
|
+
export declare function IconSiren({ size, ...props }: IconProps): import("react").JSX.Element;
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react");function a(...e){return e.filter(Boolean).join(" ")}const K="_button_15gfn_1",T="_icon_15gfn_33",J="_label_15gfn_38",Q="_fullWidth_15gfn_42",U="_outline_15gfn_64",X="_primary_15gfn_71",Y="_grey_15gfn_94",z="_neutral_15gfn_149",C={button:K,icon:T,label:J,fullWidth:Q,"size-64":"_size-64_15gfn_48","size-48":"_size-48_15gfn_55","size-40":"_size-40_15gfn_59",outline:U,primary:X,grey:Y,neutral:z},t1=l.forwardRef(function({variant:n="primary",size:o=48,fullWidth:r=!1,icon:s,className:c,children:i,type:u="button",...d},h){return t.jsxs("button",{ref:h,type:u,className:a(C.button,C[n],C[`size-${o}`],r&&C.fullWidth,c),...d,children:[s!=null&&t.jsx("span",{className:C.icon,"aria-hidden":"true",children:s}),i!=null&&t.jsx("span",{className:C.label,children:i})]})}),n1="_button_3aeqy_1",e1="_icon_3aeqy_32",o1="_label_3aeqy_38",r1="_count_3aeqy_45",p={button:n1,icon:e1,label:o1,count:r1},s1=l.forwardRef(function({icon:n,count:o,className:r,children:s,type:c="button",...i},u){return t.jsxs("button",{ref:u,type:c,className:a(p.button,r),...i,children:[n!=null&&t.jsx("span",{className:p.icon,"aria-hidden":"true",children:n}),s!=null&&t.jsx("span",{className:p.label,children:s}),o!=null&&o>0&&t.jsx("span",{className:p.count,children:o})]})}),c1="_button_14usx_1",i1="_strong_14usx_37",l1="_muted_14usx_53",a1="_primary_14usx_69",V={button:c1,strong:i1,muted:l1,primary:a1},u1=l.forwardRef(function({tone:n="strong",className:o,children:r,type:s="button",...c},i){return t.jsx("button",{ref:i,type:s,className:a(V.button,V[n],o),...c,children:r})});function d1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M5.46967 12.5303C5.17678 12.2374 5.17678 11.7626 5.46967 11.4697L7.46967 9.46967C7.76257 9.17678 8.23744 9.17678 8.53033 9.46967C8.82323 9.76256 8.82323 10.2374 8.53033 10.5303L7.81066 11.25L15 11.25C15.4142 11.25 15.75 11.5858 15.75 12C15.75 12.4142 15.4142 12.75 15 12.75L7.81066 12.75L8.53033 13.4697C8.82323 13.7626 8.82323 14.2374 8.53033 14.5303C8.23744 14.8232 7.76257 14.8232 7.46967 14.5303L5.46967 12.5303Z",fill:"currentColor"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.9453 1.25H15.0551C16.4227 1.24998 17.525 1.24996 18.392 1.36652C19.2921 1.48754 20.05 1.74643 20.6519 2.34835C21.2538 2.95027 21.5127 3.70814 21.6337 4.60825C21.7503 5.47522 21.7502 6.57754 21.7502 7.94513V16.0549C21.7502 17.4225 21.7503 18.5248 21.6337 19.3918C21.5127 20.2919 21.2538 21.0497 20.6519 21.6517C20.05 22.2536 19.2921 22.5125 18.392 22.6335C17.525 22.75 16.4227 22.75 15.0551 22.75H13.9453C12.5778 22.75 11.4754 22.75 10.6085 22.6335C9.70836 22.5125 8.95048 22.2536 8.34857 21.6517C7.94963 21.2527 7.70068 20.7844 7.54305 20.2498C6.59168 20.2486 5.79906 20.2381 5.15689 20.1518C4.39294 20.0491 3.7306 19.8268 3.20191 19.2981C2.67321 18.7694 2.45093 18.1071 2.34822 17.3431C2.24996 16.6123 2.24998 15.6865 2.25 14.5537V9.44631C2.24998 8.31349 2.24996 7.38774 2.34822 6.65689C2.45093 5.89294 2.67321 5.2306 3.20191 4.7019C3.7306 4.17321 4.39294 3.95093 5.15689 3.84822C5.79906 3.76188 6.59168 3.75142 7.54305 3.75017C7.70068 3.21562 7.94963 2.74729 8.34857 2.34835C8.95048 1.74643 9.70836 1.48754 10.6085 1.36652C11.4754 1.24996 12.5778 1.24998 13.9453 1.25ZM7.25197 17.0042C7.25555 17.6487 7.2662 18.2293 7.30285 18.7491C6.46836 18.7459 5.848 18.7312 5.35676 18.6652C4.75914 18.5848 4.46611 18.441 4.26257 18.2374C4.05903 18.0339 3.91519 17.7409 3.83484 17.1432C3.7516 16.5241 3.75 15.6997 3.75 14.5V9.5C3.75 8.30029 3.7516 7.47595 3.83484 6.85676C3.91519 6.25914 4.05903 5.9661 4.26257 5.76256C4.46611 5.55902 4.75914 5.41519 5.35676 5.33484C5.848 5.2688 6.46836 5.25415 7.30285 5.25091C7.2662 5.77073 7.25555 6.35129 7.25197 6.99583C7.24966 7.41003 7.58357 7.74768 7.99778 7.74999C8.41199 7.7523 8.74964 7.41838 8.75194 7.00418C8.75803 5.91068 8.78643 5.1356 8.89448 4.54735C8.9986 3.98054 9.16577 3.65246 9.40923 3.40901C9.68599 3.13225 10.0746 2.9518 10.8083 2.85315C11.5637 2.75159 12.5648 2.75 14.0002 2.75H15.0002C16.4356 2.75 17.4367 2.75159 18.1921 2.85315C18.9259 2.9518 19.3144 3.13225 19.5912 3.40901C19.868 3.68577 20.0484 4.07435 20.1471 4.80812C20.2486 5.56347 20.2502 6.56459 20.2502 8V16C20.2502 17.4354 20.2486 18.4365 20.1471 19.1919C20.0484 19.9257 19.868 20.3142 19.5912 20.591C19.3144 20.8678 18.9259 21.0482 18.1921 21.1469C17.4367 21.2484 16.4356 21.25 15.0002 21.25H14.0002C12.5648 21.25 11.5637 21.2484 10.8083 21.1469C10.0746 21.0482 9.68599 20.8678 9.40923 20.591C9.16577 20.3475 8.9986 20.0195 8.89448 19.4527C8.78643 18.8644 8.75803 18.0893 8.75194 16.9958C8.74964 16.5816 8.41199 16.2477 7.99778 16.25C7.58357 16.2523 7.24966 16.59 7.25197 17.0042Z",fill:"currentColor"})]})}function C1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M12 7L12 13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("circle",{cx:"12",cy:"16",r:"1",fill:"currentColor"}),t.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"1.5"})]})}function y({size:e=24,...n}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:t.jsx("path",{d:"M18 12L12 12M12 12L6 12.0001M12 12L12 6M12 12L12 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}function N({size:e=24,...n}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:t.jsx("path",{d:"M18 12H6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}function h1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M12 7C10.8954 7 10 6.10457 10 5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5C14 6.10457 13.1046 7 12 7Z",fill:"currentColor"}),t.jsx("path",{d:"M12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z",fill:"currentColor"}),t.jsx("path",{d:"M12 21C10.8954 21 10 20.1046 10 19C10 17.8954 10.8954 17 12 17C13.1046 17 14 17.8954 14 19C14 20.1046 13.1046 21 12 21Z",fill:"currentColor"})]})}function H({size:e=24,...n}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:t.jsx("path",{d:"M15 5L9 12L15 19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function R({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M18.7491 9.7096V9.005C18.7491 5.1362 15.7274 2 12 2C8.2726 2 5.2509 5.1362 5.2509 9.005V9.7096C5.2509 10.5552 5.0097 11.3818 4.5578 12.0854L3.4504 13.8095C2.4388 15.3843 3.211 17.5249 4.9704 18.0229C9.5727 19.3257 14.4273 19.3257 19.0296 18.0229C20.789 17.5249 21.5612 15.3843 20.5496 13.8095L19.4422 12.0854C18.9903 11.3818 18.7491 10.5552 18.7491 9.7096Z",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M7.5 19C8.155 20.7478 9.9225 22 12 22C14.0775 22 15.845 20.7478 16.5 19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("circle",{cx:"18",cy:"6",r:"4",fill:"var(--if-state-red-500)"})]})}function S({size:e=24,...n}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:t.jsx("path",{d:"M18.364 8.05026L17.6569 7.34315C14.5327 4.21896 9.46734 4.21896 6.34315 7.34315C3.21895 10.4673 3.21895 15.5327 6.34315 18.6569C9.46734 21.7811 14.5327 21.7811 17.6569 18.6569C19.4737 16.84 20.234 14.3668 19.9377 12.0005M18.364 3.80762V8.05026H14.1213",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function L1({size:e=24,...n}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:t.jsx("path",{d:"M19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976C16.1903 11.8998 16.5085 11.7206 17.145 11.3624L20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3Z",stroke:"currentColor",strokeWidth:"1.5"})})}function x1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M20 18V15C20 14.4477 19.5523 14 19 14H5C4.44772 14 4 14.4477 4 15V18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M18 14V11C18 10.4477 17.5523 10 17 10H7C6.44772 10 6 10.4477 6 11V14",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M16 10V7C16 6.44772 15.5523 6 15 6H9C8.44772 6 8 6.44772 8 7V10",stroke:"currentColor",strokeWidth:"1.5"})]})}function _1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M20 7L4 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M20 12L4 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M20 17L4 17",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function A({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M10.5 9L13.5 12L10.5 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function f1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M18.7491 9.70957V9.00497C18.7491 5.13623 15.7274 2 12 2C8.27256 2 5.25087 5.13623 5.25087 9.00497V9.70957C5.25087 10.5552 5.00972 11.3818 4.5578 12.0854L3.45036 13.8095C2.43882 15.3843 3.21105 17.5249 4.97036 18.0229C9.57274 19.3257 14.4273 19.3257 19.0296 18.0229C20.789 17.5249 21.5612 15.3843 20.5496 13.8095L19.4422 12.0854C18.9903 11.3818 18.7491 10.5552 18.7491 9.70957Z",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M14 9L10 13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M14 13L10 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function q({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M16 12H8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M12 8L12 16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function D({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M22 14V12C22 8.22876 22 6.34315 20.8284 5.17157C19.6569 4 17.7712 4 14 4H10C6.22876 4 4.34315 4 3.17157 5.17157C2 6.34315 2 8.22876 2 12V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M7 4V2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M17 4V2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("circle",{cx:"18",cy:"18",r:"3",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M20.5 20.5L22 22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M2.5 9H21.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function P({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z",fill:"currentColor"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.4933 6.93502C18.8053 7.20743 18.8374 7.68122 18.565 7.99325L10.7079 16.9933C10.5654 17.1564 10.3594 17.25 10.1429 17.25C9.9263 17.25 9.72031 17.1564 9.57788 16.9933L6.43502 13.3933C6.16261 13.0812 6.19473 12.6074 6.50677 12.335C6.8188 12.0626 7.29259 12.0947 7.565 12.4068L10.1429 15.3596L17.435 7.00677C17.7074 6.69473 18.1812 6.66261 18.4933 6.93502Z",fill:"#ffffff"})]})}function w1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M4 12.9L7.14286 16.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M20.0002 7.5625L11.4286 16.5625L11.0002 16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function k1({size:e=24,...n}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:t.jsx("path",{d:"M19 6.74951C18.5858 6.74951 18.25 7.08529 18.25 7.49951C18.25 7.91372 18.5858 8.24951 19 8.24951V6.74951ZM21 8.24951C21.4142 8.24951 21.75 7.91372 21.75 7.49951C21.75 7.08529 21.4142 6.74951 21 6.74951V8.24951ZM18.6016 9.7697C18.3087 9.4768 17.8339 9.4768 17.541 9.7697C17.2481 10.0626 17.2481 10.5375 17.541 10.8304L18.6016 9.7697ZM18.7409 12.0303C19.0338 12.3232 19.5087 12.3232 19.8016 12.0303C20.0945 11.7374 20.0945 11.2626 19.8016 10.9697L18.7409 12.0303ZM17.541 4.16962C17.2481 4.46251 17.2481 4.93739 17.541 5.23028C17.8338 5.52318 18.3087 5.52318 18.6016 5.23029L17.541 4.16962ZM19.8016 4.03033C20.0945 3.73744 20.0945 3.26257 19.8016 2.96967C19.5087 2.67678 19.0338 2.67678 18.7409 2.96967L19.8016 4.03033ZM12.5 6C12.5 5.58579 12.1642 5.25 11.75 5.25C11.3358 5.25 11 5.58579 11 6H12.5ZM11 9C11 9.41421 11.3358 9.75 11.75 9.75C12.1642 9.75 12.5 9.41421 12.5 9H11ZM15 6.75C14.5858 6.75 14.25 7.08579 14.25 7.5C14.25 7.91421 14.5858 8.25 15 8.25V6.75ZM8.64645 9.14645L9.17678 9.67678L9.17678 9.67678L8.64645 9.14645ZM14.8315 8.55557L14.2079 8.13889L14.2079 8.13889L14.8315 8.55557ZM14.5556 8.83147L14.9722 9.45507V9.45507L14.5556 8.83147ZM14.5556 5.66853L14.9722 5.04493L14.9722 5.04493L14.5556 5.66853ZM14.8315 5.94443L14.2079 6.36111L14.2079 6.36111L14.8315 5.94443ZM4.44443 13.3315L4.86111 12.7079L4.86111 12.7079L4.44443 13.3315ZM4.16853 13.0556L3.54493 13.4722L3.54493 13.4722L4.16853 13.0556ZM8.05557 13.3315L7.63889 12.7079L7.63889 12.7079L8.05557 13.3315ZM8.33147 13.0556L8.95507 13.4722H8.95507L8.33147 13.0556ZM6.75 13.5C6.75 13.0858 6.41421 12.75 6 12.75C5.58579 12.75 5.25 13.0858 5.25 13.5H6.75ZM6 21V21.75C6.41421 21.75 6.75 21.4142 6.75 21H6ZM3 20.25C2.58579 20.25 2.25 20.5858 2.25 21C2.25 21.4142 2.58579 21.75 3 21.75V20.25ZM9.6 8.55C9.35147 8.21863 8.88137 8.15147 8.55 8.4C8.21863 8.64853 8.15147 9.11863 8.4 9.45L9.6 8.55ZM11.4 13.45C11.6485 13.7814 12.1186 13.8485 12.45 13.6C12.7814 13.3515 12.8485 12.8814 12.6 12.55L11.4 13.45ZM19 8.24951H21V6.74951L19 6.74951V8.24951ZM17.541 10.8304L18.7409 12.0303L19.8016 10.9697L18.6016 9.7697L17.541 10.8304ZM18.6016 5.23029L19.8016 4.03033L18.7409 2.96967L17.541 4.16962L18.6016 5.23029ZM11 6V9H12.5V6H11ZM15 8.25H17V6.75H15V8.25ZM4.75 11.75V7.5H3.25V11.75H4.75ZM6 6.25H13.25V4.75H6V6.25ZM13.25 8.25H9.5V9.75H13.25V8.25ZM7.75 10V11.75H9.25V10H7.75ZM9.5 8.25C9.2855 8.25 9.04918 8.24841 8.85143 8.27499C8.6321 8.30448 8.35192 8.38032 8.11612 8.61612L9.17678 9.67678C9.13793 9.71562 9.09492 9.74128 9.06066 9.75538C9.03238 9.76701 9.02282 9.76545 9.0513 9.76162C9.08026 9.75772 9.12762 9.75406 9.20727 9.75205C9.28654 9.75005 9.37936 9.75 9.5 9.75V8.25ZM9.25 10C9.25 9.87936 9.25005 9.78654 9.25205 9.70727C9.25406 9.62762 9.25772 9.58026 9.26162 9.5513C9.26545 9.52282 9.26701 9.53238 9.25538 9.56066C9.24128 9.59492 9.21562 9.63793 9.17678 9.67678L8.11612 8.61612C7.88032 8.85192 7.80448 9.1321 7.77499 9.35143C7.74841 9.54918 7.75 9.7855 7.75 10H9.25ZM14.25 7.25C14.25 7.61672 14.2491 7.83532 14.2328 7.99563C14.2178 8.14342 14.1961 8.15655 14.2079 8.13889L15.4551 8.97225C15.6354 8.70236 15.698 8.41383 15.7251 8.14744C15.7509 7.89359 15.75 7.58551 15.75 7.25H14.25ZM13.25 9.75C13.5855 9.75 13.8936 9.75091 14.1474 9.72508C14.4138 9.69798 14.7024 9.6354 14.9722 9.45507L14.1389 8.20787C14.1566 8.19607 14.1434 8.21775 13.9956 8.23278C13.8353 8.24909 13.6167 8.25 13.25 8.25V9.75ZM14.2079 8.13889C14.1896 8.16619 14.1662 8.18963 14.1389 8.20787L14.9722 9.45507C15.1633 9.32739 15.3274 9.16333 15.4551 8.97225L14.2079 8.13889ZM13.25 6.25C13.6167 6.25 13.8353 6.25091 13.9956 6.26722C14.1434 6.28225 14.1566 6.30393 14.1389 6.29213L14.9722 5.04493C14.7024 4.8646 14.4138 4.80202 14.1474 4.77492C13.8936 4.74909 13.5855 4.75 13.25 4.75V6.25ZM15.75 7.25C15.75 6.91449 15.7509 6.60641 15.7251 6.35256C15.698 6.08617 15.6354 5.79764 15.4551 5.52775L14.2079 6.36111C14.1961 6.34345 14.2178 6.35658 14.2328 6.50437C14.2491 6.66469 14.25 6.88328 14.25 7.25H15.75ZM14.1389 6.29213C14.1662 6.31037 14.1896 6.33381 14.2079 6.36111L15.4551 5.52775C15.3274 5.33667 15.1633 5.17261 14.9722 5.04493L14.1389 6.29213ZM4.75 7.5C4.75 7.00739 4.75159 6.71339 4.77992 6.50266C4.79291 6.40611 4.8082 6.35774 4.81716 6.33596C4.81923 6.33092 4.82085 6.3276 4.82186 6.32567C4.82286 6.32376 4.82341 6.32292 4.82347 6.32283C4.82351 6.32277 4.82335 6.323 4.82307 6.32335C4.82279 6.3237 4.82277 6.32368 4.82322 6.32322L3.76256 5.26256C3.45354 5.57159 3.34109 5.94731 3.2933 6.30279C3.24841 6.6367 3.25 7.0498 3.25 7.5H4.75ZM6 4.75C5.5498 4.75 5.1367 4.74841 4.80279 4.7933C4.44731 4.84109 4.07159 4.95354 3.76256 5.26256L4.82322 6.32322C4.82368 6.32277 4.8237 6.32279 4.82335 6.32307C4.823 6.32335 4.82277 6.32351 4.82283 6.32347C4.82292 6.32341 4.82376 6.32286 4.82567 6.32186C4.8276 6.32085 4.83092 6.31923 4.83596 6.31716C4.85774 6.3082 4.90611 6.29291 5.00266 6.27992C5.21339 6.25159 5.50739 6.25 6 6.25V4.75ZM6.75 12.75C6.39595 12.75 5.89993 12.7499 5.46299 12.7297C5.24338 12.7196 5.05458 12.7051 4.91406 12.6858C4.8434 12.6762 4.79849 12.6671 4.77464 12.6609C4.73538 12.6508 4.78564 12.6574 4.86111 12.7079L4.02775 13.9551C4.16627 14.0476 4.31394 14.0912 4.39958 14.1133C4.50064 14.1394 4.60815 14.1579 4.7106 14.172C4.9163 14.2001 5.15646 14.2172 5.39393 14.2281C5.87117 14.2501 6.40182 14.25 6.75 14.25V12.75ZM3.25 11.75C3.25 12.0855 3.24909 12.3936 3.27492 12.6474C3.30202 12.9138 3.3646 13.2024 3.54493 13.4722L4.79213 12.6389C4.80393 12.6566 4.78225 12.6434 4.76722 12.4956C4.75091 12.3353 4.75 12.1167 4.75 11.75H3.25ZM4.86111 12.7079C4.83381 12.6896 4.81037 12.6662 4.79213 12.6389L3.54493 13.4722C3.67261 13.6633 3.83667 13.8274 4.02775 13.9551L4.86111 12.7079ZM6.75 14.25C7.08551 14.25 7.39359 14.2509 7.64744 14.2251C7.91383 14.198 8.20236 14.1354 8.47225 13.9551L7.63889 12.7079C7.65655 12.6961 7.64342 12.7178 7.49563 12.7328C7.33532 12.7491 7.11672 12.75 6.75 12.75V14.25ZM7.75 11.75C7.75 12.1167 7.74909 12.3353 7.73278 12.4956C7.71775 12.6434 7.69607 12.6566 7.70787 12.6389L8.95507 13.4722C9.1354 13.2024 9.19798 12.9138 9.22508 12.6474C9.25091 12.3936 9.25 12.0855 9.25 11.75H7.75ZM8.47225 13.9551C8.66333 13.8274 8.82739 13.6633 8.95507 13.4722L7.70787 12.6389C7.68963 12.6662 7.66619 12.6896 7.63889 12.7079L8.47225 13.9551ZM5.25 13.5V21H6.75V13.5H5.25ZM6 20.25H3V21.75H6V20.25ZM8.4 9.45L11.4 13.45L12.6 12.55L9.6 8.55L8.4 9.45Z",fill:"currentColor"})})}function p1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M17 2H7C5.89543 2 5 2.89543 5 4V9.24853C5 9.73298 5.17584 10.201 5.49485 10.5655L10.4948 16.2798C11.2917 17.1905 12.7083 17.1905 13.5052 16.2798L18.5052 10.5655C18.8242 10.201 19 9.73298 19 9.24853V4C19 2.89543 18.1046 2 17 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),t.jsx("path",{d:"M8 9H16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M10 12H14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M2.75 20C2.75 19.5858 2.41421 19.25 2 19.25C1.58579 19.25 1.25 19.5858 1.25 20L2.75 20ZM1.25 20L1.25 22L2.75 22L2.75 20L1.25 20Z",fill:"currentColor"}),t.jsx("path",{d:"M22.75 20C22.75 19.5858 22.4142 19.25 22 19.25C21.5858 19.25 21.25 19.5858 21.25 20L22.75 20ZM21.25 20L21.25 22L22.75 22L22.75 20L21.25 20Z",fill:"currentColor"}),t.jsx("path",{d:"M12.75 17C12.75 16.5858 12.4142 16.25 12 16.25C11.5858 16.25 11.25 16.5858 11.25 17L12.75 17ZM11.25 17L11.25 19L12.75 19L12.75 17L11.25 17Z",fill:"currentColor"}),t.jsx("path",{d:"M4 22H20",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M2 22H22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M4 2H20",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("rect",{x:"9.5",y:"19",width:"5",height:"3",rx:"1",stroke:"currentColor",strokeWidth:"1.5"})]})}function b1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M13 15L5 15M6.83333 17L5 15L6.83333 13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M5 9L13 9M11.1667 11L13 9L11.1667 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function j1({size:e=24,...n}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:t.jsx("path",{d:"M6.18182 10.5455L6.71215 11.0758V11.0758L6.18182 10.5455ZM13.4545 17.8182L13.9849 18.3485V18.3485L13.4545 17.8182ZM17.7374 9.0101L17.207 9.54043V9.54043L17.7374 9.0101ZM19.0239 10.5692L19.7287 10.3127L19.0239 10.5692ZM17.7374 13.5354L17.207 13.005V13.005L17.7374 13.5354ZM19.0239 11.9763L19.7287 12.2328L19.0239 11.9763ZM14.9899 6.26263L15.5202 5.7323L14.9899 6.26263ZM13.4308 4.97611L13.1743 5.68088L13.4308 4.97611ZM10.4646 6.26263L10.995 6.79296V6.79296L10.4646 6.26263ZM12.0237 4.97611L12.2802 5.68088L12.0237 4.97611ZM15.8333 7.10603C15.5404 7.39893 15.5404 7.8738 15.8333 8.16669C16.1262 8.45959 16.6011 8.45959 16.894 8.16669L15.8333 7.10603ZM19.4697 7.43942C19.7626 7.73231 20.2374 7.73231 20.5303 7.43942C20.8232 7.14653 20.8232 6.67165 20.5303 6.37876L19.4697 7.43942ZM17.6212 3.46967C17.3283 3.17678 16.8535 3.17678 16.5606 3.46967C16.2677 3.76256 16.2677 4.23744 16.5606 4.53033L17.6212 3.46967ZM3.46967 19.4697C3.17678 19.7626 3.17678 20.2374 3.46967 20.5303C3.76256 20.8232 4.23744 20.8232 4.53033 20.5303L3.46967 19.4697ZM16.5606 14.7121C16.8535 15.005 17.3283 15.005 17.6212 14.7121C17.9141 14.4193 17.9141 13.9444 17.6212 13.6515L16.5606 14.7121ZM10.3485 6.37876C10.0556 6.08587 9.58075 6.08587 9.28785 6.37876C8.99496 6.67165 8.99496 7.14653 9.28785 7.43942L10.3485 6.37876ZM14.3788 16.894C14.6717 17.1869 15.1465 17.1869 15.4394 16.894C15.7323 16.6011 15.7323 16.1262 15.4394 15.8333L14.3788 16.894ZM12.5541 12.9479C12.2612 12.655 11.7863 12.655 11.4934 12.9479C11.2005 13.2408 11.2005 13.7157 11.4934 14.0086L12.5541 12.9479ZM12.7424 18.5303C13.0353 18.8232 13.5102 18.8232 13.8031 18.5303C14.096 18.2374 14.096 17.7626 13.8031 17.4697L12.7424 18.5303ZM12.1571 15.8237C11.8642 15.5308 11.3894 15.5308 11.0965 15.8237C10.8036 16.1166 10.8036 16.5915 11.0965 16.8844L12.1571 15.8237ZM14.4596 6.79296L17.207 9.54043L18.2677 8.47977L15.5202 5.7323L14.4596 6.79296ZM17.207 13.005L12.9242 17.2879L13.9849 18.3485L18.2677 14.0657L17.207 13.005ZM6.71215 11.0758L10.995 6.79296L9.93432 5.7323L5.65149 10.0151L6.71215 11.0758ZM6.71215 17.2879C4.99673 15.5724 4.99673 12.7912 6.71215 11.0758L5.65149 10.0151C3.35029 12.3163 3.35029 16.0473 5.65149 18.3485L6.71215 17.2879ZM12.9242 17.2879C11.2088 19.0033 8.42756 19.0033 6.71215 17.2879L5.65149 18.3485C7.95269 20.6497 11.6837 20.6497 13.9849 18.3485L12.9242 17.2879ZM17.207 9.54043C17.592 9.92536 17.8508 10.1849 18.0359 10.4003C18.2159 10.6099 18.285 10.7319 18.3191 10.8257L19.7287 10.3127C19.6068 9.97792 19.4095 9.69728 19.1736 9.42281C18.9429 9.15428 18.6365 8.84854 18.2677 8.47977L17.207 9.54043ZM18.2677 14.0657C18.6365 13.6969 18.9429 13.3912 19.1736 13.1226C19.4095 12.8482 19.6068 12.5675 19.7287 12.2328L18.3191 11.7198C18.285 11.8136 18.2159 11.9356 18.0359 12.1451C17.8508 12.3606 17.592 12.6201 17.207 13.005L18.2677 14.0657ZM18.3191 10.8257C18.4242 11.1145 18.4242 11.431 18.3191 11.7198L19.7287 12.2328C19.9544 11.6126 19.9544 10.9328 19.7287 10.3127L18.3191 10.8257ZM15.5202 5.7323C15.1515 5.36353 14.8457 5.05708 14.5772 4.82636C14.3027 4.59053 14.0221 4.39317 13.6873 4.27134L13.1743 5.68088C13.2681 5.71501 13.3901 5.78407 13.5997 5.96408C13.8151 6.1492 14.0746 6.40802 14.4596 6.79296L15.5202 5.7323ZM10.995 6.79296C11.3799 6.40802 11.6394 6.1492 11.8549 5.96408C12.0644 5.78407 12.1864 5.71501 12.2802 5.68088L11.7672 4.27134C11.4325 4.39317 11.1518 4.59053 10.8774 4.82636C10.6088 5.05708 10.3031 5.36353 9.93432 5.7323L10.995 6.79296ZM13.6873 4.27134C13.0672 4.04562 12.3874 4.04562 11.7672 4.27134L12.2802 5.68088C12.569 5.57578 12.8855 5.57578 13.1743 5.68088L13.6873 4.27134ZM16.894 8.16669L19.0758 5.98488L18.0151 4.92422L15.8333 7.10603L16.894 8.16669ZM18.0151 5.98488L19.4697 7.43942L20.5303 6.37876L19.0758 4.92422L18.0151 5.98488ZM19.0758 4.92422L17.6212 3.46967L16.5606 4.53033L18.0151 5.98488L19.0758 4.92422ZM5.65149 17.2879L3.46967 19.4697L4.53033 20.5303L6.71215 18.3485L5.65149 17.2879ZM17.6212 13.6515L10.3485 6.37876L9.28785 7.43942L16.5606 14.7121L17.6212 13.6515ZM15.4394 15.8333L12.5541 12.9479L11.4934 14.0086L14.3788 16.894L15.4394 15.8333ZM13.8031 17.4697L12.1571 15.8237L11.0965 16.8844L12.7424 18.5303L13.8031 17.4697Z",fill:"currentColor"})})}function g1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z",stroke:"currentColor",strokeWidth:"1.5"})]})}function M1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("circle",{cx:"8.25",cy:"12",r:"1.25",fill:"currentColor"}),t.jsx("circle",{cx:"12",cy:"12",r:"1.25",fill:"currentColor"}),t.jsx("circle",{cx:"15.75",cy:"12",r:"1.25",fill:"currentColor"})]})}function m1({size:e=24,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M20 22V16C20 11.5817 16.4183 8 12 8C7.58172 8 4 11.5817 4 16V22",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M14.2905 11.5C15.2932 11.9059 16.0939 12.7065 16.4998 13.7092",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M2 22H22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M12 2V5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M21 6L19.5 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M3 6L4.5 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M13.5 17.5C13.5 18.3284 12.8284 19 12 19C11.1716 19 10.5 18.3284 10.5 17.5C10.5 16.6716 11.1716 16 12 16C12.8284 16 13.5 16.6716 13.5 17.5Z",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M12 19V22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}const v1="_button_10g2i_1",Z1="_fullWidth_10g2i_28",B1="_icon_10g2i_32",b={button:v1,fullWidth:Z1,icon:B1},V1=l.forwardRef(function({icon:n,fullWidth:o=!0,className:r,children:s,type:c="button",...i},u){return t.jsxs("button",{ref:u,type:c,className:a(b.button,o&&b.fullWidth,r),...i,children:[t.jsx("span",{className:b.icon,"aria-hidden":"true",children:n??t.jsx(q,{})}),t.jsx("span",{className:b.label,children:s})]})}),W1="_button_181zv_1",$1="_selected_181zv_31",W={button:W1,selected:$1},I1=l.forwardRef(function({selected:n=!1,className:o,children:r,type:s="button",...c},i){return t.jsx("button",{ref:i,type:s,"aria-current":n?"page":void 0,className:a(W.button,n&&W.selected,o),...c,children:r})}),y1="_button_1qs6h_1",N1="_icon_1qs6h_31",H1="_label_1qs6h_37",R1="_selected_1qs6h_49",S1="_subSelected_1qs6h_49",j={button:y1,icon:N1,label:H1,selected:R1,subSelected:S1},A1=l.forwardRef(function({state:n="default",icon:o,className:r,children:s,type:c="button",...i},u){return t.jsxs("button",{ref:u,type:c,"aria-current":n==="selected"?"page":void 0,className:a(j.button,n!=="default"&&j[n],r),...i,children:[o!=null&&t.jsx("span",{className:j.icon,"aria-hidden":"true",children:o}),t.jsx("span",{className:j.label,children:s})]})}),q1="_iconButton_c69ix_1",D1={iconButton:q1},P1=l.forwardRef(function({label:n,className:o,children:r,type:s="button",...c},i){return t.jsx("button",{ref:i,type:s,"aria-label":n,className:a(D1.iconButton,o),...c,children:r})}),O1="_button_99937_1",G1={button:O1},E1=l.forwardRef(function({label:n="알림",className:o,type:r="button",...s},c){return t.jsx("button",{ref:c,type:r,"aria-label":n,className:a(G1.button,o),...s,children:t.jsx(R,{})})}),F1="_button_1x9um_1",K1="_next_1x9um_31",M={button:F1,"size-56":"_size-56_1x9um_20","size-40":"_size-40_1x9um_25",next:K1},T1=l.forwardRef(function({direction:n="prev",size:o=56,label:r,className:s,type:c="button",...i},u){return t.jsx("button",{ref:u,type:c,"aria-label":r??(n==="prev"?"이전":"다음"),className:a(M.button,M[`size-${o}`],n==="next"&&M.next,s),...i,children:t.jsx(H,{})})}),J1="_button_d5egn_1",Q1="_icon_d5egn_28",m={button:J1,icon:Q1},U1=l.forwardRef(function({className:n,children:o="초기화",type:r="button",...s},c){return t.jsxs("button",{ref:c,type:r,className:a(m.button,n),...s,children:[t.jsx("span",{className:m.icon,"aria-hidden":"true",children:t.jsx(S,{})}),t.jsx("span",{className:m.label,children:o})]})}),X1="_button_gxm2c_1",Y1="_icon_gxm2c_31",z1="_label_gxm2c_37",t2="_light_gxm2c_45",n2="_selected_gxm2c_52",e2="_dark_gxm2c_82",x={button:X1,icon:Y1,label:z1,light:t2,selected:n2,dark:e2},o2=l.forwardRef(function({tone:n="light",selected:o=!1,icon:r,className:s,children:c,type:i="button",...u},d){return t.jsxs("button",{ref:d,type:i,"aria-pressed":o,className:a(x.button,x[n],o&&x.selected,s),...u,children:[r!=null&&t.jsx("span",{className:x.icon,"aria-hidden":"true",children:r}),t.jsx("span",{className:x.label,children:c})]})}),r2="_root_1l42g_2",s2="_button_1l42g_10",c2="_icon_1l42g_41",i2="_label_1l42g_47",g={root:r2,button:s2,icon:c2,label:i2},l2=l.forwardRef(function({selected:n=!1,label:o,className:r,type:s="button",...c},i){const u=o??(n?"돈군 빼기":"돈군 비교");return t.jsx("span",{className:g.root,children:t.jsxs("button",{ref:i,type:s,"aria-pressed":n,className:a(g.button,r),...c,children:[t.jsx("span",{className:g.icon,"aria-hidden":"true",children:n?t.jsx(N,{}):t.jsx(y,{})}),t.jsx("span",{className:g.label,children:u})]})})}),a2="_item_7qrzo_1",u2="_selected_7qrzo_25",$={item:a2,selected:u2},d2=l.forwardRef(function({selected:n=!1,className:o,children:r,type:s="button",...c},i){return t.jsx("button",{ref:i,type:s,role:"option","aria-selected":n,className:a($.item,n&&$.selected,o),...c,children:r})}),C2="_row_h7cnn_1",h2="_checkbox_h7cnn_27",L2="_legend_h7cnn_33",x2="_label_h7cnn_41",_2="_selected_h7cnn_46",_={row:C2,checkbox:h2,legend:L2,label:x2,selected:_2},f2=l.forwardRef(function({selected:n=!1,checkbox:o=!1,legend:r=!1,className:s,children:c,type:i="button",...u},d){return t.jsxs("button",{ref:d,type:i,role:"option","aria-selected":n,className:a(_.row,n&&_.selected,s),...u,children:[o&&t.jsx("span",{className:_.checkbox,"aria-hidden":"true",children:t.jsx(P,{})}),r!==!1&&t.jsx("span",{className:_.legend,"aria-hidden":"true",style:typeof r=="string"?{background:r}:void 0}),t.jsx("span",{className:_.label,children:c})]})}),w2="_item_1qprd_1",k2="_icon_1qprd_28",p2="_label_1qprd_33",v={item:w2,icon:k2,label:p2},b2=l.forwardRef(function({icon:n,className:o,children:r,type:s="button",...c},i){return t.jsxs("button",{ref:i,type:s,role:"menuitem",className:a(v.item,o),...c,children:[n!=null&&t.jsx("span",{className:v.icon,"aria-hidden":"true",children:n}),t.jsx("span",{className:v.label,children:r})]})}),j2="_card_1md88_1",g2="_label_1md88_25",M2="_name_1md88_33",Z={card:j2,label:g2,name:M2},m2=l.forwardRef(function({label:n="장치명",className:o,children:r,type:s="button",...c},i){return t.jsxs("button",{ref:i,type:s,className:a(Z.card,o),...c,children:[t.jsx("span",{className:Z.label,children:n}),t.jsx("span",{className:Z.name,children:r})]})}),v2="_button_vh4rz_1",Z2="_fullWidth_vh4rz_29",B2="_icon_vh4rz_33",V2="_selected_vh4rz_54",f={button:v2,fullWidth:Z2,icon:B2,selected:V2},W2=l.forwardRef(function({selected:n=!1,fullWidth:o=!1,className:r,children:s,type:c="button",...i},u){return t.jsxs("button",{ref:u,type:c,"aria-expanded":n,className:a(f.button,n&&f.selected,o&&f.fullWidth,r),...i,children:[t.jsx("span",{className:f.label,children:s}),t.jsx("span",{className:f.icon,"aria-hidden":"true",children:t.jsx(D,{})})]})}),$2="_button_bk3kj_1",I2="_icon_bk3kj_27",y2="_selected_bk3kj_32",N2="_check_bk3kj_57",H2="_cleaning_bk3kj_64",R2="_feed_bk3kj_69",S2="_arrival_bk3kj_74",A2="_vaccine_bk3kj_79",q2="_settings_bk3kj_84",D2="_etc_bk3kj_89",w={button:$2,icon:I2,selected:y2,check:N2,cleaning:H2,feed:R2,arrival:S2,vaccine:A2,settings:q2,etc:D2},P2=l.forwardRef(function({category:n="check",selected:o=!1,icon:r,className:s,children:c,type:i="button",...u},d){return t.jsxs("button",{ref:d,type:i,"aria-pressed":o,className:a(w.button,o&&w.selected,o&&w[n],s),...u,children:[r!=null&&t.jsx("span",{className:w.icon,"aria-hidden":"true",children:r}),t.jsx("span",{className:w.label,children:c})]})}),O2="_button_1otto_1",G2="_selected_1otto_45",I={button:O2,selected:G2},E2=l.forwardRef(function({selected:n=!1,className:o,children:r,type:s="button",...c},i){return t.jsx("button",{ref:i,type:s,"aria-pressed":n,className:a(I.button,n&&I.selected,o),...c,children:r})}),F2="_pagination_8slw1_1",K2="_item_8slw1_8",T2="_selected_8slw1_31",J2="_arrow_8slw1_54",Q2="_prev_8slw1_73",k={pagination:F2,item:K2,selected:T2,arrow:J2,prev:Q2},O=l.forwardRef(function({selected:n=!1,className:o,children:r,type:s="button",...c},i){return t.jsx("button",{ref:i,type:s,"aria-current":n?"page":void 0,className:a(k.item,n&&k.selected,o),...c,children:r})}),B=l.forwardRef(function({direction:n="next",className:o,type:r="button",...s},c){return t.jsx("button",{ref:c,type:r,"aria-label":n==="prev"?"이전 페이지":"다음 페이지",className:a(k.arrow,n==="prev"&&k.prev,o),...s,children:t.jsx(A,{})})}),U2=l.forwardRef(function({page:n,totalPages:o,onPageChange:r,maxVisible:s=5,className:c,...i},u){const d=Math.max(1,o),h=Math.min(s,d),G=Math.min(Math.max(1,n-Math.floor(h/2)),d-h+1),E=Array.from({length:h},(L,F)=>G+F);return t.jsxs("nav",{ref:u,"aria-label":"페이지네이션",className:a(k.pagination,c),...i,children:[t.jsx(B,{direction:"prev",disabled:n<=1,onClick:()=>r?.(n-1)}),E.map(L=>t.jsx(O,{selected:L===n,onClick:()=>r?.(L),children:L},L)),t.jsx(B,{direction:"next",disabled:n>=d,onClick:()=>r?.(n+1)})]})});exports.AlertButton=s1;exports.Button=t1;exports.CalendarArrowButton=T1;exports.ComparisonButton=l2;exports.DashButton=V1;exports.DateRangeButton=W2;exports.DeviceCard=m2;exports.DropdownItem=d2;exports.GnbButton=I1;exports.IconAddCircle=q;exports.IconArrivalShipment=b1;exports.IconArrowLeft=H;exports.IconBellOff=f1;exports.IconBellOn=R;exports.IconButton=P1;exports.IconCalendar=D;exports.IconCheckOn=P;exports.IconCircleArrowRight=A;exports.IconCleaning=k1;exports.IconDoubleCheck=w1;exports.IconEtc=M1;exports.IconFeedbin=p1;exports.IconFilter=L1;exports.IconHamburger=_1;exports.IconKebabMenu=h1;exports.IconLogout=d1;exports.IconMinus=N;exports.IconPlus=y;exports.IconRestart=S;exports.IconRoundError=C1;exports.IconSettings=g1;exports.IconSiren=m1;exports.IconStairs=x1;exports.IconVaccine=j1;exports.ListRow=f2;exports.MapButton=o2;exports.MenuItem=b2;exports.NotifyButton=E1;exports.Pagination=U2;exports.PaginationArrow=B;exports.PaginationItem=O;exports.ResetButton=U1;exports.ScheduleCategoryButton=P2;exports.SmallButton=u1;exports.SortButton=E2;exports.SubGnbButton=A1;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import './styles/base.css';
|
|
2
|
+
/**
|
|
3
|
+
* edgefarm 축 컴포넌트 라이브러리.
|
|
4
|
+
*
|
|
5
|
+
* 원본: Figma edgefarm 2.0 — Common 페이지(TJH6pqkObcelhcQ5l7j2ef, 260:2743)의
|
|
6
|
+
* `ef/BTN_*` 컴포넌트 세트. 토큰은 공통 원시 토큰(--if-*)과 edgefarm 전용
|
|
7
|
+
* 토큰(--ef-*)을 함께 쓰며, `@intflow/edgefarm-ui/styles.css`를 로드하면 적용된다.
|
|
8
|
+
*/
|
|
9
|
+
export * from './components/Button';
|
|
10
|
+
export * from './components/AlertButton';
|
|
11
|
+
export * from './components/SmallButton';
|
|
12
|
+
export * from './components/DashButton';
|
|
13
|
+
export * from './components/GnbButton';
|
|
14
|
+
export * from './components/SubGnbButton';
|
|
15
|
+
export * from './components/IconButton';
|
|
16
|
+
export * from './components/NotifyButton';
|
|
17
|
+
export * from './components/CalendarArrowButton';
|
|
18
|
+
export * from './components/ResetButton';
|
|
19
|
+
export * from './components/MapButton';
|
|
20
|
+
export * from './components/ComparisonButton';
|
|
21
|
+
export * from './components/DropdownItem';
|
|
22
|
+
export * from './components/ListRow';
|
|
23
|
+
export * from './components/MenuItem';
|
|
24
|
+
export * from './components/DeviceCard';
|
|
25
|
+
export * from './components/DateRangeButton';
|
|
26
|
+
export * from './components/ScheduleCategoryButton';
|
|
27
|
+
export * from './components/SortButton';
|
|
28
|
+
export * from './components/Pagination';
|
|
29
|
+
export * from './icons';
|