@exem-ui/react 0.1.0

package/README.md

@@ -0,0 +1,40 @@
+> [프로젝트 홈](../../README.md) / [패키지 목록](../README.md) / @exem-ui/react
+
+<p align="center">
+  <img src="../../assets/webp/exem-design-system-banner.webp" alt="EXEM Design System" width="100%" />
+</p>
+
+# @exem-ui/react
+
+EXEM 디자인 시스템을 위한 핵심 React UI 컴포넌트 라이브러리입니다.
+
+## Features
+
+- **Radix UI 기반**: 접근성이 보장된 고품질 컴포넌트 제공
+- **Tailwind CSS**: 유연한 스타일링 및 커스터마이징 지원
+- **Type Safe**: TypeScript 기반의 완벽한 타입 지원
+
+## Installation
+
+```bash
+pnpm add @exem-ui/react
+```
+
+## Usage
+
+```tsx
+import { Button } from '@exem-ui/react';
+
+function App() {
+  return <Button>Click me</Button>;
+}
+```
+
+## Requirements
+
+- **React**: >= 19.0.0
+- **Node.js**: >= 18
+
+## License
+
+Apache-2.0 | Copyright 2025 EXEM Corporation

package/dist/Button-CMenVfb7.d.mts

@@ -0,0 +1,35 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import React__default from 'react';
+
+type ButtonColorVariantCombination = {
+    color?: 'primary';
+    variant?: 'contained' | 'outlined' | 'invisible';
+} | {
+    color?: 'accent';
+    variant?: 'contained' | 'outlined' | 'invisible';
+} | {
+    color?: 'critical';
+    variant?: 'contained' | 'outlined' | 'invisible';
+} | {
+    color?: 'assistive';
+    variant?: 'contained';
+} | {
+    color?: 'inverse';
+    variant?: 'contained';
+};
+type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<typeof buttonVariants>, 'variant' | 'color'> & ButtonColorVariantCombination & {
+    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    icon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+};
+type ButtonComponent = React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const buttonVariants: (props?: ({
+    color?: "accent" | "primary" | "critical" | "assistive" | "inverse" | null | undefined;
+    size?: "small" | "xsmall" | "medium" | "large" | "xlarge" | null | undefined;
+    variant?: "contained" | "outlined" | "invisible" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Button: ButtonComponent;
+
+export { Button as B, type ButtonComponent as a, type ButtonProps as b };

package/dist/Button-CMenVfb7.d.ts

@@ -0,0 +1,35 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import React__default from 'react';
+
+type ButtonColorVariantCombination = {
+    color?: 'primary';
+    variant?: 'contained' | 'outlined' | 'invisible';
+} | {
+    color?: 'accent';
+    variant?: 'contained' | 'outlined' | 'invisible';
+} | {
+    color?: 'critical';
+    variant?: 'contained' | 'outlined' | 'invisible';
+} | {
+    color?: 'assistive';
+    variant?: 'contained';
+} | {
+    color?: 'inverse';
+    variant?: 'contained';
+};
+type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<typeof buttonVariants>, 'variant' | 'color'> & ButtonColorVariantCombination & {
+    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    icon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+};
+type ButtonComponent = React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const buttonVariants: (props?: ({
+    color?: "accent" | "primary" | "critical" | "assistive" | "inverse" | null | undefined;
+    size?: "small" | "xsmall" | "medium" | "large" | "xlarge" | null | undefined;
+    variant?: "contained" | "outlined" | "invisible" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Button: ButtonComponent;
+
+export { Button as B, type ButtonComponent as a, type ButtonProps as b };

package/dist/Select-DMvWV_rF.d.mts

@@ -0,0 +1,94 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React$1 from 'react';
+
+type Size = 'xsmall' | 'small' | 'medium' | 'large';
+type Variant = 'fill' | 'line';
+type Icon = React.ReactElement<{
+    className?: string;
+}>;
+
+/** Select 라벨 Props */
+type SelectLabelProps = {
+    children: React$1.ReactNode;
+    required?: boolean;
+    size?: Size;
+    className?: string;
+};
+/** Select 트리거 Props */
+type SelectTriggerProps = {
+    children?: React$1.ReactNode;
+    /** 트리거 왼쪽에 표시할 아이콘 */
+    leftIcon?: Icon;
+    className?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;
+/** Select Box (Trigger + Value 조합) Props */
+type SelectBoxProps = {
+    placeholder?: string;
+    /** 트리거 왼쪽에 표시할 아이콘 */
+    leftIcon?: Icon;
+    className?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;
+/** Select 아이템 Props */
+type SelectItemProps = {
+    children?: React$1.ReactNode;
+    /** 아이템 왼쪽에 표시할 아이콘 */
+    leftIcon?: Icon;
+    /** 아이템 오른쪽에 표시할 아이콘 */
+    rightIcon?: Icon;
+    /** 왼쪽 아이콘 크기 */
+    leftIconSize?: Size;
+    /** 오른쪽 아이콘 크기 */
+    rightIconSize?: Size;
+    size?: Size;
+    className?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>, 'children'>;
+type SelectEmptyProps = {
+    children?: React$1.ReactNode;
+    className?: string;
+};
+type SelectDescriptionProps = {
+    children?: React$1.ReactNode;
+    size?: Size;
+    className?: string;
+};
+type SelectGroupProps = {
+    children: React$1.ReactNode;
+    size?: Size;
+    /** 셀렉트 그룹 스타일 변형 */
+    variant?: Variant;
+    /** 불투명 배경 (elevation-0) 사용 여부. 반투명 배경이 비쳐보이는 것을 방지합니다. */
+    hasBackground?: boolean;
+    className?: string;
+};
+/** Select 루트 Props */
+type SelectRootProps = {
+    children?: React$1.ReactNode;
+    /** 셀렉트 크기 */
+    size?: Size;
+    /** 셀렉트 스타일 변형 */
+    variant?: Variant;
+    /** 에러 상태 */
+    error?: boolean;
+    /** 포커스 상태 (line variant에서만 적용) */
+    focus?: boolean;
+    /** 활성화 상태 (필터 적용 등 내부 상태가 활성화됨을 표시) */
+    active?: boolean;
+    /** 비활성화 상태 */
+    disabled?: boolean;
+    className?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'disabled' | 'children'>;
+type SelectListProps = Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>, 'position'>;
+type SelectComponent = React$1.ForwardRefExoticComponent<SelectRootProps & React$1.RefAttributes<HTMLDivElement>> & {
+    Label: React$1.ForwardRefExoticComponent<SelectLabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+    Trigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Trigger>>>;
+    Box: React$1.ForwardRefExoticComponent<SelectBoxProps & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Trigger>>>;
+    Value: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Value> & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Value>>>;
+    List: React$1.ForwardRefExoticComponent<SelectListProps & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Content>>>;
+    Item: React$1.ForwardRefExoticComponent<SelectItemProps & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Item>>>;
+    Empty: React$1.ForwardRefExoticComponent<SelectEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
+    Description: React$1.ForwardRefExoticComponent<SelectDescriptionProps & React$1.RefAttributes<HTMLDivElement>>;
+    Group: React$1.ForwardRefExoticComponent<SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+declare const Select: SelectComponent;
+
+export { type Icon as I, Select as S, type Variant as V, type SelectBoxProps as a, type SelectComponent as b, type SelectDescriptionProps as c, type SelectEmptyProps as d, type SelectGroupProps as e, type SelectItemProps as f, type SelectLabelProps as g, type SelectListProps as h, type SelectRootProps as i, type SelectTriggerProps as j, type Size as k };

package/dist/Select-DMvWV_rF.d.ts

@@ -0,0 +1,94 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React$1 from 'react';
+
+type Size = 'xsmall' | 'small' | 'medium' | 'large';
+type Variant = 'fill' | 'line';
+type Icon = React.ReactElement<{
+    className?: string;
+}>;
+
+/** Select 라벨 Props */
+type SelectLabelProps = {
+    children: React$1.ReactNode;
+    required?: boolean;
+    size?: Size;
+    className?: string;
+};
+/** Select 트리거 Props */
+type SelectTriggerProps = {
+    children?: React$1.ReactNode;
+    /** 트리거 왼쪽에 표시할 아이콘 */
+    leftIcon?: Icon;
+    className?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;
+/** Select Box (Trigger + Value 조합) Props */
+type SelectBoxProps = {
+    placeholder?: string;
+    /** 트리거 왼쪽에 표시할 아이콘 */
+    leftIcon?: Icon;
+    className?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;
+/** Select 아이템 Props */
+type SelectItemProps = {
+    children?: React$1.ReactNode;
+    /** 아이템 왼쪽에 표시할 아이콘 */
+    leftIcon?: Icon;
+    /** 아이템 오른쪽에 표시할 아이콘 */
+    rightIcon?: Icon;
+    /** 왼쪽 아이콘 크기 */
+    leftIconSize?: Size;
+    /** 오른쪽 아이콘 크기 */
+    rightIconSize?: Size;
+    size?: Size;
+    className?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>, 'children'>;
+type SelectEmptyProps = {
+    children?: React$1.ReactNode;
+    className?: string;
+};
+type SelectDescriptionProps = {
+    children?: React$1.ReactNode;
+    size?: Size;
+    className?: string;
+};
+type SelectGroupProps = {
+    children: React$1.ReactNode;
+    size?: Size;
+    /** 셀렉트 그룹 스타일 변형 */
+    variant?: Variant;
+    /** 불투명 배경 (elevation-0) 사용 여부. 반투명 배경이 비쳐보이는 것을 방지합니다. */
+    hasBackground?: boolean;
+    className?: string;
+};
+/** Select 루트 Props */
+type SelectRootProps = {
+    children?: React$1.ReactNode;
+    /** 셀렉트 크기 */
+    size?: Size;
+    /** 셀렉트 스타일 변형 */
+    variant?: Variant;
+    /** 에러 상태 */
+    error?: boolean;
+    /** 포커스 상태 (line variant에서만 적용) */
+    focus?: boolean;
+    /** 활성화 상태 (필터 적용 등 내부 상태가 활성화됨을 표시) */
+    active?: boolean;
+    /** 비활성화 상태 */
+    disabled?: boolean;
+    className?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'disabled' | 'children'>;
+type SelectListProps = Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>, 'position'>;
+type SelectComponent = React$1.ForwardRefExoticComponent<SelectRootProps & React$1.RefAttributes<HTMLDivElement>> & {
+    Label: React$1.ForwardRefExoticComponent<SelectLabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+    Trigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Trigger>>>;
+    Box: React$1.ForwardRefExoticComponent<SelectBoxProps & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Trigger>>>;
+    Value: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Value> & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Value>>>;
+    List: React$1.ForwardRefExoticComponent<SelectListProps & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Content>>>;
+    Item: React$1.ForwardRefExoticComponent<SelectItemProps & React$1.RefAttributes<React$1.ComponentRef<typeof SelectPrimitive.Item>>>;
+    Empty: React$1.ForwardRefExoticComponent<SelectEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
+    Description: React$1.ForwardRefExoticComponent<SelectDescriptionProps & React$1.RefAttributes<HTMLDivElement>>;
+    Group: React$1.ForwardRefExoticComponent<SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+declare const Select: SelectComponent;
+
+export { type Icon as I, Select as S, type Variant as V, type SelectBoxProps as a, type SelectComponent as b, type SelectDescriptionProps as c, type SelectEmptyProps as d, type SelectGroupProps as e, type SelectItemProps as f, type SelectLabelProps as g, type SelectListProps as h, type SelectRootProps as i, type SelectTriggerProps as j, type Size as k };

package/dist/avatar/index.d.mts

@@ -0,0 +1,37 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import React__default from 'react';
+
+interface AvatarProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
+    /** 사용자 이름. 이미지가 없을 때 이니셜 폴백에 사용됩니다. */
+    name?: string;
+    /** 아바타 이미지 URL */
+    src?: string;
+    /** 이미지 대체 텍스트 */
+    alt?: string;
+}
+type AvatarComponent = React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const avatarVariants: (props?: ({
+    size?: "small" | "xsmall" | "medium" | "large" | null | undefined;
+    type?: "image" | "initial" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * 사용자 아바타를 표시하는 컴포넌트입니다. 이니셜, 이미지, 아이콘 폴백을 지원합니다.
+ *
+ * @example
+ * ```tsx
+ * // 이니셜 표시
+ * <Avatar name="홍길동" size="large" />
+ *
+ * // 이미지 표시
+ * <Avatar type="image" src="/avatar.png" name="홍길동" />
+ *
+ * // 이미지 없을 때 아이콘 폴백
+ * <Avatar type="image" name="홍길동" />
+ * ```
+ *
+ * @see {@link AvatarProps} props 상세
+ */
+declare const Avatar: AvatarComponent;
+
+export { Avatar, type AvatarComponent, type AvatarProps };

package/dist/avatar/index.d.ts

@@ -0,0 +1,37 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import React__default from 'react';
+
+interface AvatarProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
+    /** 사용자 이름. 이미지가 없을 때 이니셜 폴백에 사용됩니다. */
+    name?: string;
+    /** 아바타 이미지 URL */
+    src?: string;
+    /** 이미지 대체 텍스트 */
+    alt?: string;
+}
+type AvatarComponent = React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const avatarVariants: (props?: ({
+    size?: "small" | "xsmall" | "medium" | "large" | null | undefined;
+    type?: "image" | "initial" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * 사용자 아바타를 표시하는 컴포넌트입니다. 이니셜, 이미지, 아이콘 폴백을 지원합니다.
+ *
+ * @example
+ * ```tsx
+ * // 이니셜 표시
+ * <Avatar name="홍길동" size="large" />
+ *
+ * // 이미지 표시
+ * <Avatar type="image" src="/avatar.png" name="홍길동" />
+ *
+ * // 이미지 없을 때 아이콘 폴백
+ * <Avatar type="image" name="홍길동" />
+ * ```
+ *
+ * @see {@link AvatarProps} props 상세
+ */
+declare const Avatar: AvatarComponent;
+
+export { Avatar, type AvatarComponent, type AvatarProps };

package/dist/avatar/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkJ5ZYQ3TP_js = require('../chunk-J5ZYQ3TP.js');
+require('../chunk-5M47B2XJ.js');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkJ5ZYQ3TP_js.Avatar; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/avatar/index.mjs

@@ -0,0 +1,4 @@
+export { Avatar } from '../chunk-VCMZQOQM.mjs';
+import '../chunk-LZWKMQJL.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/badge/index.d.mts

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 배지 스타일 변형
+     * @default 'default'
+     */
+    variant?: 'default' | 'accent';
+    /**
+     * 비활성화 상태
+     * @default false
+     */
+    disabled?: boolean;
+}
+type BadgeComponent = React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * 상태나 카운트를 표시하는 배지 컴포넌트입니다.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="accent">3</Badge>
+ * <Badge variant="default" disabled>0</Badge>
+ * ```
+ *
+ * @see {@link BadgeProps} props 상세
+ */
+declare const Badge: BadgeComponent;
+
+export { Badge, type BadgeComponent, type BadgeProps };

package/dist/badge/index.d.ts

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 배지 스타일 변형
+     * @default 'default'
+     */
+    variant?: 'default' | 'accent';
+    /**
+     * 비활성화 상태
+     * @default false
+     */
+    disabled?: boolean;
+}
+type BadgeComponent = React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * 상태나 카운트를 표시하는 배지 컴포넌트입니다.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="accent">3</Badge>
+ * <Badge variant="default" disabled>0</Badge>
+ * ```
+ *
+ * @see {@link BadgeProps} props 상세
+ */
+declare const Badge: BadgeComponent;
+
+export { Badge, type BadgeComponent, type BadgeProps };

package/dist/badge/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunk5TES5PG6_js = require('../chunk-5TES5PG6.js');
+
+
+
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunk5TES5PG6_js.Badge; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/badge/index.mjs

@@ -0,0 +1,3 @@
+export { Badge } from '../chunk-KPAUBWZA.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/badge/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/breadcrumb/index.d.mts

@@ -0,0 +1,43 @@
+import React__default from 'react';
+
+type BreadcrumbRootProps = React__default.ComponentPropsWithoutRef<'nav'>;
+type BreadcrumbListProps = React__default.ComponentPropsWithoutRef<'ol'>;
+type BreadcrumbItemProps = React__default.ComponentPropsWithoutRef<'li'>;
+type BreadcrumbLinkProps = React__default.ComponentPropsWithoutRef<'a'> & {
+    asChild?: boolean;
+};
+type BreadcrumbPageProps = React__default.ComponentPropsWithoutRef<'span'>;
+type BreadcrumbSeparatorProps = React__default.ComponentProps<'li'>;
+type BreadcrumbEllipsisProps = React__default.ComponentProps<'span'>;
+type BreadcrumbComponent = React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbRootProps> & React__default.RefAttributes<HTMLElement>> & {
+    List: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbListProps> & React__default.RefAttributes<HTMLOListElement>>;
+    Item: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbItemProps> & React__default.RefAttributes<HTMLLIElement>>;
+    Link: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbLinkProps> & React__default.RefAttributes<HTMLAnchorElement>>;
+    Page: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbPageProps> & React__default.RefAttributes<HTMLSpanElement>>;
+    Separator: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbSeparatorProps> & React__default.RefAttributes<HTMLLIElement>>;
+    Ellipsis: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbEllipsisProps> & React__default.RefAttributes<HTMLSpanElement>>;
+};
+/**
+ * 현재 페이지의 계층 위치를 표시하는 탐색 경로 컴포넌트입니다.
+ * Compound Component 패턴으로 하위 컴포넌트와 함께 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb>
+ *   <Breadcrumb.List>
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Link href="/">홈</Breadcrumb.Link>
+ *     </Breadcrumb.Item>
+ *     <Breadcrumb.Separator />
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Page>현재 페이지</Breadcrumb.Page>
+ *     </Breadcrumb.Item>
+ *   </Breadcrumb.List>
+ * </Breadcrumb>
+ * ```
+ *
+ * @see {@link BreadcrumbRootProps} props 상세
+ */
+declare const Breadcrumb: BreadcrumbComponent;
+
+export { Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps };

package/dist/breadcrumb/index.d.ts

@@ -0,0 +1,43 @@
+import React__default from 'react';
+
+type BreadcrumbRootProps = React__default.ComponentPropsWithoutRef<'nav'>;
+type BreadcrumbListProps = React__default.ComponentPropsWithoutRef<'ol'>;
+type BreadcrumbItemProps = React__default.ComponentPropsWithoutRef<'li'>;
+type BreadcrumbLinkProps = React__default.ComponentPropsWithoutRef<'a'> & {
+    asChild?: boolean;
+};
+type BreadcrumbPageProps = React__default.ComponentPropsWithoutRef<'span'>;
+type BreadcrumbSeparatorProps = React__default.ComponentProps<'li'>;
+type BreadcrumbEllipsisProps = React__default.ComponentProps<'span'>;
+type BreadcrumbComponent = React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbRootProps> & React__default.RefAttributes<HTMLElement>> & {
+    List: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbListProps> & React__default.RefAttributes<HTMLOListElement>>;
+    Item: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbItemProps> & React__default.RefAttributes<HTMLLIElement>>;
+    Link: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbLinkProps> & React__default.RefAttributes<HTMLAnchorElement>>;
+    Page: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbPageProps> & React__default.RefAttributes<HTMLSpanElement>>;
+    Separator: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbSeparatorProps> & React__default.RefAttributes<HTMLLIElement>>;
+    Ellipsis: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<BreadcrumbEllipsisProps> & React__default.RefAttributes<HTMLSpanElement>>;
+};
+/**
+ * 현재 페이지의 계층 위치를 표시하는 탐색 경로 컴포넌트입니다.
+ * Compound Component 패턴으로 하위 컴포넌트와 함께 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb>
+ *   <Breadcrumb.List>
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Link href="/">홈</Breadcrumb.Link>
+ *     </Breadcrumb.Item>
+ *     <Breadcrumb.Separator />
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Page>현재 페이지</Breadcrumb.Page>
+ *     </Breadcrumb.Item>
+ *   </Breadcrumb.List>
+ * </Breadcrumb>
+ * ```
+ *
+ * @see {@link BreadcrumbRootProps} props 상세
+ */
+declare const Breadcrumb: BreadcrumbComponent;
+
+export { Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps };

package/dist/breadcrumb/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkECRQD7UU_js = require('../chunk-ECRQD7UU.js');
+require('../chunk-5M47B2XJ.js');
+
+
+
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function () { return chunkECRQD7UU_js.Breadcrumb; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/breadcrumb/index.mjs

@@ -0,0 +1,4 @@
+export { Breadcrumb } from '../chunk-PPD4BU4W.mjs';
+import '../chunk-LZWKMQJL.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/breadcrumb/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/button/index.d.mts

@@ -0,0 +1,9 @@
+export { B as Button, a as ButtonComponent, b as ButtonProps } from '../Button-CMenVfb7.mjs';
+export { B as ButtonGroup, a as ButtonGroupComponent, c as ButtonGroupProps, I as IconButton, d as IconButtonComponent, e as IconButtonProps } from '../index-CXip5Wb1.mjs';
+import 'class-variance-authority/types';
+import '@exem-ui/core/utils';
+import 'react';
+import '../flat/tooltip.mjs';
+import 'react/jsx-runtime';
+import '../tooltip/index.mjs';
+import '@radix-ui/react-tooltip';

package/dist/button/index.d.ts

@@ -0,0 +1,9 @@
+export { B as Button, a as ButtonComponent, b as ButtonProps } from '../Button-CMenVfb7.js';
+export { B as ButtonGroup, a as ButtonGroupComponent, c as ButtonGroupProps, I as IconButton, d as IconButtonComponent, e as IconButtonProps } from '../index-Drz3P-6Y.js';
+import 'class-variance-authority/types';
+import '@exem-ui/core/utils';
+import 'react';
+import '../flat/tooltip.js';
+import 'react/jsx-runtime';
+import '../tooltip/index.js';
+import '@radix-ui/react-tooltip';