@mondrianai/runyourai-design-system 0.0.22 → 0.0.24

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/index.d.mts CHANGED
@@ -1,13 +1,14 @@
1
1
  import * as React$1 from 'react';
2
2
  import React__default, { ReactNode } from 'react';
3
- import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Menubar as Menubar$1, Slider as Slider$1, Switch as Switch$1, Tooltip as Tooltip$1 } from 'radix-ui';
3
+ import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Menubar as Menubar$1, Slider as Slider$1, Switch as Switch$1, Tooltip as Tooltip$1, Popover as Popover$1 } from 'radix-ui';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import * as class_variance_authority_types from 'class-variance-authority/types';
6
6
  import { VariantProps } from 'class-variance-authority';
7
7
  import { OTPInput } from 'input-otp';
8
8
  import * as _radix_ui_react_context from '@radix-ui/react-context';
9
- import { RowSelectionState, OnChangeFn, SortingState } from '@tanstack/react-table';
10
- export { OnChangeFn, PaginationState, RowSelectionState, SortingState } from '@tanstack/react-table';
9
+ import { RowSelectionState, OnChangeFn, SortingState, ColumnFiltersState } from '@tanstack/react-table';
10
+ export { ColumnFiltersState, OnChangeFn, PaginationState, RowSelectionState, SortingState } from '@tanstack/react-table';
11
+ import { ExternalToast, ToasterProps } from 'sonner';
11
12
 
12
13
  declare const Accordion: React$1.ForwardRefExoticComponent<(Accordion$1.AccordionSingleProps | Accordion$1.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
13
14
  declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<Accordion$1.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -173,9 +174,24 @@ declare function Drawer({ open, onOpenChange, trigger, title, description, foote
173
174
 
174
175
  type DropdownMenuItemConfig = {
175
176
  type?: 'default' | 'checkbox' | 'radio';
176
- label: string;
177
- /** radio 아이템의 선택값. 미지정 시 label을 값으로 사용 */
177
+ /**
178
+ * 아이템 콘텐츠. 문자열뿐 아니라 임의 노드(아이콘 + 텍스트 + 트레일링 배지 등)를
179
+ * 넣을 수 있다. 문자열이 아닌 경우 React key·타입어헤드를 위해
180
+ * `value`·`textValue`를 함께 지정하는 것을 권장한다.
181
+ */
182
+ label: React$1.ReactNode;
183
+ /**
184
+ * 타입어헤드(키보드 입력으로 항목 이동) 매칭용 텍스트.
185
+ * label이 문자열이 아닐 때 지정한다. 미지정 시 label의 textContent가 사용된다.
186
+ */
187
+ textValue?: string;
188
+ /** radio 아이템의 선택값 / React key. 미지정 시 문자열 label 또는 index를 사용 */
178
189
  value?: string;
190
+ /**
191
+ * 현재 선택된 항목 강조. default 아이템에 selected 배경(bg-accent)을 적용한다.
192
+ * (checkbox/radio는 자체 체크 상태로 강조되므로 무시된다)
193
+ */
194
+ selected?: boolean;
179
195
  icon?: React$1.ReactNode;
180
196
  onClick?: () => void;
181
197
  onCheckedChange?: (checked: boolean) => void;
@@ -188,7 +204,13 @@ type DropdownMenuItemConfig = {
188
204
  subGroups?: DropdownMenuGroupConfig[];
189
205
  };
190
206
  type DropdownMenuGroupConfig = {
207
+ /** 문자열 그룹 헤더. 커스텀 렌더링이 필요하면 `header`를 사용한다. */
191
208
  label?: string;
209
+ /**
210
+ * 커스텀 그룹 헤더(ReactNode). 지정 시 `label` 대신 렌더링되며,
211
+ * 게이지·설명 등 자유로운 헤더를 구성할 수 있다. (포커스 대상이 아님)
212
+ */
213
+ header?: React$1.ReactNode;
192
214
  items: DropdownMenuItemConfig[];
193
215
  separator?: boolean;
194
216
  /** radio 그룹의 현재 선택값 (controlled) */
@@ -716,7 +738,21 @@ interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEle
716
738
  /** onChange를 지연 호출할 ms. 지정하면 내부 draft 상태로 즉시 표시하고, 입력 완료 후 지연 커밋. */
717
739
  debounce?: number;
718
740
  }
719
- declare function SearchInput({ value, onChange, placeholder, className, debounce: debounceMs, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
741
+ /**
742
+ * ref로 노출되는 명령형 핸들.
743
+ * debounce 모드에서 부모가 "현재 value와 같은 값으로 리셋"해야 할 때 사용한다.
744
+ * (props value가 그대로면 동기화 effect가 발화하지 않으므로 prop만으로는 초기화 불가)
745
+ */
746
+ interface SearchInputHandle {
747
+ /**
748
+ * 표시값·pending 커밋·예약된 debounce 타이머를 원자적으로 초기화한다.
749
+ * next 미지정 시 빈 문자열로 비운다. onChange는 호출하지 않는다.
750
+ */
751
+ reset: (next?: string) => void;
752
+ /** 내부 input에 포커스 */
753
+ focus: () => void;
754
+ }
755
+ declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<SearchInputHandle>>;
720
756
 
721
757
  interface SelectOption {
722
758
  value: string;
@@ -753,6 +789,14 @@ interface MultiSelectProps extends SelectBase {
753
789
  onValueChange?: (value: string[]) => void;
754
790
  }
755
791
  type SelectProps = SingleSelectProps | MultiSelectProps;
792
+ /**
793
+ * 단일/다중 선택 셀렉트. multi-select를 위해 radix Select가 아니라 Popover 위에
794
+ * 커스텀 listbox를 렌더한다. 접근성은 WAI-ARIA listbox 패턴으로 직접 구현했다:
795
+ * - 열린 상태에서 listbox에 포커스가 이동하고 `aria-activedescendant`로 활성 옵션을 연결한다.
796
+ * - 키보드: ↑/↓/Home/End 이동, Enter/Space 선택(다중은 토글), Esc 닫힘, 타입어헤드 점프.
797
+ * - 역할: 컨테이너 `role="listbox"`(+다중 시 `aria-multiselectable`), 옵션 `role="option"`+`aria-selected`.
798
+ * 배경·설계 근거: {@link ../../../docs/todo/select-a11y-keyboard-aria.md}
799
+ */
756
800
  declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
757
801
 
758
802
  type SheetSide = 'top' | 'right' | 'bottom' | 'left';
@@ -1023,11 +1067,42 @@ declare function Pagination({ currentPage, totalPages, onPageChange, simple, pre
1023
1067
 
1024
1068
  type SortDirection = 'ASC' | 'DESC' | null;
1025
1069
  interface TableColumn<T> {
1026
- key: string;
1070
+ /**
1071
+ * 컬럼 식별자(antd Table의 dataIndex에 대응).
1072
+ * - T의 실제 필드명은 IDE 자동완성으로 제안된다(Extract<keyof T, string>).
1073
+ * - 파생·가상 컬럼(예: 파일명에서 도출한 '유형')은 임의 문자열도 허용((string & {})).
1074
+ * 실제 값 추출은 sortValue/filterValue/cell의 (row: T)가 담당하므로 key는 식별자일 뿐이다.
1075
+ */
1076
+ key: Extract<keyof T, string> | (string & {});
1027
1077
  header: string;
1028
1078
  sortable?: boolean;
1029
1079
  /** 정렬 기준값 추출. sortable=true 시 필수 */
1030
1080
  sortValue?: (row: T) => string | number;
1081
+ /**
1082
+ * true이면 헤더에 필터 아이콘을 노출하고, 체크박스로 여러 값을 다중 선택해
1083
+ * 해당 컬럼을 필터링할 수 있다. (sortable과 독립적으로 함께 사용 가능)
1084
+ */
1085
+ filterable?: boolean;
1086
+ /**
1087
+ * 필터 기준값 추출. filterable=true 시 필수.
1088
+ * 반환한 문자열이 "선택된 옵션 value"와 일치하는 행만 통과한다.
1089
+ * (sortValue와 독립 — 정렬·필터 기준을 다르게 둘 수 있다)
1090
+ */
1091
+ filterValue?: (row: T) => string;
1092
+ /**
1093
+ * 필터 체크박스 옵션 목록. 미제공 시 data에서 filterValue 고유값을 자동 도출한다.
1094
+ * - label: 체크박스에 표시할 텍스트
1095
+ * - value: filterValue 반환값과 매칭되는 값
1096
+ */
1097
+ filterOptions?: {
1098
+ label: string;
1099
+ value: string;
1100
+ }[];
1101
+ /**
1102
+ * 초기 선택 필터값. 지정 시 첫 렌더부터 이 값들로 필터가 걸린 상태로 시작한다.
1103
+ * (정렬의 defaultSorting과 대칭)
1104
+ */
1105
+ defaultFilter?: string[];
1031
1106
  /** 헤더·셀 text-align. 기본값 "left" */
1032
1107
  align?: 'left' | 'center' | 'right';
1033
1108
  cellClassName?: string;
@@ -1147,6 +1222,12 @@ interface TableProps<T> {
1147
1222
  * 빈 배열(정렬 해제)은 전달되지 않으므로 항상 최소 1개 항목 보장.
1148
1223
  */
1149
1224
  onSortingChange?: (sorting: SortingState) => void;
1225
+ /**
1226
+ * 필터 상태 변경 콜백. 서버사이드 필터 연동에 사용.
1227
+ * 내부 상태는 그대로 유지되며, 변경될 때마다 현재 전체 필터 배열을 전달한다.
1228
+ * (필터 전체 해제 시 빈 배열이 전달된다)
1229
+ */
1230
+ onColumnFiltersChange?: (filters: ColumnFiltersState) => void;
1150
1231
  className?: string;
1151
1232
  /**
1152
1233
  * 설정 시 tbody 영역만 스크롤되고 thead가 상단에 고정됩니다.
@@ -1157,7 +1238,7 @@ interface TableProps<T> {
1157
1238
  declare function SortIcon({ direction }: {
1158
1239
  direction: SortDirection;
1159
1240
  }): react_jsx_runtime.JSX.Element;
1160
- declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, empty, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, isRowDisabled, onSortingChange, className, maxHeight, }: TableProps<T>): react_jsx_runtime.JSX.Element;
1241
+ declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, empty, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, isRowDisabled, onSortingChange, onColumnFiltersChange, className, maxHeight, }: TableProps<T>): react_jsx_runtime.JSX.Element;
1161
1242
 
1162
1243
  declare const TooltipProvider: React$1.FC<Tooltip$1.TooltipProviderProps>;
1163
1244
  interface TooltipSizeProps {
@@ -1188,6 +1269,170 @@ declare function UserMessageBubble({ content }: {
1188
1269
  content: string;
1189
1270
  }): react_jsx_runtime.JSX.Element;
1190
1271
 
1272
+ type PopoverContentProps = React$1.ComponentPropsWithoutRef<typeof Popover$1.Content>;
1273
+ interface PopoverProps extends Pick<React$1.ComponentPropsWithoutRef<typeof Popover$1.Root>, 'open' | 'defaultOpen' | 'onOpenChange'> {
1274
+ /** 팝오버를 여는 트리거 요소 (asChild 로 렌더링) */
1275
+ triggerNode: React$1.ReactNode;
1276
+ /** 팝오버 내부에 표시할 내용 */
1277
+ children: React$1.ReactNode;
1278
+ /** 트리거 상호작용 방식. @default 'click' */
1279
+ trigger?: 'click' | 'hover';
1280
+ /** 트리거 기준 표시 방향. @default 'bottom' */
1281
+ side?: PopoverContentProps['side'];
1282
+ /** 트리거 기준 정렬. @default 'center' */
1283
+ align?: PopoverContentProps['align'];
1284
+ /** 트리거와의 거리(px). @default 8 */
1285
+ sideOffset?: number;
1286
+ /** align 축 오프셋(px). @default 0 */
1287
+ alignOffset?: number;
1288
+ /** 팝오버 컨테이너 추가 클래스(폭·패딩 등 오버라이드) */
1289
+ className?: string;
1290
+ /** 팝오버 컨테이너 인라인 스타일 */
1291
+ style?: React$1.CSSProperties;
1292
+ /** trigger='click' 의 모달 동작(바깥 상호작용 차단). @default false */
1293
+ modal?: boolean;
1294
+ /** trigger='hover' 일 때 열림 지연(ms) */
1295
+ openDelay?: number;
1296
+ /** trigger='hover' 일 때 닫힘 지연(ms) */
1297
+ closeDelay?: number;
1298
+ /** Portal 대상 컨테이너. 미지정 시 document.body */
1299
+ container?: HTMLElement | null;
1300
+ }
1301
+ declare function Popover({ triggerNode, children, trigger, open, defaultOpen, onOpenChange, side, align, sideOffset, alignOffset, className, style, modal, openDelay, closeDelay, container, }: PopoverProps): react_jsx_runtime.JSX.Element;
1302
+
1303
+ /** antd `message`의 success/warning/info/error 를 커버하는 토스트 유형. */
1304
+ type ToastType = 'success' | 'warning' | 'info' | 'error';
1305
+ /**
1306
+ * DS `toast()` 옵션 — sonner 옵션 전부가 아니라 사용처에서 자주 쓰는 것만 노출한다.
1307
+ * (그 외 세부 제어는 `<Toaster />` prop으로 전역 설정)
1308
+ */
1309
+ type ToastOptions = {
1310
+ /** 토스트 유형(아이콘·색). 미지정 시 중립(기본). */
1311
+ type?: ToastType;
1312
+ /** 제목 아래 보조 설명 문구 */
1313
+ description?: React$1.ReactNode;
1314
+ /**
1315
+ * 떠 있는 시간(ms). 미지정 시 `<Toaster />` 기본값(sonner 기본 4000ms).
1316
+ * `Infinity`를 주면 사용자가 닫기 전까지 유지된다.
1317
+ */
1318
+ duration?: number;
1319
+ /** 표시 위치. 미지정 시 `<Toaster />` 기본값(top-center). */
1320
+ position?: ExternalToast['position'];
1321
+ /** 토스트 컨테이너에 추가할 클래스 */
1322
+ className?: string;
1323
+ };
1324
+ type ToastMessage = React$1.ReactNode;
1325
+ /** type을 제외한 옵션 — 편의 메서드/핸들에서 사용(유형은 메서드가 이미 결정). */
1326
+ type ToastMethodOptions = Omit<ToastOptions, 'type'>;
1327
+ declare function baseToast(message: ToastMessage, options?: ToastOptions): string | number;
1328
+ /** `toast.promise` 문구 설정 — 성공/실패 문구는 결과·에러로 만드는 함수도 허용. */
1329
+ type ToastPromiseMessages<T> = {
1330
+ /** 로딩 중 문구 */
1331
+ loading: ToastMessage;
1332
+ /** 성공 시 문구(또는 결과값으로 만드는 함수) */
1333
+ success: ToastMessage | ((data: T) => ToastMessage);
1334
+ /** 실패 시 문구(또는 에러로 만드는 함수) */
1335
+ error: ToastMessage | ((error: unknown) => ToastMessage);
1336
+ /** 보조 설명(선택) */
1337
+ description?: ToastMessage;
1338
+ };
1339
+ /**
1340
+ * Promise(또는 async 함수)의 진행 상태를 로딩→성공/실패 토스트로 자동 전환한다.
1341
+ * 하나의 토스트가 상태에 따라 아이콘/문구만 바뀌므로 외부에서 id를 들고
1342
+ * 수동으로 갱신할 필요가 없다.
1343
+ *
1344
+ * @remarks
1345
+ * react-query와 함께 쓸 때는 **`mutateAsync`를 넘겨야** 로딩 토스트가 보인다.
1346
+ * `mutate`는 `void`를 반환해 Promise가 아니므로 로딩 상태를 추적할 수 없다.
1347
+ * (로딩 없이 콜백으로만 처리하려면 `toast.loading()`이 반환하는 핸들을 참고.)
1348
+ *
1349
+ * @example
1350
+ * // ✅ react-query — mutateAsync 사용 (로딩 O)
1351
+ * const { mutateAsync, isPending } = useMutation({ mutationFn: saveModel });
1352
+ * const onSave = () =>
1353
+ * toast.promise(mutateAsync(payload), {
1354
+ * loading: '저장 중입니다...',
1355
+ * success: (data) => `${data.name} 저장되었습니다`,
1356
+ * error: (e) => `저장 실패: ${String(e)}`,
1357
+ * });
1358
+ * // 버튼 중복 클릭 방지에만 isPending 사용: <Button disabled={isPending} …/>
1359
+ *
1360
+ * @example
1361
+ * // 일반 Promise / async 함수도 동일하게 동작
1362
+ * toast.promise(() => fetch('/api').then((r) => r.json()), {
1363
+ * loading: '불러오는 중...',
1364
+ * success: '완료',
1365
+ * error: '실패',
1366
+ * });
1367
+ */
1368
+ declare function promiseToast<T>(promise: Promise<T> | (() => Promise<T>), messages: ToastPromiseMessages<T>): string | number;
1369
+ /**
1370
+ * 이미 떠 있는 하나의 토스트를 이후 상태로 갱신하는 핸들.
1371
+ * `toast.loading()`이 반환하며, `{ id }`를 옵션으로 넘겨 다시 지정할 필요 없이
1372
+ * 같은 토스트를 성공/실패 등으로 전환한다.
1373
+ */
1374
+ type ToastHandle = {
1375
+ /** 이 토스트의 id (직접 참조가 필요할 때만 사용) */
1376
+ readonly id: string | number;
1377
+ /** 같은 토스트를 성공 상태로 전환 */
1378
+ success: (message: ToastMessage, options?: ToastMethodOptions) => void;
1379
+ /** 같은 토스트를 실패 상태로 전환 */
1380
+ error: (message: ToastMessage, options?: ToastMethodOptions) => void;
1381
+ /** 같은 토스트를 경고 상태로 전환 */
1382
+ warning: (message: ToastMessage, options?: ToastMethodOptions) => void;
1383
+ /** 같은 토스트를 정보 상태로 전환 */
1384
+ info: (message: ToastMessage, options?: ToastMethodOptions) => void;
1385
+ /** 로딩 문구만 갱신 */
1386
+ loading: (message: ToastMessage, options?: ToastMethodOptions) => void;
1387
+ /** 중립(기본) 문구로 갱신 */
1388
+ message: (message: ToastMessage, options?: ToastMethodOptions) => void;
1389
+ /** 이 토스트 닫기 */
1390
+ dismiss: () => void;
1391
+ };
1392
+ /**
1393
+ * 토스트를 띄운다. 사용처의 antd `message.{success|warning|info|error}` 패턴을 대체한다.
1394
+ * 렌더 지점인 `<Toaster />`는 앱 루트에 한 번만 마운트하면 된다(RyaiDsProvider에 포함).
1395
+ *
1396
+ * @example
1397
+ * toast('저장되었습니다'); // 중립(기본)
1398
+ * toast('복사되었습니다', { type: 'success' }); // 유형 지정
1399
+ * toast.success('복사되었습니다'); // antd message 스타일 편의 메서드
1400
+ * toast.error('삭제에 실패했습니다', { description: '잠시 후 다시 시도해 주세요.' });
1401
+ */
1402
+ declare const toast: typeof baseToast & {
1403
+ success: (message: ToastMessage, options?: ToastMethodOptions) => string | number;
1404
+ warning: (message: ToastMessage, options?: ToastMethodOptions) => string | number;
1405
+ info: (message: ToastMessage, options?: ToastMethodOptions) => string | number;
1406
+ error: (message: ToastMessage, options?: ToastMethodOptions) => string | number;
1407
+ /**
1408
+ * 로딩 스피너 토스트를 띄우고, 이후 상태로 전환할 수 있는 핸들을 돌려준다.
1409
+ * `{ id }`를 다시 넘길 필요 없이 핸들 메서드로 같은 토스트를 갱신한다.
1410
+ *
1411
+ * Promise를 받을 수 있으면 `toast.promise`가 더 간단하다. 이 API는 react-query의
1412
+ * `mutate`처럼 Promise가 없는 콜백 방식에서 유용하다.
1413
+ *
1414
+ * @example
1415
+ * // react-query — mutate(콜백) 방식
1416
+ * const t = toast.loading('저장 중입니다...');
1417
+ * mutate(payload, {
1418
+ * onSuccess: () => t.success('저장되었습니다'),
1419
+ * onError: () => t.error('저장 실패'),
1420
+ * });
1421
+ */
1422
+ loading: (message: ToastMessage, options?: ToastMethodOptions) => ToastHandle;
1423
+ /** Promise/async 함수를 받아 로딩→성공/실패로 자동 전환. */
1424
+ promise: typeof promiseToast;
1425
+ /** id로 특정 토스트를 닫는다. 인자 없으면 전체 닫기. */
1426
+ dismiss: (id?: number | string) => string | number;
1427
+ };
1428
+ /**
1429
+ * 토스트 렌더 지점. 앱 루트에 한 번만 마운트한다.
1430
+ * 배경/글자/테두리 색은 팔레트·시맨틱 토큰(CSS 변수)만 사용하고,
1431
+ * 유형별 색상은 아이콘에만 적용한다(Alert 컴포넌트와 동일 원칙).
1432
+ * position 기본값은 antd `message`와 유사한 top-center.
1433
+ */
1434
+ declare function Toaster({ position, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
1435
+
1191
1436
  /**
1192
1437
  * 디자인 시스템 전역 Provider 묶음.
1193
1438
  * layout.tsx (Server Component) 안에서 children을 감싸는 용도.
@@ -1196,6 +1441,7 @@ declare function UserMessageBubble({ content }: {
1196
1441
  * - TooltipProvider: Radix Tooltip 전역 설정
1197
1442
  * · delayDuration — hover → open 지연 시간 (ms)
1198
1443
  * · skipDelayDuration — 빠르게 연속 이동 시 딜레이 스킵 임계치 (ms)
1444
+ * - Toaster: sonner 토스트 렌더 지점(앱 루트 1회 마운트). `toast()`로 호출한다.
1199
1445
  */
1200
1446
  declare function RyaiDsProvider({ children }: {
1201
1447
  children: React.ReactNode;
@@ -1708,4 +1954,4 @@ declare function WordFileIcon({ className }: {
1708
1954
  className?: string;
1709
1955
  }): react_jsx_runtime.JSX.Element;
1710
1956
 
1711
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DatePicker, type DatePickerLocale, type DatePickerMode, type DatePickerProps, type DateRange, DeepSeekIcon, type DisabledDateRule, DownloadIcon, Drawer, type DrawerProps, DriveIcon, DropdownMenu, type DropdownMenuGroupConfig, type DropdownMenuItemConfig, type DropdownMenuProps, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalButtonProps, type ModalProps, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, type PaginationProps, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Progress, type ProgressProps, type ProgressThreshold, RefreshCwIcon, RyaiDsProvider, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, type SheetProps, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, type TabItem, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tabs, type TabsProps, Toggle, ToggleGroup, type ToggleGroupItemData, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, type TooltipSizeProps, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants, toggleBaseClasses, toggleSizeClasses };
1957
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DatePicker, type DatePickerLocale, type DatePickerMode, type DatePickerProps, type DateRange, DeepSeekIcon, type DisabledDateRule, DownloadIcon, Drawer, type DrawerProps, DriveIcon, DropdownMenu, type DropdownMenuGroupConfig, type DropdownMenuItemConfig, type DropdownMenuProps, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalButtonProps, type ModalProps, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, type PaginationProps, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, Popover, type PopoverProps, PresentationIcon, Progress, type ProgressProps, type ProgressThreshold, RefreshCwIcon, RyaiDsProvider, RyaiLogoIcon, SearchInput, type SearchInputHandle, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, type SheetProps, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, type TabItem, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tabs, type TabsProps, type ToastHandle, type ToastOptions, type ToastPromiseMessages, type ToastType, Toaster, Toggle, ToggleGroup, type ToggleGroupItemData, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, type TooltipSizeProps, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants, toast, toggleBaseClasses, toggleSizeClasses };