@intflow/edgesafe-ui 0.2.0

package/dist/components/ActionTile/ActionTile.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export interface ActionTileProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 라벨 위 아이콘 (24px 권장) */
+    icon?: ReactNode;
+}
+/** es/BTN_ActionTile — 아이콘 + 라벨 세로 배치 타일 버튼 */
+export declare const ActionTile: import("react").ForwardRefExoticComponent<ActionTileProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/ActionTile/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionTile } from './ActionTile';
+export type { ActionTileProps } from './ActionTile';

package/dist/components/BasicButton/BasicButton.d.ts

@@ -0,0 +1,22 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export type BasicButtonVariant = 'solid' | 'line';
+/**
+ * 유효 조합 (Figma es/BTN/Basic):
+ * - solid: primary | primary50 | orange | red | black
+ * - line:  primary | white
+ */
+export type BasicButtonColor = 'primary' | 'primary50' | 'orange' | 'red' | 'black' | 'white';
+export interface BasicButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: BasicButtonVariant;
+    color?: BasicButtonColor;
+    /** 라벨 왼쪽 아이콘 (16~20px 권장) */
+    icon?: ReactNode;
+    /** 아이콘 전용 정사각 버튼 */
+    iconOnly?: boolean;
+}
+/**
+ * es/BTN/Basic — 컴팩트(높이 32) 범용 버튼.
+ * hover/pressed 는 디자인 가이드의 Interaction 오버레이(#303030,
+ * hover 8% → pressed 12% = ×1.5 가중치)로 표현한다.
+ */
+export declare const BasicButton: import("react").ForwardRefExoticComponent<BasicButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/BasicButton/index.d.ts

@@ -0,0 +1,2 @@
+export { BasicButton } from './BasicButton';
+export type { BasicButtonProps, BasicButtonVariant, BasicButtonColor, } from './BasicButton';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,20 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+/**
+ * - `primary`  — es/BTN_56·48·40 (Filled), size 'sm'이면 es/BTN_Small_Primary_R8
+ * - `danger`   — es/BTN_Danger
+ * - `grey`     — es/BTN_Grey_48·40
+ * - `white`    — es/BNT_White_Big·48, es/BTN_White_40
+ * - `outline`  — es/BTN_Small_R8 (중립 아웃라인)
+ */
+export type ButtonVariant = 'primary' | 'danger' | 'grey' | 'white' | 'outline';
+/** 56·48·40: 고정 높이 폼 버튼. 'sm': 내용에 맞는 높이 40 버튼 (Small_R8 계열) */
+export type ButtonSize = 56 | 48 | 40 | 'sm';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /** 컨테이너 가로폭에 맞춰 늘림 */
+    fullWidth?: boolean;
+    /** 라벨 왼쪽 아이콘 (24px 권장) */
+    icon?: ReactNode;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';

package/dist/components/CalendarButton/CalendarButton.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export interface CalendarButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 달력 팝오버가 열려 있는 등 선택된 상태 */
+    selected?: boolean;
+    /** 라벨 오른쪽 아이콘 (기본: 캘린더 아이콘) */
+    icon?: ReactNode;
+}
+/** es/BTN_Calendar — 기간 선택 트리거 버튼 */
+export declare const CalendarButton: import("react").ForwardRefExoticComponent<CalendarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/CalendarButton/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarButton } from './CalendarButton';
+export type { CalendarButtonProps } from './CalendarButton';

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 선택 시 프라이머리 배경으로 채워짐 */
+    selected?: boolean;
+    /** 라벨 오른쪽 아이콘 (20px 권장) */
+    icon?: ReactNode;
+}
+/** es/BTN_32 — 텍스트(+아이콘) 토글 칩. 선택 시 프라이머리로 채워진다. */
+export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip } from './Chip';
+export type { ChipProps } from './Chip';

package/dist/components/DashedButton/DashedButton.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export interface DashedButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 라벨 왼쪽 아이콘 (기본: ⊕ 추가 아이콘) */
+    icon?: ReactNode;
+}
+/** es/BTN_Dash — 항목 추가용 대시 보더 버튼 (기본 100% 폭) */
+export declare const DashedButton: import("react").ForwardRefExoticComponent<DashedButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/DashedButton/index.d.ts

@@ -0,0 +1,2 @@
+export { DashedButton } from './DashedButton';
+export type { DashedButtonProps } from './DashedButton';

package/dist/components/DropdownItem/DropdownItem.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonHTMLAttributes } from 'react';
+export interface DropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 현재 선택된 옵션 (텍스트가 프라이머리 색으로 표시) */
+    selected?: boolean;
+    /** 체크박스 표시 (멀티 선택 목록) — true면 체크 아이콘이 보임 */
+    checked?: boolean;
+}
+/** es/BTN/Dropdown/Small — 드롭다운 목록의 옵션 행 */
+export declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/DropdownItem/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownItem } from './DropdownItem';
+export type { DropdownItemProps } from './DropdownItem';

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** 스크린리더용 라벨 (필수) */
+    label: string;
+    /** 24px 아이콘 */
+    children: ReactNode;
+}
+/** es/BTN_icon — 32×32 히트 영역의 아이콘 버튼 */
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export { IconButton } from './IconButton';
+export type { IconButtonProps } from './IconButton';

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,18 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
+export interface PaginationItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+}
+export declare const PaginationItem: import("react").ForwardRefExoticComponent<PaginationItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface PaginationArrowProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    direction?: 'prev' | 'next';
+}
+export declare const PaginationArrow: import("react").ForwardRefExoticComponent<PaginationArrowProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** 현재 페이지 (1부터 시작) */
+    page: number;
+    totalPages: number;
+    onPageChange?: (page: number) => void;
+    /** 한 번에 보여줄 페이지 번호 수 (기본 5) */
+    maxVisible?: number;
+}
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination, PaginationItem, PaginationArrow } from './Pagination';
+export type { PaginationProps, PaginationItemProps, PaginationArrowProps, } from './Pagination';

package/dist/components/ResetButton/ResetButton.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export interface ResetButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 라벨 왼쪽 아이콘 (기본: 초기화 아이콘) */
+    icon?: ReactNode;
+}
+/** es/BTN_Reset — 필터 초기화 등 보조 액션용 고스트 버튼 */
+export declare const ResetButton: import("react").ForwardRefExoticComponent<ResetButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/ResetButton/index.d.ts

@@ -0,0 +1,2 @@
+export { ResetButton } from './ResetButton';
+export type { ResetButtonProps } from './ResetButton';

package/dist/components/SortButton/SortButton.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonHTMLAttributes } from 'react';
+export interface SortButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 현재 적용 중인 정렬이면 true */
+    selected?: boolean;
+}
+/** ef/BTN_Sort — 목록 정렬 기준 선택 버튼 (높이 28) */
+export declare const SortButton: import("react").ForwardRefExoticComponent<SortButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/SortButton/index.d.ts

@@ -0,0 +1,2 @@
+export { SortButton } from './SortButton';
+export type { SortButtonProps } from './SortButton';

package/dist/components/StatusBadge/StatusBadge.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes } from 'react';
+export type StatusBadgeStatus = 'normal' | 'abnormal';
+export interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** normal(정상, 초록) | abnormal(이상, 빨강) */
+    status?: StatusBadgeStatus;
+}
+/** es/BTN_28 — 정상/이상 상태 배지 (비인터랙티브) */
+export declare const StatusBadge: import("react").ForwardRefExoticComponent<StatusBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/StatusBadge/index.d.ts

@@ -0,0 +1,2 @@
+export { StatusBadge } from './StatusBadge';
+export type { StatusBadgeProps, StatusBadgeStatus } from './StatusBadge';

package/dist/icons/index.d.ts

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+/**
+ * Figma edgesafe 아이콘 세트에서 추출한 SVG 아이콘.
+ * 패스 데이터는 Figma 익스포트 원본 그대로이며, 색상만 currentColor로
+ * 치환해 버튼 상태(hover/pressed/disabled)에 따라 색이 상속되도록 했다.
+ */
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    /** 아이콘 한 변의 크기(px). 기본값은 디자인 원본 크기 */
+    size?: number;
+}
+/** es / Icon_24 / General_Logout */
+export declare function IconLogout({ size, ...props }: IconProps): import("react").JSX.Element;
+/** es / Icon_20 / General_Square Top Down (새 창으로 이동) */
+export declare function IconSquareTopDown({ size, ...props }: IconProps): import("react").JSX.Element;
+/** es / Icon_24 / General_Arrow Down (원형 + 추가 아이콘 — BTN_Dash에 사용) */
+export declare function IconAddCircle({ size, ...props }: IconProps): import("react").JSX.Element;
+/** es / Icon_24 / Report_Calendar (검색 루페가 있는 캘린더) */
+export declare function IconCalendar({ size, ...props }: IconProps): import("react").JSX.Element;
+/** es / Icon_24 / Report_Restart (초기화) */
+export declare function IconRestart({ size, ...props }: IconProps): import("react").JSX.Element;
+/** es / Icon_24 / General_Refresh Square 2 (구독 관리 타일) */
+export declare function IconRefreshSquare({ size, ...props }: IconProps): import("react").JSX.Element;
+/** es / Icon_24 / General_Round Arrow Right (페이지네이션 화살표) */
+export declare function IconCircleArrowRight({ size, ...props }: IconProps): import("react").JSX.Element;
+/** ef / Icon_24 / General_Check / On (체크박스 켜짐 — 박스는 currentColor, 체크 표시는 흰색) */
+export declare function IconCheckOn({ size, ...props }: IconProps): import("react").JSX.Element;

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react");function l(...e){return e.filter(Boolean).join(" ")}const A="_button_1o7nk_1",H="_icon_1o7nk_65",q="_label_1o7nk_75",Z="_fullWidth_1o7nk_83",D="_white_1o7nk_123",P="_grey_1o7nk_125",O="_primary_1o7nk_153",T="_danger_1o7nk_219",z="_outline_1o7nk_365",_={button:A,icon:H,label:q,fullWidth:Z,"size-56":"_size-56_1o7nk_93","size-48":"_size-48_1o7nk_101","size-40":"_size-40_1o7nk_109",white:D,grey:P,"size-sm":"_size-sm_1o7nk_137",primary:O,danger:T,outline:z},E=c.forwardRef(function({variant:n="primary",size:r=48,fullWidth:o=!1,icon:s,className:i,children:a,type:d="button",...u},C){return t.jsxs("button",{ref:C,type:d,className:l(_.button,_[n],_[`size-${r}`],o&&_.fullWidth,i),...u,children:[s!=null&&t.jsx("span",{className:_.icon,"aria-hidden":"true",children:s}),a!=null&&t.jsx("span",{className:_.label,children:a})]})}),F="_basic_1awue_1",G="_icon_1awue_103",J="_iconOnly_1awue_113",f={basic:F,icon:G,iconOnly:J,"solid-primary":"_solid-primary_1awue_125","solid-primary50":"_solid-primary50_1awue_135","solid-orange":"_solid-orange_1awue_145","solid-red":"_solid-red_1awue_155","solid-black":"_solid-black_1awue_165","line-primary":"_line-primary_1awue_195","line-white":"_line-white_1awue_207"},K=c.forwardRef(function({variant:n="solid",color:r="primary",icon:o,iconOnly:s=!1,className:i,children:a,type:d="button",...u},C){return t.jsxs("button",{ref:C,type:d,className:l(f.basic,f[`${n}-${r}`]??f["solid-primary"],s&&f.iconOnly,i),...u,children:[o!=null&&t.jsx("span",{className:f.icon,"aria-hidden":"true",children:o}),!s&&a!=null&&t.jsx("span",{children:a})]})}),Q="_iconButton_6190a_1",U={iconButton:Q},X=c.forwardRef(function({label:n,className:r,children:o,type:s="button",...i},a){return t.jsx("button",{ref:a,type:s,"aria-label":n,className:l(U.iconButton,r),...i,children:o})}),Y="_chip_1p0ad_1",t1="_icon_1p0ad_55",n1="_selected_1p0ad_93",w={chip:Y,icon:t1,selected:n1},e1=c.forwardRef(function({selected:n=!1,icon:r,className:o,children:s,type:i="button",...a},d){return t.jsxs("button",{ref:d,type:i,"aria-pressed":n,className:l(w.chip,n&&w.selected,o),...a,children:[t.jsx("span",{children:s}),r!=null&&t.jsx("span",{className:w.icon,"aria-hidden":"true",children:r})]})}),o1="_badge_1l3tz_1",r1="_normal_1l3tz_37",s1="_abnormal_1l3tz_45",k={badge:o1,normal:r1,abnormal:s1},i1=c.forwardRef(function({status:n="normal",className:r,children:o,...s},i){return t.jsx("span",{ref:i,className:l(k.badge,k[n],r),...s,children:o??(n==="normal"?"정상":"이상")})});function a1({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=20,...n}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",...n,children:[t.jsx("path",{d:"M10 8.75L17.5 2.5M17.5 6.21094V2.5H13.0469",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M17.5 10C17.5 13.5355 17.5 15.3033 16.4017 16.4017C15.3033 17.5 13.5355 17.5 10 17.5C6.46447 17.5 4.6967 17.5 3.59835 16.4017C2.5 15.3033 2.5 13.5355 2.5 10C2.5 6.46447 2.5 4.6967 3.59835 3.59835C4.6967 2.5 6.46447 2.5 10 2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function B({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:"M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}function y({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 M({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 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:"M6.71275 10.6736C7.16723 8.15492 9.38539 6.25 12.0437 6.25C13.6212 6.25 15.0431 6.9209 16.0328 7.9907C16.3141 8.29476 16.2956 8.76927 15.9915 9.05055C15.6875 9.33183 15.213 9.31337 14.9317 9.0093C14.2154 8.23504 13.1879 7.75 12.0437 7.75C10.2056 7.75 8.66974 9.00212 8.24452 10.6853L8.48095 10.4586C8.77994 10.172 9.25471 10.182 9.54137 10.4809C9.82804 10.7799 9.81805 11.2547 9.51905 11.5414L7.89662 13.0969C7.74932 13.2381 7.55084 13.3133 7.34695 13.3049C7.14306 13.2966 6.95137 13.2056 6.81608 13.0528L5.43852 11.4972C5.16391 11.1871 5.19267 10.7131 5.50277 10.4385C5.81286 10.1639 6.28686 10.1927 6.56148 10.5028L6.71275 10.6736Z",fill:"currentColor"}),t.jsx("path",{d:"M16.6485 10.6959C16.8523 10.704 17.044 10.7947 17.1795 10.9472L18.5607 12.5019C18.8358 12.8115 18.8078 13.2856 18.4981 13.5607C18.1885 13.8358 17.7144 13.8078 17.4393 13.4981L17.2841 13.3234C16.8295 15.8458 14.6011 17.7509 11.9348 17.7509C10.3635 17.7509 8.94543 17.0895 7.95312 16.0322C7.66966 15.7302 7.68472 15.2555 7.98675 14.9721C8.28879 14.6886 8.76342 14.7037 9.04688 15.0057C9.76546 15.7714 10.792 16.2509 11.9348 16.2509C13.7819 16.2509 15.322 14.9991 15.7503 13.3193L15.5195 13.5409C15.2208 13.8278 14.746 13.8183 14.4591 13.5195C14.1721 13.2208 14.1817 12.746 14.4805 12.4591L16.0993 10.9044C16.2464 10.7631 16.4447 10.6878 16.6485 10.6959Z",fill:"currentColor"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.9426 1.25C9.63423 1.24999 7.82519 1.24998 6.4137 1.43975C4.96897 1.63399 3.82895 2.03933 2.93414 2.93414C2.03933 3.82895 1.63399 4.96897 1.43975 6.41371C1.24998 7.82519 1.24999 9.63423 1.25 11.9426V12.0574C1.24999 14.3658 1.24998 16.1748 1.43975 17.5863C1.63399 19.031 2.03933 20.1711 2.93414 21.0659C3.82895 21.9607 4.96897 22.366 6.4137 22.5603C7.82519 22.75 9.63423 22.75 11.9426 22.75H12.0574C14.3658 22.75 16.1748 22.75 17.5863 22.5603C19.031 22.366 20.1711 21.9607 21.0659 21.0659C21.9607 20.1711 22.366 19.031 22.5603 17.5863C22.75 16.1748 22.75 14.3658 22.75 12.0574V11.9426C22.75 9.63423 22.75 7.82519 22.5603 6.41371C22.366 4.96897 21.9607 3.82895 21.0659 2.93414C20.1711 2.03933 19.031 1.63399 17.5863 1.43975C16.1748 1.24998 14.3658 1.24999 12.0574 1.25H11.9426ZM3.9948 3.9948C4.56445 3.42514 5.33517 3.09825 6.61358 2.92637C7.91356 2.75159 9.62177 2.75 12 2.75C14.3782 2.75 16.0864 2.75159 17.3864 2.92637C18.6648 3.09825 19.4355 3.42514 20.0052 3.9948C20.5749 4.56445 20.9018 5.33517 21.0736 6.61358C21.2484 7.91356 21.25 9.62178 21.25 12C21.25 14.3782 21.2484 16.0864 21.0736 17.3864C20.9018 18.6648 20.5749 19.4355 20.0052 20.0052C19.4355 20.5749 18.6648 20.9018 17.3864 21.0736C16.0864 21.2484 14.3782 21.25 12 21.25C9.62177 21.25 7.91356 21.2484 6.61358 21.0736C5.33517 20.9018 4.56445 20.5749 3.9948 20.0052C3.42514 19.4355 3.09825 18.6648 2.92637 17.3864C2.75159 16.0864 2.75 14.3782 2.75 12C2.75 9.62178 2.75159 7.91356 2.92637 6.61358C3.09825 5.33517 3.42514 4.56445 3.9948 3.9948Z",fill:"currentColor"})]})}function $({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 I({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.93501C18.8053 7.20742 18.8374 7.6812 18.565 7.99324L10.7079 16.9932C10.5654 17.1564 10.3594 17.25 10.1429 17.25C9.9263 17.25 9.72031 17.1564 9.57788 16.9932L6.43502 13.3932C6.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.00675C17.7074 6.69472 18.1812 6.6626 18.4933 6.93501Z",fill:"#ffffff"})]})}const l1="_dashed_coh50_1",d1="_icon_coh50_53",g={dashed:l1,icon:d1},u1=c.forwardRef(function({icon:n=t.jsx(B,{}),className:r,children:o,type:s="button",...i},a){return t.jsxs("button",{ref:a,type:s,className:l(g.dashed,r),...i,children:[n!=null&&t.jsx("span",{className:g.icon,"aria-hidden":"true",children:n}),t.jsx("span",{children:o})]})}),C1="_calendar_1q4or_1",_1="_icon_1q4or_53",h1="_selected_1q4or_93",m={calendar:C1,icon:_1,selected:h1},f1=c.forwardRef(function({selected:n=!1,icon:r=t.jsx(y,{}),className:o,children:s,type:i="button",...a},d){return t.jsxs("button",{ref:d,type:i,"aria-expanded":n,className:l(m.calendar,n&&m.selected,o),...a,children:[t.jsx("span",{children:s}),r!=null&&t.jsx("span",{className:m.icon,"aria-hidden":"true",children:r})]})}),x1="_reset_tyfcd_1",p1="_icon_tyfcd_51",b={reset:x1,icon:p1},w1=c.forwardRef(function({icon:n=t.jsx(M,{}),className:r,children:o="초기화",type:s="button",...i},a){return t.jsxs("button",{ref:a,type:s,className:l(b.reset,r),...i,children:[n!=null&&t.jsx("span",{className:b.icon,"aria-hidden":"true",children:n}),t.jsx("span",{children:o})]})}),m1="_pagination_n4t9a_1",j1="_item_n4t9a_15",k1="_selected_n4t9a_83",g1="_arrow_n4t9a_97",b1="_prev_n4t9a_165",x={pagination:m1,item:j1,selected:k1,arrow:g1,prev:b1},N=c.forwardRef(function({selected:n=!1,className:r,children:o,type:s="button",...i},a){return t.jsx("button",{ref:a,type:s,"aria-current":n?"page":void 0,className:l(x.item,n&&x.selected,r),...i,children:o})}),j=c.forwardRef(function({direction:n="next",className:r,type:o="button",...s},i){return t.jsx("button",{ref:i,type:o,"aria-label":n==="prev"?"이전 페이지":"다음 페이지",className:l(x.arrow,n==="prev"&&x.prev,r),...s,children:t.jsx($,{})})}),v1=c.forwardRef(function({page:n,totalPages:r,onPageChange:o,maxVisible:s=5,className:i,...a},d){const u=Math.max(1,r),C=Math.min(s,u),W=Math.min(Math.max(1,n-Math.floor(C/2)),u-C+1),S=Array.from({length:C},(h,V)=>W+V);return t.jsxs("nav",{ref:d,"aria-label":"페이지네이션",className:l(x.pagination,i),...a,children:[t.jsx(j,{direction:"prev",disabled:n<=1,onClick:()=>o?.(n-1)}),S.map(h=>t.jsx(N,{selected:h===n,onClick:()=>o?.(h),children:h},h)),t.jsx(j,{direction:"next",disabled:n>=u,onClick:()=>o?.(n+1)})]})}),L1="_sort_r6mnc_1",B1="_selected_r6mnc_85",v={sort:L1,selected:B1},y1=c.forwardRef(function({selected:n=!1,className:r,children:o,type:s="button",...i},a){return t.jsx("button",{ref:a,type:s,"aria-pressed":n,className:l(v.sort,n&&v.selected,r),...i,children:o})}),M1="_item_1cc0o_1",R1="_label_1cc0o_51",$1="_check_1cc0o_69",I1="_selected_1cc0o_111",p={item:M1,label:R1,check:$1,selected:I1},N1=c.forwardRef(function({selected:n=!1,checked:r,className:o,children:s,type:i="button",...a},d){return t.jsxs("button",{ref:d,type:i,"data-selected":n||void 0,className:l(p.item,n&&p.selected,o),...a,children:[r&&t.jsx("span",{className:p.check,"aria-hidden":"true",children:t.jsx(I,{})}),t.jsx("span",{className:p.label,children:s})]})}),W1="_tile_rg4j9_1",S1="_icon_rg4j9_51",L={tile:W1,icon:S1},V1=c.forwardRef(function({icon:n=t.jsx(R,{}),className:r,children:o,type:s="button",...i},a){return t.jsxs("button",{ref:a,type:s,className:l(L.tile,r),...i,children:[n!=null&&t.jsx("span",{className:L.icon,"aria-hidden":"true",children:n}),t.jsx("span",{children:o})]})});exports.ActionTile=V1;exports.BasicButton=K;exports.Button=E;exports.CalendarButton=f1;exports.Chip=e1;exports.DashedButton=u1;exports.DropdownItem=N1;exports.IconAddCircle=B;exports.IconButton=X;exports.IconCalendar=y;exports.IconCheckOn=I;exports.IconCircleArrowRight=$;exports.IconLogout=a1;exports.IconRefreshSquare=R;exports.IconRestart=M;exports.IconSquareTopDown=c1;exports.Pagination=v1;exports.PaginationArrow=j;exports.PaginationItem=N;exports.ResetButton=w1;exports.SortButton=y1;exports.StatusBadge=i1;

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import './styles/base.css';
+export * from './components/Button';
+export * from './components/BasicButton';
+export * from './components/IconButton';
+export * from './components/Chip';
+export * from './components/StatusBadge';
+export * from './components/DashedButton';
+export * from './components/CalendarButton';
+export * from './components/ResetButton';
+export * from './components/Pagination';
+export * from './components/SortButton';
+export * from './components/DropdownItem';
+export * from './components/ActionTile';
+export * from './icons';

package/dist/index.js

@@ -0,0 +1,618 @@
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+function d(...e) {
+  return e.filter(Boolean).join(" ");
+}
+const W = "_button_1o7nk_1", I = "_icon_1o7nk_65", R = "_label_1o7nk_75", V = "_fullWidth_1o7nk_83", H = "_white_1o7nk_123", Z = "_grey_1o7nk_125", j = "_primary_1o7nk_153", A = "_danger_1o7nk_219", S = "_outline_1o7nk_365", h = {
+  button: W,
+  icon: I,
+  label: R,
+  fullWidth: V,
+  "size-56": "_size-56_1o7nk_93",
+  "size-48": "_size-48_1o7nk_101",
+  "size-40": "_size-40_1o7nk_109",
+  white: H,
+  grey: Z,
+  "size-sm": "_size-sm_1o7nk_137",
+  primary: j,
+  danger: A,
+  outline: S
+}, B1 = l(
+  function({
+    variant: t = "primary",
+    size: r = 48,
+    fullWidth: o = !1,
+    icon: i,
+    className: s,
+    children: c,
+    type: u = "button",
+    ...C
+  }, _) {
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: _,
+        type: u,
+        className: d(
+          h.button,
+          h[t],
+          h[`size-${r}`],
+          o && h.fullWidth,
+          s
+        ),
+        ...C,
+        children: [
+          i != null && /* @__PURE__ */ n("span", { className: h.icon, "aria-hidden": "true", children: i }),
+          c != null && /* @__PURE__ */ n("span", { className: h.label, children: c })
+        ]
+      }
+    );
+  }
+), q = "_basic_1awue_1", D = "_icon_1awue_103", z = "_iconOnly_1awue_113", m = {
+  basic: q,
+  icon: D,
+  iconOnly: z,
+  "solid-primary": "_solid-primary_1awue_125",
+  "solid-primary50": "_solid-primary50_1awue_135",
+  "solid-orange": "_solid-orange_1awue_145",
+  "solid-red": "_solid-red_1awue_155",
+  "solid-black": "_solid-black_1awue_165",
+  "line-primary": "_line-primary_1awue_195",
+  "line-white": "_line-white_1awue_207"
+}, M1 = l(
+  function({
+    variant: t = "solid",
+    color: r = "primary",
+    icon: o,
+    iconOnly: i = !1,
+    className: s,
+    children: c,
+    type: u = "button",
+    ...C
+  }, _) {
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: _,
+        type: u,
+        className: d(
+          m.basic,
+          m[`${t}-${r}`] ?? m["solid-primary"],
+          i && m.iconOnly,
+          s
+        ),
+        ...C,
+        children: [
+          o != null && /* @__PURE__ */ n("span", { className: m.icon, "aria-hidden": "true", children: o }),
+          !i && c != null && /* @__PURE__ */ n("span", { children: c })
+        ]
+      }
+    );
+  }
+), O = "_iconButton_6190a_1", P = {
+  iconButton: O
+}, x1 = l(
+  function({ label: t, className: r, children: o, type: i = "button", ...s }, c) {
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: c,
+        type: i,
+        "aria-label": t,
+        className: d(P.iconButton, r),
+        ...s,
+        children: o
+      }
+    );
+  }
+), T = "_chip_1p0ad_1", E = "_icon_1p0ad_55", F = "_selected_1p0ad_93", k = {
+  chip: T,
+  icon: E,
+  selected: F
+}, $1 = l(function({ selected: t = !1, icon: r, className: o, children: i, type: s = "button", ...c }, u) {
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ref: u,
+      type: s,
+      "aria-pressed": t,
+      className: d(k.chip, t && k.selected, o),
+      ...c,
+      children: [
+        /* @__PURE__ */ n("span", { children: i }),
+        r != null && /* @__PURE__ */ n("span", { className: k.icon, "aria-hidden": "true", children: r })
+      ]
+    }
+  );
+}), G = "_badge_1l3tz_1", J = "_normal_1l3tz_37", K = "_abnormal_1l3tz_45", g = {
+  badge: G,
+  normal: J,
+  abnormal: K
+}, N1 = l(
+  function({ status: t = "normal", className: r, children: o, ...i }, s) {
+    return /* @__PURE__ */ n(
+      "span",
+      {
+        ref: s,
+        className: d(g.badge, g[t], r),
+        ...i,
+        children: o ?? (t === "normal" ? "정상" : "이상")
+      }
+    );
+  }
+);
+function W1({ size: e = 24, ...t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ n(
+          "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"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "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 I1({ size: e = 20, ...t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M10 8.75L17.5 2.5M17.5 6.21094V2.5H13.0469",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M17.5 10C17.5 13.5355 17.5 15.3033 16.4017 16.4017C15.3033 17.5 13.5355 17.5 10 17.5C6.46447 17.5 4.6967 17.5 3.59835 16.4017C2.5 15.3033 2.5 13.5355 2.5 10C2.5 6.46447 2.5 4.6967 3.59835 3.59835C4.6967 2.5 6.46447 2.5 10 2.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function Q({ size: e = 24, ...t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function U({ size: e = 24, ...t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ n(
+          "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"
+          }
+        ),
+        /* @__PURE__ */ n("path", { d: "M7 4V2.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ n("path", { d: "M17 4V2.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ n("circle", { cx: "18", cy: "18", r: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ n("path", { d: "M20.5 20.5L22 22", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ n("path", { d: "M2.5 9H21.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+function X({ size: e = 24, ...t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: /* @__PURE__ */ n(
+        "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 Y({ size: e = 24, ...t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M6.71275 10.6736C7.16723 8.15492 9.38539 6.25 12.0437 6.25C13.6212 6.25 15.0431 6.9209 16.0328 7.9907C16.3141 8.29476 16.2956 8.76927 15.9915 9.05055C15.6875 9.33183 15.213 9.31337 14.9317 9.0093C14.2154 8.23504 13.1879 7.75 12.0437 7.75C10.2056 7.75 8.66974 9.00212 8.24452 10.6853L8.48095 10.4586C8.77994 10.172 9.25471 10.182 9.54137 10.4809C9.82804 10.7799 9.81805 11.2547 9.51905 11.5414L7.89662 13.0969C7.74932 13.2381 7.55084 13.3133 7.34695 13.3049C7.14306 13.2966 6.95137 13.2056 6.81608 13.0528L5.43852 11.4972C5.16391 11.1871 5.19267 10.7131 5.50277 10.4385C5.81286 10.1639 6.28686 10.1927 6.56148 10.5028L6.71275 10.6736Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M16.6485 10.6959C16.8523 10.704 17.044 10.7947 17.1795 10.9472L18.5607 12.5019C18.8358 12.8115 18.8078 13.2856 18.4981 13.5607C18.1885 13.8358 17.7144 13.8078 17.4393 13.4981L17.2841 13.3234C16.8295 15.8458 14.6011 17.7509 11.9348 17.7509C10.3635 17.7509 8.94543 17.0895 7.95312 16.0322C7.66966 15.7302 7.68472 15.2555 7.98675 14.9721C8.28879 14.6886 8.76342 14.7037 9.04688 15.0057C9.76546 15.7714 10.792 16.2509 11.9348 16.2509C13.7819 16.2509 15.322 14.9991 15.7503 13.3193L15.5195 13.5409C15.2208 13.8278 14.746 13.8183 14.4591 13.5195C14.1721 13.2208 14.1817 12.746 14.4805 12.4591L16.0993 10.9044C16.2464 10.7631 16.4447 10.6878 16.6485 10.6959Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11.9426 1.25C9.63423 1.24999 7.82519 1.24998 6.4137 1.43975C4.96897 1.63399 3.82895 2.03933 2.93414 2.93414C2.03933 3.82895 1.63399 4.96897 1.43975 6.41371C1.24998 7.82519 1.24999 9.63423 1.25 11.9426V12.0574C1.24999 14.3658 1.24998 16.1748 1.43975 17.5863C1.63399 19.031 2.03933 20.1711 2.93414 21.0659C3.82895 21.9607 4.96897 22.366 6.4137 22.5603C7.82519 22.75 9.63423 22.75 11.9426 22.75H12.0574C14.3658 22.75 16.1748 22.75 17.5863 22.5603C19.031 22.366 20.1711 21.9607 21.0659 21.0659C21.9607 20.1711 22.366 19.031 22.5603 17.5863C22.75 16.1748 22.75 14.3658 22.75 12.0574V11.9426C22.75 9.63423 22.75 7.82519 22.5603 6.41371C22.366 4.96897 21.9607 3.82895 21.0659 2.93414C20.1711 2.03933 19.031 1.63399 17.5863 1.43975C16.1748 1.24998 14.3658 1.24999 12.0574 1.25H11.9426ZM3.9948 3.9948C4.56445 3.42514 5.33517 3.09825 6.61358 2.92637C7.91356 2.75159 9.62177 2.75 12 2.75C14.3782 2.75 16.0864 2.75159 17.3864 2.92637C18.6648 3.09825 19.4355 3.42514 20.0052 3.9948C20.5749 4.56445 20.9018 5.33517 21.0736 6.61358C21.2484 7.91356 21.25 9.62178 21.25 12C21.25 14.3782 21.2484 16.0864 21.0736 17.3864C20.9018 18.6648 20.5749 19.4355 20.0052 20.0052C19.4355 20.5749 18.6648 20.9018 17.3864 21.0736C16.0864 21.2484 14.3782 21.25 12 21.25C9.62177 21.25 7.91356 21.2484 6.61358 21.0736C5.33517 20.9018 4.56445 20.5749 3.9948 20.0052C3.42514 19.4355 3.09825 18.6648 2.92637 17.3864C2.75159 16.0864 2.75 14.3782 2.75 12C2.75 9.62178 2.75159 7.91356 2.92637 6.61358C3.09825 5.33517 3.42514 4.56445 3.9948 3.9948Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+function t1({ size: e = 24, ...t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M10.5 9L13.5 12L10.5 15",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function n1({ size: e = 24, ...t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ n(
+          "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"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M18.4933 6.93501C18.8053 7.20742 18.8374 7.6812 18.565 7.99324L10.7079 16.9932C10.5654 17.1564 10.3594 17.25 10.1429 17.25C9.9263 17.25 9.72031 17.1564 9.57788 16.9932L6.43502 13.3932C6.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.00675C17.7074 6.69472 18.1812 6.6626 18.4933 6.93501Z",
+            fill: "#ffffff"
+          }
+        )
+      ]
+    }
+  );
+}
+const e1 = "_dashed_coh50_1", o1 = "_icon_coh50_53", v = {
+  dashed: e1,
+  icon: o1
+}, R1 = l(
+  function({ icon: t = /* @__PURE__ */ n(Q, {}), className: r, children: o, type: i = "button", ...s }, c) {
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: c,
+        type: i,
+        className: d(v.dashed, r),
+        ...s,
+        children: [
+          t != null && /* @__PURE__ */ n("span", { className: v.icon, "aria-hidden": "true", children: t }),
+          /* @__PURE__ */ n("span", { children: o })
+        ]
+      }
+    );
+  }
+), r1 = "_calendar_1q4or_1", i1 = "_icon_1q4or_53", s1 = "_selected_1q4or_93", b = {
+  calendar: r1,
+  icon: i1,
+  selected: s1
+}, V1 = l(function({
+  selected: t = !1,
+  icon: r = /* @__PURE__ */ n(U, {}),
+  className: o,
+  children: i,
+  type: s = "button",
+  ...c
+}, u) {
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ref: u,
+      type: s,
+      "aria-expanded": t,
+      className: d(b.calendar, t && b.selected, o),
+      ...c,
+      children: [
+        /* @__PURE__ */ n("span", { children: i }),
+        r != null && /* @__PURE__ */ n("span", { className: b.icon, "aria-hidden": "true", children: r })
+      ]
+    }
+  );
+}), c1 = "_reset_tyfcd_1", a1 = "_icon_tyfcd_51", L = {
+  reset: c1,
+  icon: a1
+}, H1 = l(
+  function({ icon: t = /* @__PURE__ */ n(X, {}), className: r, children: o = "초기화", type: i = "button", ...s }, c) {
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: c,
+        type: i,
+        className: d(L.reset, r),
+        ...s,
+        children: [
+          t != null && /* @__PURE__ */ n("span", { className: L.icon, "aria-hidden": "true", children: t }),
+          /* @__PURE__ */ n("span", { children: o })
+        ]
+      }
+    );
+  }
+), l1 = "_pagination_n4t9a_1", d1 = "_item_n4t9a_15", u1 = "_selected_n4t9a_83", C1 = "_arrow_n4t9a_97", _1 = "_prev_n4t9a_165", w = {
+  pagination: l1,
+  item: d1,
+  selected: u1,
+  arrow: C1,
+  prev: _1
+}, h1 = l(function({ selected: t = !1, className: r, children: o, type: i = "button", ...s }, c) {
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      ref: c,
+      type: i,
+      "aria-current": t ? "page" : void 0,
+      className: d(w.item, t && w.selected, r),
+      ...s,
+      children: o
+    }
+  );
+}), y = l(function({ direction: t = "next", className: r, type: o = "button", ...i }, s) {
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      ref: s,
+      type: o,
+      "aria-label": t === "prev" ? "이전 페이지" : "다음 페이지",
+      className: d(
+        w.arrow,
+        t === "prev" && w.prev,
+        r
+      ),
+      ...i,
+      children: /* @__PURE__ */ n(t1, {})
+    }
+  );
+}), Z1 = l(
+  function({ page: t, totalPages: r, onPageChange: o, maxVisible: i = 5, className: s, ...c }, u) {
+    const C = Math.max(1, r), _ = Math.min(i, C), x = Math.min(
+      Math.max(1, t - Math.floor(_ / 2)),
+      C - _ + 1
+    ), $ = Array.from({ length: _ }, (p, N) => x + N);
+    return /* @__PURE__ */ a(
+      "nav",
+      {
+        ref: u,
+        "aria-label": "페이지네이션",
+        className: d(w.pagination, s),
+        ...c,
+        children: [
+          /* @__PURE__ */ n(
+            y,
+            {
+              direction: "prev",
+              disabled: t <= 1,
+              onClick: () => o?.(t - 1)
+            }
+          ),
+          $.map((p) => /* @__PURE__ */ n(
+            h1,
+            {
+              selected: p === t,
+              onClick: () => o?.(p),
+              children: p
+            },
+            p
+          )),
+          /* @__PURE__ */ n(
+            y,
+            {
+              direction: "next",
+              disabled: t >= C,
+              onClick: () => o?.(t + 1)
+            }
+          )
+        ]
+      }
+    );
+  }
+), p1 = "_sort_r6mnc_1", m1 = "_selected_r6mnc_85", B = {
+  sort: p1,
+  selected: m1
+}, j1 = l(
+  function({ selected: t = !1, className: r, children: o, type: i = "button", ...s }, c) {
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: c,
+        type: i,
+        "aria-pressed": t,
+        className: d(B.sort, t && B.selected, r),
+        ...s,
+        children: o
+      }
+    );
+  }
+), w1 = "_item_1cc0o_1", f1 = "_label_1cc0o_51", k1 = "_check_1cc0o_69", b1 = "_selected_1cc0o_111", f = {
+  item: w1,
+  label: f1,
+  check: k1,
+  selected: b1
+}, A1 = l(
+  function({ selected: t = !1, checked: r, className: o, children: i, type: s = "button", ...c }, u) {
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: u,
+        type: s,
+        "data-selected": t || void 0,
+        className: d(f.item, t && f.selected, o),
+        ...c,
+        children: [
+          r && /* @__PURE__ */ n("span", { className: f.check, "aria-hidden": "true", children: /* @__PURE__ */ n(n1, {}) }),
+          /* @__PURE__ */ n("span", { className: f.label, children: i })
+        ]
+      }
+    );
+  }
+), g1 = "_tile_rg4j9_1", v1 = "_icon_rg4j9_51", M = {
+  tile: g1,
+  icon: v1
+}, S1 = l(
+  function({
+    icon: t = /* @__PURE__ */ n(Y, {}),
+    className: r,
+    children: o,
+    type: i = "button",
+    ...s
+  }, c) {
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: c,
+        type: i,
+        className: d(M.tile, r),
+        ...s,
+        children: [
+          t != null && /* @__PURE__ */ n("span", { className: M.icon, "aria-hidden": "true", children: t }),
+          /* @__PURE__ */ n("span", { children: o })
+        ]
+      }
+    );
+  }
+);
+export {
+  S1 as ActionTile,
+  M1 as BasicButton,
+  B1 as Button,
+  V1 as CalendarButton,
+  $1 as Chip,
+  R1 as DashedButton,
+  A1 as DropdownItem,
+  Q as IconAddCircle,
+  x1 as IconButton,
+  U as IconCalendar,
+  n1 as IconCheckOn,
+  t1 as IconCircleArrowRight,
+  W1 as IconLogout,
+  Y as IconRefreshSquare,
+  X as IconRestart,
+  I1 as IconSquareTopDown,
+  Z1 as Pagination,
+  y as PaginationArrow,
+  h1 as PaginationItem,
+  H1 as ResetButton,
+  j1 as SortButton,
+  N1 as StatusBadge
+};

package/dist/styles.css

@@ -0,0 +1 @@
+:root{--if-primary-50: #f5faff;--if-primary-300: #819ac2;--if-primary-500: #033687;--if-primary-900: #052454;--if-neutral-white: #ffffff;--if-neutral-50: #f8f8f8;--if-neutral-100: #f4f4f4;--if-neutral-150: #dedede;--if-neutral-200: #c9c9c9;--if-neutral-300: #b3b3b3;--if-neutral-400: #9d9d9d;--if-neutral-500: #878787;--if-neutral-600: #727272;--if-neutral-700: #5c5c5c;--if-neutral-800: #464646;--if-neutral-900: #303030;--if-state-green-500: #37b24d;--if-state-red-500: #f03e3e;--if-state-orange-500: #f76707;--if-shadow-main: 6px 6px 15px 0 rgba(14, 44, 74, .08);--if-radius-sm: 4px;--if-radius-md: 8px;--if-font-family: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--if-letter-spacing: -.025em}:root{--es-secondary-400: #ff9893;--es-secondary-500: #ff6861;--es-secondary-900: #973e38;--es-text-main-size: 16px;--es-text-main-line: 24px;--es-text-main-weight: 400;--es-text-main-bold-weight: 500;--es-text-sub-size: 14px;--es-text-sub-line: 20px;--es-text-sub-bold-weight: 500}._button_1o7nk_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:var(--if-radius-md);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:16px;font-weight:500;line-height:24px;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._button_1o7nk_1:focus-visible{outline:none}._button_1o7nk_1:disabled{cursor:default}._icon_1o7nk_65{display:inline-flex;flex-shrink:0}._label_1o7nk_75{display:inline-flex}._fullWidth_1o7nk_83{width:100%}._size-56_1o7nk_93{height:56px}._size-48_1o7nk_101{height:48px}._size-40_1o7nk_109{height:40px;font-size:14px;line-height:20px}._white_1o7nk_123._size-40_1o7nk_109,._grey_1o7nk_125._size-40_1o7nk_109{font-size:16px;line-height:24px}._size-sm_1o7nk_137{height:40px;font-size:16px;font-weight:400;line-height:24px}._primary_1o7nk_153{background:var(--if-primary-500);color:var(--if-neutral-white)}._primary_1o7nk_153:hover:not(:disabled){background:var(--if-primary-900)}._primary_1o7nk_153:active:not(:disabled){background:var(--if-primary-500)}._primary_1o7nk_153:focus-visible{border-color:var(--if-primary-900)}._primary_1o7nk_153:disabled{background:var(--if-neutral-300)}._primary_1o7nk_153._size-sm_1o7nk_137:hover:not(:disabled){background:var(--if-primary-300);box-shadow:var(--if-shadow-main)}._primary_1o7nk_153._size-sm_1o7nk_137:active:not(:disabled){background:var(--if-primary-300);box-shadow:none}._danger_1o7nk_219{background:var(--es-secondary-500);color:var(--if-neutral-white)}._danger_1o7nk_219:hover:not(:disabled){background:var(--es-secondary-900)}._danger_1o7nk_219:active:not(:disabled){background:var(--es-secondary-400)}._danger_1o7nk_219:focus-visible{background:var(--es-secondary-500);border-color:var(--if-primary-900)}._danger_1o7nk_219:disabled{background:var(--if-neutral-300)}._grey_1o7nk_125{background:var(--if-neutral-600);color:var(--if-neutral-white)}._grey_1o7nk_125:hover:not(:disabled){background:var(--if-neutral-800)}._grey_1o7nk_125:active:not(:disabled){background:var(--if-neutral-600)}._grey_1o7nk_125:focus-visible{background:var(--if-neutral-600);border-color:var(--if-neutral-900)}._grey_1o7nk_125:disabled{background:var(--if-neutral-300)}._white_1o7nk_123{background:var(--if-neutral-white);border-color:var(--if-primary-500);color:var(--if-primary-500)}._white_1o7nk_123:hover:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500)}._white_1o7nk_123:active:not(:disabled){background:var(--if-neutral-white);border-color:var(--if-primary-300)}._white_1o7nk_123:focus-visible{border-color:var(--if-primary-900)}._white_1o7nk_123:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-300);color:var(--if-neutral-300)}._outline_1o7nk_365{background:var(--if-neutral-white);border-color:var(--if-neutral-900);color:var(--if-neutral-900);font-weight:400}._outline_1o7nk_365:hover:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500);box-shadow:var(--if-shadow-main)}._outline_1o7nk_365:active:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500);color:var(--if-primary-500);box-shadow:none}._outline_1o7nk_365:focus-visible{background:var(--if-neutral-white);border-color:var(--if-primary-500)}._outline_1o7nk_365:disabled{background:var(--if-neutral-white);border-color:var(--if-neutral-300);color:var(--if-neutral-300)}._basic_1awue_1{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 14px;border:1px solid transparent;border-radius:var(--if-radius-md);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;cursor:pointer;transition:opacity .12s ease;-webkit-tap-highlight-color:transparent}._basic_1awue_1:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--if-neutral-900);opacity:0;pointer-events:none;transition:opacity .12s ease}._basic_1awue_1:hover:not(:disabled):after{opacity:.08}._basic_1awue_1:active:not(:disabled):after{opacity:.12}._basic_1awue_1:focus-visible{outline:1px solid var(--if-primary-900);outline-offset:1px}._basic_1awue_1:disabled{cursor:default}._icon_1awue_103{display:inline-flex;flex-shrink:0}._iconOnly_1awue_113{width:32px;padding:0}._solid-primary_1awue_125{background:var(--if-primary-500);color:var(--if-neutral-white)}._solid-primary50_1awue_135{background:var(--if-primary-50);color:var(--if-primary-500)}._solid-orange_1awue_145{background:var(--if-state-orange-500);color:var(--if-neutral-white)}._solid-red_1awue_155{background:var(--if-state-red-500);color:var(--if-neutral-white)}._solid-black_1awue_165{background:var(--if-neutral-700);color:var(--if-neutral-white)}._solid-primary_1awue_125:disabled,._solid-primary50_1awue_135:disabled,._solid-orange_1awue_145:disabled,._solid-red_1awue_155:disabled,._solid-black_1awue_165:disabled{background:var(--if-neutral-100);color:var(--if-neutral-400)}._line-primary_1awue_195{background:var(--if-primary-50);border-color:var(--if-primary-500);color:var(--if-primary-900)}._line-white_1awue_207{background:var(--if-neutral-white);border-color:var(--if-neutral-150);color:var(--if-neutral-700)}._line-primary_1awue_195:disabled,._line-white_1awue_207:disabled{background:var(--if-neutral-100);border-color:var(--if-neutral-150);color:var(--if-neutral-400)}._iconButton_6190a_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--if-neutral-900);cursor:pointer;-webkit-tap-highlight-color:transparent}._iconButton_6190a_1:focus-visible{outline:1px solid var(--if-neutral-900);outline-offset:0}._iconButton_6190a_1:disabled{color:var(--if-neutral-300);cursor:default}._chip_1p0ad_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:2px;height:32px;padding:0 16px;border:none;border-radius:var(--if-radius-md);background:transparent;font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:16px;font-weight:500;line-height:24px;color:var(--if-neutral-700);white-space:nowrap;cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._icon_1p0ad_55{display:inline-flex;flex-shrink:0}._chip_1p0ad_1:hover{box-shadow:inset 0 0 0 1px var(--if-neutral-700)}._chip_1p0ad_1:active{box-shadow:inset 0 0 0 1px var(--if-neutral-400);color:var(--if-neutral-400)}._chip_1p0ad_1:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--if-primary-900)}._selected_1p0ad_93,._selected_1p0ad_93:hover,._selected_1p0ad_93:active{background:var(--if-primary-500);color:var(--if-neutral-white);box-shadow:none}._badge_1l3tz_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:28px;padding:0 8px;border:1px solid currentColor;border-radius:var(--if-radius-sm);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}._normal_1l3tz_37{color:var(--if-state-green-500)}._abnormal_1l3tz_45{color:var(--if-state-red-500)}._dashed_coh50_1{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;padding:8px 16px;border:1px dashed var(--if-neutral-500);border-radius:var(--if-radius-md);background:var(--if-neutral-white);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:16px;font-weight:500;line-height:24px;color:var(--if-neutral-900);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._icon_coh50_53{display:inline-flex;flex-shrink:0;color:var(--if-neutral-700)}._dashed_coh50_1:hover:not(:disabled){background:var(--if-primary-50);box-shadow:var(--if-shadow-main)}._dashed_coh50_1:active:not(:disabled){background:var(--if-primary-50);box-shadow:none}._dashed_coh50_1:focus-visible{outline:none;border-style:solid;border-color:var(--if-neutral-900);background:var(--if-neutral-white)}._dashed_coh50_1:disabled{border-color:var(--if-neutral-300);color:var(--if-neutral-300);background:var(--if-neutral-white);cursor:default}._dashed_coh50_1:disabled ._icon_coh50_53{color:var(--if-neutral-300)}._calendar_1q4or_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:56px;padding:0 20px;border:1px solid var(--if-neutral-150);border-radius:var(--if-radius-md);background:var(--if-neutral-white);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:16px;font-weight:500;line-height:24px;color:var(--if-neutral-900);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._icon_1q4or_53{display:inline-flex;flex-shrink:0}._calendar_1q4or_1:hover:not(:disabled){border-color:var(--if-primary-500);box-shadow:var(--if-shadow-main)}._calendar_1q4or_1:active:not(:disabled){border-color:var(--if-primary-500);box-shadow:none}._calendar_1q4or_1:focus-visible{outline:none;border-color:var(--if-primary-500)}._selected_1q4or_93,._selected_1q4or_93:hover:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500)}._calendar_1q4or_1:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-150);color:var(--if-neutral-300);cursor:default}._reset_tyfcd_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:56px;padding:0 8px;border:1px solid transparent;border-radius:var(--if-radius-md);background:transparent;font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:16px;font-weight:400;line-height:24px;color:var(--if-neutral-900);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._icon_tyfcd_51{display:inline-flex;flex-shrink:0}._reset_tyfcd_1:hover:not(:disabled){background:var(--if-neutral-50)}._reset_tyfcd_1:active:not(:disabled){background:transparent;color:var(--if-neutral-500)}._reset_tyfcd_1:focus-visible{outline:none;border-color:#000}._reset_tyfcd_1:disabled{color:var(--if-neutral-300);cursor:default}._pagination_n4t9a_1{display:inline-flex;align-items:center;gap:20px}._item_n4t9a_15{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 2px;border:none;background:transparent;font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:16px;font-weight:500;line-height:24px;color:var(--if-neutral-300);cursor:pointer;transition:color .12s ease;-webkit-tap-highlight-color:transparent}._item_n4t9a_15:hover{color:var(--if-neutral-700)}._item_n4t9a_15:active{color:var(--if-neutral-300)}._item_n4t9a_15:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--if-neutral-900)}._selected_n4t9a_83,._selected_n4t9a_83:hover,._selected_n4t9a_83:active{color:var(--if-primary-500)}._arrow_n4t9a_97{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--if-neutral-600);cursor:pointer;transition:color .12s ease;-webkit-tap-highlight-color:transparent}._arrow_n4t9a_97:hover:not(:disabled){color:var(--if-neutral-900)}._arrow_n4t9a_97:active:not(:disabled){color:var(--if-neutral-600)}._arrow_n4t9a_97:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--if-neutral-900)}._arrow_n4t9a_97:disabled{color:var(--if-neutral-150);cursor:default}._prev_n4t9a_165{transform:rotate(180deg)}._sort_r6mnc_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:28px;padding:0 12px;border:1px solid var(--if-neutral-200);border-radius:var(--if-radius-sm);background:var(--if-neutral-white);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:14px;font-weight:500;line-height:20px;color:var(--if-neutral-500);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._sort_r6mnc_1:hover:not(:disabled){border-color:var(--if-primary-500);color:var(--if-primary-500)}._sort_r6mnc_1:active:not(:disabled){background:var(--if-neutral-50);border-color:var(--if-primary-500);color:var(--if-primary-500)}._sort_r6mnc_1:focus-visible{outline:none;border-color:var(--if-neutral-900)}._selected_r6mnc_85,._selected_r6mnc_85:hover:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500);color:var(--if-primary-500)}._sort_r6mnc_1:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-150);color:var(--if-neutral-300);cursor:default}._item_1cc0o_1{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;border:none;background:var(--if-neutral-white);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:16px;font-weight:400;line-height:24px;color:var(--if-neutral-900);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._label_1cc0o_51{flex:1 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._check_1cc0o_69{display:inline-flex;flex-shrink:0;color:var(--if-primary-500)}._item_1cc0o_1:hover:not(:disabled){background:var(--if-primary-50)}._item_1cc0o_1:active:not(:disabled){background:var(--if-primary-50);color:var(--if-neutral-600)}._item_1cc0o_1:focus-visible{outline:none;background:var(--if-neutral-white);box-shadow:inset 0 0 0 1px var(--if-primary-500)}._selected_1cc0o_111,._selected_1cc0o_111:hover:not(:disabled){background:var(--if-primary-50);color:var(--if-primary-500)}._item_1cc0o_1:disabled{background:var(--if-neutral-50);color:var(--if-neutral-500);cursor:default}._tile_rg4j9_1{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;border:1px solid var(--if-neutral-150);border-radius:var(--if-radius-md);background:var(--if-neutral-white);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:16px;font-weight:500;line-height:24px;color:var(--if-neutral-900);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._icon_rg4j9_51{display:inline-flex}._tile_rg4j9_1:hover:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500);box-shadow:var(--if-shadow-main)}._tile_rg4j9_1:active:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500);box-shadow:none}._tile_rg4j9_1:focus-visible{outline:none;background:var(--if-neutral-white);border-color:var(--if-primary-500)}._tile_rg4j9_1:disabled{background:var(--if-neutral-white);border-color:var(--if-neutral-300);color:var(--if-neutral-300);cursor:default}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@intflow/edgesafe-ui",
+  "version": "0.2.0",
+  "description": "edgesafe 축 공통 UI 컴포넌트 (intflow 디자인 시스템)",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/intflow/intflow-design.git",
+    "directory": "packages/edgesafe"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "dependencies": {
+    "@intflow/tokens": "^0.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@intflow/ui-core": "^0.2.0",
+    "@storybook/react-vite": "^9.1.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^4.7.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "storybook": "^9.1.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.0"
+  }
+}