@aivex/ui 1.1.0-dev.16 → 1.1.0-dev.18

package/dist/components/BreadCrumb/BreadCrumb.d.ts

@@ -1,19 +1,25 @@
-import type { AnchorHTMLAttributes, HTMLAttributes, Ref } from "react";
-export interface BreadCrumbItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    label: string;
-    href?: string;
-    current?: boolean;
-    ref?: Ref<HTMLAnchorElement>;
-}
-declare function BreadCrumbItem({ className, label, href, current, ref, ...props }: BreadCrumbItemProps): import("react/jsx-runtime").JSX.Element;
+import type { ElementType, HTMLAttributes, ReactNode, Ref } from "react";
 export interface BreadCrumbItemDef {
-    label: string;
+    label: ReactNode;
+    /**
+     * 렌더링할 컴포넌트를 직접 지정합니다.
+     * 예: Next.js `Link`, React Router `NavLink` 등
+     * 지정하지 않으면 href 유무에 따라 <a> 또는 <button>으로 자동 선택됩니다.
+     */
+    as?: ElementType;
+    /** 있으면 <a href> 로 렌더링 (시맨틱 / 새 탭 열기 지원) */
     href?: string;
-    current?: boolean;
+    /** 클릭 핸들러 (SPA 라우팅 등) */
+    onClick?: () => void;
 }
 export interface BreadCrumbProps extends HTMLAttributes<HTMLElement> {
     items: BreadCrumbItemDef[];
+    /**
+     * 이 값을 초과하면 중간 항목을 ··· 으로 축소합니다.
+     * 예: maxItems=3이고 항목이 5개면 → 첫번째 / ··· / 마지막
+     */
+    maxItems?: number;
     ref?: Ref<HTMLElement>;
 }
-declare function BreadCrumb({ className, items, ref, ...props }: BreadCrumbProps): import("react/jsx-runtime").JSX.Element;
-export { BreadCrumb, BreadCrumbItem };
+declare function BreadCrumb({ className, items, maxItems, ref, ...props }: BreadCrumbProps): import("react/jsx-runtime").JSX.Element;
+export { BreadCrumb };

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

@@ -1,2 +1,2 @@
-export type { BreadCrumbItemDef, BreadCrumbItemProps, BreadCrumbProps } from "./BreadCrumb";
-export { BreadCrumb, BreadCrumbItem } from "./BreadCrumb";
+export type { BreadCrumbItemDef, BreadCrumbProps } from "./BreadCrumb";
+export { BreadCrumb } from "./BreadCrumb";

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

@@ -1,11 +1,19 @@
-import { type HTMLAttributes, type Ref } from "react";
+import type { HTMLAttributes, Ref } from "react";
 export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, "onChange"> {
     total: number;
-    page?: number;
-    defaultPage?: number;
-    pageSize?: number;
+    page: number;
+    pageSize: number;
+    /**
+     * 페이지 사이즈 셀렉터 옵션.
+     * @example [{ value: 10, label: "10 each" }, { value: 50, label: "50 each" }]
+     */
+    pageSizeOptions: Array<{
+        value: number;
+        label: string;
+    }>;
     onChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
     ref?: Ref<HTMLElement>;
 }
-declare function Pagination({ className, total, page, defaultPage, pageSize, onChange, ref, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+declare function Pagination({ className, total, page, pageSize, pageSizeOptions, onChange, onPageSizeChange, ref, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
 export { Pagination };

package/dist/components/Segmented/Segmented.d.ts

@@ -1,13 +1,13 @@
 import type { ToggleGroupItemProps, ToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
 import { type ReactNode, type RefAttributes } from "react";
-type SegmentedSize = "sm" | "md" | "lg";
+type SegmentedSize = "sm" | "md" | "lg" | "icon-sm" | "icon-md" | "icon-lg";
 export interface SegmentedRootProps extends Omit<ToggleGroupSingleProps, "onValueChange" | "type">, RefAttributes<HTMLDivElement> {
     size?: SegmentedSize;
     onValueChange?: (value: string) => void;
-    iconOnly?: boolean;
+    fullWidth?: boolean;
     children?: ReactNode;
 }
-declare function SegmentedRoot({ className, size, value, defaultValue, onValueChange, iconOnly, children, ref, ...props }: SegmentedRootProps): import("react/jsx-runtime").JSX.Element;
+declare function SegmentedRoot({ className, size, value, defaultValue, onValueChange, fullWidth, children, ref, ...props }: SegmentedRootProps): import("react/jsx-runtime").JSX.Element;
 export interface SegmentedItemProps extends ToggleGroupItemProps, RefAttributes<HTMLButtonElement> {
     children?: ReactNode;
 }