@exem-ui/react 0.1.0

package/dist/tag/index.d.mts

@@ -0,0 +1,68 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import React__default from 'react';
+
+type TagColor = VariantProps<typeof tagVariants>['color'];
+interface TagProps extends Pick<React__default.HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'style'>, VariantProps<typeof tagVariants> {
+    /** 텍스트 왼쪽에 표시할 아이콘 */
+    leftIcon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+    /**
+     * 삭제 아이콘 표시 여부
+     * @default false
+     */
+    canDelete?: boolean;
+    /** 삭제 버튼 클릭 핸들러 */
+    onDelete?: () => void;
+    /** 텍스트 오른쪽에 표시할 슬롯 요소 */
+    rightSlot?: React__default.ReactNode;
+}
+type TagComponent = React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
+interface DoubleTagProps {
+    /** 표시할 태그 항목 배열 (각 항목은 color와 content를 가짐) */
+    items: {
+        color: TagColor;
+        content: React__default.ReactNode;
+    }[];
+    className?: string;
+}
+declare const tagVariants: (props?: ({
+    color?: "mono" | "sky" | "red" | "amber" | "green" | "orange" | "cyan" | "violet" | "pink" | "yellow" | "lime" | "emerald" | "teal" | "blue" | "indigo" | "purple" | "fuchsia" | "rose" | null | undefined;
+    type?: "fill" | "line" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * 카테고리나 상태를 나타내는 라벨 컴포넌트입니다.
+ * 18가지 색상과 `fill`/`line` 타입을 지원합니다.
+ *
+ * @example
+ * ```tsx
+ * <Tag color="sky">라벨</Tag>
+ * <Tag color="red" type="line">경고</Tag>
+ * <Tag color="green" canDelete onDelete={handleDelete}>삭제 가능</Tag>
+ * <Tag color="blue" leftIcon={<StarIcon type="regular" />}>아이콘 태그</Tag>
+ * <Tag color="blue" rightSlot={<Icon />}>커스텀 슬롯</Tag>
+ * ```
+ *
+ * @see {@link TagProps} props 상세
+ */
+declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * 두 개의 태그를 나란히 연결하여 키-값 쌍을 표시하는 컴포넌트입니다.
+ * 각 태그는 `line` 타입으로 렌더링되며, 사이에 구분선이 표시됩니다.
+ *
+ * @example
+ * ```tsx
+ * <DoubleTag
+ *   items={[
+ *     { color: 'blue', content: '카테고리' },
+ *     { color: 'red', content: '긴급' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see {@link DoubleTagProps} props 상세
+ */
+declare const DoubleTag: React__default.ForwardRefExoticComponent<DoubleTagProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { DoubleTag, type DoubleTagProps, Tag, type TagColor, type TagComponent, type TagProps };

package/dist/tag/index.d.ts

@@ -0,0 +1,68 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import React__default from 'react';
+
+type TagColor = VariantProps<typeof tagVariants>['color'];
+interface TagProps extends Pick<React__default.HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'style'>, VariantProps<typeof tagVariants> {
+    /** 텍스트 왼쪽에 표시할 아이콘 */
+    leftIcon?: React__default.ReactElement<{
+        className?: string;
+    }>;
+    /**
+     * 삭제 아이콘 표시 여부
+     * @default false
+     */
+    canDelete?: boolean;
+    /** 삭제 버튼 클릭 핸들러 */
+    onDelete?: () => void;
+    /** 텍스트 오른쪽에 표시할 슬롯 요소 */
+    rightSlot?: React__default.ReactNode;
+}
+type TagComponent = React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
+interface DoubleTagProps {
+    /** 표시할 태그 항목 배열 (각 항목은 color와 content를 가짐) */
+    items: {
+        color: TagColor;
+        content: React__default.ReactNode;
+    }[];
+    className?: string;
+}
+declare const tagVariants: (props?: ({
+    color?: "mono" | "sky" | "red" | "amber" | "green" | "orange" | "cyan" | "violet" | "pink" | "yellow" | "lime" | "emerald" | "teal" | "blue" | "indigo" | "purple" | "fuchsia" | "rose" | null | undefined;
+    type?: "fill" | "line" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * 카테고리나 상태를 나타내는 라벨 컴포넌트입니다.
+ * 18가지 색상과 `fill`/`line` 타입을 지원합니다.
+ *
+ * @example
+ * ```tsx
+ * <Tag color="sky">라벨</Tag>
+ * <Tag color="red" type="line">경고</Tag>
+ * <Tag color="green" canDelete onDelete={handleDelete}>삭제 가능</Tag>
+ * <Tag color="blue" leftIcon={<StarIcon type="regular" />}>아이콘 태그</Tag>
+ * <Tag color="blue" rightSlot={<Icon />}>커스텀 슬롯</Tag>
+ * ```
+ *
+ * @see {@link TagProps} props 상세
+ */
+declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * 두 개의 태그를 나란히 연결하여 키-값 쌍을 표시하는 컴포넌트입니다.
+ * 각 태그는 `line` 타입으로 렌더링되며, 사이에 구분선이 표시됩니다.
+ *
+ * @example
+ * ```tsx
+ * <DoubleTag
+ *   items={[
+ *     { color: 'blue', content: '카테고리' },
+ *     { color: 'red', content: '긴급' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see {@link DoubleTagProps} props 상세
+ */
+declare const DoubleTag: React__default.ForwardRefExoticComponent<DoubleTagProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { DoubleTag, type DoubleTagProps, Tag, type TagColor, type TagComponent, type TagProps };

package/dist/tag/index.js

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

package/dist/tag/index.js.map

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

package/dist/tag/index.mjs

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

package/dist/tag/index.mjs.map

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

package/dist/toast/index.d.mts

@@ -0,0 +1,175 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
+
+type ToasterRootProps = React$1.ComponentProps<typeof Toaster$1>;
+type ToasterContainerProps = {
+    children: React$1.ReactNode;
+} & React$1.HTMLAttributes<HTMLDivElement>;
+type ToasterIconProps = {
+    children: React$1.ReactNode;
+} & React$1.HTMLAttributes<HTMLDivElement>;
+type ToasterTitleProps = {
+    children: React$1.ReactNode;
+} & React$1.HTMLAttributes<HTMLDivElement>;
+type ToasterDescriptionProps = {
+    children: React$1.ReactNode;
+} & React$1.HTMLAttributes<HTMLDivElement>;
+type ToasterActionProps = {
+    children?: React$1.ReactNode;
+    altText?: string;
+} & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
+type ToasterComponent = React$1.FC<ToasterRootProps> & {
+    Container: React$1.ForwardRefExoticComponent<ToasterContainerProps & React$1.RefAttributes<HTMLDivElement>>;
+    Icon: React$1.ForwardRefExoticComponent<ToasterIconProps & React$1.RefAttributes<HTMLDivElement>>;
+    Title: React$1.ForwardRefExoticComponent<ToasterTitleProps & React$1.RefAttributes<HTMLDivElement>>;
+    Description: React$1.ForwardRefExoticComponent<ToasterDescriptionProps & React$1.RefAttributes<HTMLDivElement>>;
+    Action: React$1.ForwardRefExoticComponent<ToasterActionProps & React$1.RefAttributes<HTMLButtonElement>>;
+};
+declare const Toaster: ToasterComponent;
+
+interface ToastProviderProps {
+    children?: React__default.ReactNode;
+    /**
+     * 호버 시 토스트 확장
+     * @default true
+     */
+    expand?: boolean;
+    /**
+     * Rich colors 스타일 적용
+     * @default false
+     */
+    richColors?: boolean;
+    /**
+     * Provider 레벨 닫기 버튼
+     * @default false
+     */
+    closeButton?: boolean;
+    /**
+     * 토스트가 표시될 위치
+     * @default 'top-center'
+     */
+    position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    /**
+     * 토스트 표시 시간 (ms)
+     * @default 4000
+     */
+    duration?: number;
+    /**
+     * 토스트 최대 개수
+     * @default 10
+     */
+    visibleToasts?: number;
+    /**
+     * 추가 Toaster props
+     */
+    toasterProps?: Omit<ToasterRootProps, 'children' | 'expand' | 'richColors' | 'closeButton'>;
+}
+declare const ToastProvider: React__default.FC<ToastProviderProps>;
+
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+interface ToastOptions {
+    title: string;
+    description?: string;
+    action?: ToastAction;
+    close?: boolean;
+}
+interface ExtendedExternalToast extends ExternalToast {
+    description?: string;
+    action?: ToastAction;
+    close?: boolean;
+}
+type ToastInput = string | ToastOptions;
+/**
+ * toast() — 커스텀 디자인이 적용된 toast 함수
+ *
+ * sonner의 toast를 래핑하여 프로젝트의 디자인 시스템을 자동으로 적용합니다.
+ *
+ * @example
+ * ```tsx
+ * import { toast } from '@exem-ui/react';
+ *
+ * // 간단한 메시지
+ * toast('기본 메시지');
+ * toast.success('성공');
+ * toast.error('오류');
+ * toast.info('정보');
+ * toast.warning('경고');
+ *
+ * // title + description + action
+ * toast.success({
+ *   title: '저장 완료',
+ *   description: '변경사항이 저장되었습니다.',
+ *   action: { label: '되돌리기', onClick: () => handleUndo() },
+ * });
+ *
+ * // 닫기 버튼
+ * toast.success({ title: '저장 완료', close: true });
+ *
+ * // 문자열 + 옵션 (sonner 스타일)
+ * toast.success('생성 완료', {
+ *   description: '일요일, 12월 3일',
+ *   action: { label: 'Undo', onClick: () => console.log('Undo') },
+ * });
+ * ```
+ */
+declare const toast: ((input: ToastInput, options?: ExtendedExternalToast) => string | number) & {
+    success: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    error: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    info: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    warning: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    loading: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    dismiss: (id?: number | string) => string | number;
+    promise: typeof toast$1.promise;
+    custom: (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => string | number;
+};
+
+type Options = ExternalToast & {
+    description?: React__default.ReactNode;
+};
+type PromiseOptions<T> = {
+    loading: string;
+    success: string | ((data: T) => string | React__default.ReactNode);
+    error: string | ((error: unknown) => string | React__default.ReactNode);
+    description?: string | React__default.ReactNode;
+    finally?: () => void | Promise<void>;
+};
+
+/**
+ * @deprecated `toast` 함수를 직접 사용하세요.
+ *
+ * 하위호환을 위해 유지되며, 내부적으로 `toast`에 위임합니다.
+ *
+ * @example
+ * ```tsx
+ * // Before (useToast)
+ * const { success } = useToast();
+ * success('완료');
+ *
+ * // After (toast 직접 사용)
+ * import { toast } from '@exem-ui/react';
+ * toast.success('완료');
+ * ```
+ */
+declare function useToast(): {
+    show: (message: string, options?: Options) => string | number;
+    dismiss: (toastId: string | number) => string | number;
+    promise: <T>(promiseTask: Promise<T>, options: PromiseOptions<T>, toastOptions?: Options) => (string & {
+        unwrap: () => Promise<T>;
+    }) | (number & {
+        unwrap: () => Promise<T>;
+    }) | {
+        unwrap: () => Promise<T>;
+    };
+    custom: (render: (id: string | number) => React__default.ReactElement, options?: Options) => string | number;
+    success: (message?: string, options?: Options) => string | number;
+    error: (message?: string, options?: Options) => string | number;
+    info: (message?: string, options?: Options) => string | number;
+    warning: (message?: string, options?: Options) => string | number;
+    loading: (message?: string, options?: Options) => string | number;
+};
+
+export { type ExtendedExternalToast, type Options as SonnerToastOptions, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, toast, useToast };

package/dist/toast/index.d.ts

@@ -0,0 +1,175 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
+
+type ToasterRootProps = React$1.ComponentProps<typeof Toaster$1>;
+type ToasterContainerProps = {
+    children: React$1.ReactNode;
+} & React$1.HTMLAttributes<HTMLDivElement>;
+type ToasterIconProps = {
+    children: React$1.ReactNode;
+} & React$1.HTMLAttributes<HTMLDivElement>;
+type ToasterTitleProps = {
+    children: React$1.ReactNode;
+} & React$1.HTMLAttributes<HTMLDivElement>;
+type ToasterDescriptionProps = {
+    children: React$1.ReactNode;
+} & React$1.HTMLAttributes<HTMLDivElement>;
+type ToasterActionProps = {
+    children?: React$1.ReactNode;
+    altText?: string;
+} & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
+type ToasterComponent = React$1.FC<ToasterRootProps> & {
+    Container: React$1.ForwardRefExoticComponent<ToasterContainerProps & React$1.RefAttributes<HTMLDivElement>>;
+    Icon: React$1.ForwardRefExoticComponent<ToasterIconProps & React$1.RefAttributes<HTMLDivElement>>;
+    Title: React$1.ForwardRefExoticComponent<ToasterTitleProps & React$1.RefAttributes<HTMLDivElement>>;
+    Description: React$1.ForwardRefExoticComponent<ToasterDescriptionProps & React$1.RefAttributes<HTMLDivElement>>;
+    Action: React$1.ForwardRefExoticComponent<ToasterActionProps & React$1.RefAttributes<HTMLButtonElement>>;
+};
+declare const Toaster: ToasterComponent;
+
+interface ToastProviderProps {
+    children?: React__default.ReactNode;
+    /**
+     * 호버 시 토스트 확장
+     * @default true
+     */
+    expand?: boolean;
+    /**
+     * Rich colors 스타일 적용
+     * @default false
+     */
+    richColors?: boolean;
+    /**
+     * Provider 레벨 닫기 버튼
+     * @default false
+     */
+    closeButton?: boolean;
+    /**
+     * 토스트가 표시될 위치
+     * @default 'top-center'
+     */
+    position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    /**
+     * 토스트 표시 시간 (ms)
+     * @default 4000
+     */
+    duration?: number;
+    /**
+     * 토스트 최대 개수
+     * @default 10
+     */
+    visibleToasts?: number;
+    /**
+     * 추가 Toaster props
+     */
+    toasterProps?: Omit<ToasterRootProps, 'children' | 'expand' | 'richColors' | 'closeButton'>;
+}
+declare const ToastProvider: React__default.FC<ToastProviderProps>;
+
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+interface ToastOptions {
+    title: string;
+    description?: string;
+    action?: ToastAction;
+    close?: boolean;
+}
+interface ExtendedExternalToast extends ExternalToast {
+    description?: string;
+    action?: ToastAction;
+    close?: boolean;
+}
+type ToastInput = string | ToastOptions;
+/**
+ * toast() — 커스텀 디자인이 적용된 toast 함수
+ *
+ * sonner의 toast를 래핑하여 프로젝트의 디자인 시스템을 자동으로 적용합니다.
+ *
+ * @example
+ * ```tsx
+ * import { toast } from '@exem-ui/react';
+ *
+ * // 간단한 메시지
+ * toast('기본 메시지');
+ * toast.success('성공');
+ * toast.error('오류');
+ * toast.info('정보');
+ * toast.warning('경고');
+ *
+ * // title + description + action
+ * toast.success({
+ *   title: '저장 완료',
+ *   description: '변경사항이 저장되었습니다.',
+ *   action: { label: '되돌리기', onClick: () => handleUndo() },
+ * });
+ *
+ * // 닫기 버튼
+ * toast.success({ title: '저장 완료', close: true });
+ *
+ * // 문자열 + 옵션 (sonner 스타일)
+ * toast.success('생성 완료', {
+ *   description: '일요일, 12월 3일',
+ *   action: { label: 'Undo', onClick: () => console.log('Undo') },
+ * });
+ * ```
+ */
+declare const toast: ((input: ToastInput, options?: ExtendedExternalToast) => string | number) & {
+    success: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    error: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    info: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    warning: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    loading: (input: ToastInput, options?: ExtendedExternalToast) => string | number;
+    dismiss: (id?: number | string) => string | number;
+    promise: typeof toast$1.promise;
+    custom: (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => string | number;
+};
+
+type Options = ExternalToast & {
+    description?: React__default.ReactNode;
+};
+type PromiseOptions<T> = {
+    loading: string;
+    success: string | ((data: T) => string | React__default.ReactNode);
+    error: string | ((error: unknown) => string | React__default.ReactNode);
+    description?: string | React__default.ReactNode;
+    finally?: () => void | Promise<void>;
+};
+
+/**
+ * @deprecated `toast` 함수를 직접 사용하세요.
+ *
+ * 하위호환을 위해 유지되며, 내부적으로 `toast`에 위임합니다.
+ *
+ * @example
+ * ```tsx
+ * // Before (useToast)
+ * const { success } = useToast();
+ * success('완료');
+ *
+ * // After (toast 직접 사용)
+ * import { toast } from '@exem-ui/react';
+ * toast.success('완료');
+ * ```
+ */
+declare function useToast(): {
+    show: (message: string, options?: Options) => string | number;
+    dismiss: (toastId: string | number) => string | number;
+    promise: <T>(promiseTask: Promise<T>, options: PromiseOptions<T>, toastOptions?: Options) => (string & {
+        unwrap: () => Promise<T>;
+    }) | (number & {
+        unwrap: () => Promise<T>;
+    }) | {
+        unwrap: () => Promise<T>;
+    };
+    custom: (render: (id: string | number) => React__default.ReactElement, options?: Options) => string | number;
+    success: (message?: string, options?: Options) => string | number;
+    error: (message?: string, options?: Options) => string | number;
+    info: (message?: string, options?: Options) => string | number;
+    warning: (message?: string, options?: Options) => string | number;
+    loading: (message?: string, options?: Options) => string | number;
+};
+
+export { type ExtendedExternalToast, type Options as SonnerToastOptions, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, toast, useToast };

package/dist/toast/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkAU5NTBK3_js = require('../chunk-AU5NTBK3.js');
+require('../chunk-5M47B2XJ.js');
+
+
+
+Object.defineProperty(exports, "ToastProvider", {
+  enumerable: true,
+  get: function () { return chunkAU5NTBK3_js.ToastProvider; }
+});
+Object.defineProperty(exports, "Toaster", {
+  enumerable: true,
+  get: function () { return chunkAU5NTBK3_js.Toaster; }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return chunkAU5NTBK3_js.toast; }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function () { return chunkAU5NTBK3_js.useToast; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/toast/index.js.map

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

package/dist/toast/index.mjs

@@ -0,0 +1,4 @@
+export { ToastProvider, Toaster, toast, useToast } from '../chunk-E53FHDVN.mjs';
+import '../chunk-LZWKMQJL.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/toast/index.mjs.map

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

package/dist/tooltip/index.d.mts

@@ -0,0 +1,26 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import React__default from 'react';
+
+type TooltipRootProps = React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
+type TooltipProviderProps = React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
+type TooltipTriggerProps = React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
+type TooltipContentProps = React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & VariantProps<typeof tooltipContentVariants> & {
+    portalContainer?: HTMLElement | null;
+};
+type TooltipTitleProps = React__default.HTMLAttributes<HTMLDivElement>;
+type TooltipDescriptionProps = React__default.HTMLAttributes<HTMLDivElement>;
+type TooltipComponent = typeof TooltipPrimitive.Root & {
+    Provider: typeof TooltipPrimitive.Provider;
+    Trigger: typeof TooltipPrimitive.Trigger;
+    Content: React__default.ForwardRefExoticComponent<TooltipContentProps & React__default.RefAttributes<React__default.ElementRef<typeof TooltipPrimitive.Content>>>;
+    Title: React__default.ForwardRefExoticComponent<TooltipTitleProps & React__default.RefAttributes<HTMLDivElement>>;
+    Description: React__default.ForwardRefExoticComponent<TooltipDescriptionProps & React__default.RefAttributes<HTMLDivElement>>;
+};
+declare const tooltipContentVariants: (props?: ({
+    size?: "small" | "medium" | "large" | "xlarge" | "tiny" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Tooltip: TooltipComponent;
+
+export { Tooltip, type TooltipComponent, type TooltipContentProps, type TooltipDescriptionProps, type TooltipProviderProps, type TooltipRootProps, type TooltipTitleProps, type TooltipTriggerProps };

package/dist/tooltip/index.d.ts

@@ -0,0 +1,26 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from '@exem-ui/core/utils';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import React__default from 'react';
+
+type TooltipRootProps = React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
+type TooltipProviderProps = React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
+type TooltipTriggerProps = React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
+type TooltipContentProps = React__default.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & VariantProps<typeof tooltipContentVariants> & {
+    portalContainer?: HTMLElement | null;
+};
+type TooltipTitleProps = React__default.HTMLAttributes<HTMLDivElement>;
+type TooltipDescriptionProps = React__default.HTMLAttributes<HTMLDivElement>;
+type TooltipComponent = typeof TooltipPrimitive.Root & {
+    Provider: typeof TooltipPrimitive.Provider;
+    Trigger: typeof TooltipPrimitive.Trigger;
+    Content: React__default.ForwardRefExoticComponent<TooltipContentProps & React__default.RefAttributes<React__default.ElementRef<typeof TooltipPrimitive.Content>>>;
+    Title: React__default.ForwardRefExoticComponent<TooltipTitleProps & React__default.RefAttributes<HTMLDivElement>>;
+    Description: React__default.ForwardRefExoticComponent<TooltipDescriptionProps & React__default.RefAttributes<HTMLDivElement>>;
+};
+declare const tooltipContentVariants: (props?: ({
+    size?: "small" | "medium" | "large" | "xlarge" | "tiny" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Tooltip: TooltipComponent;
+
+export { Tooltip, type TooltipComponent, type TooltipContentProps, type TooltipDescriptionProps, type TooltipProviderProps, type TooltipRootProps, type TooltipTitleProps, type TooltipTriggerProps };

package/dist/tooltip/index.js

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

package/dist/tooltip/index.js.map

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

package/dist/tooltip/index.mjs

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

package/dist/tooltip/index.mjs.map

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