@teamturing/react-kit 2.45.4 → 2.46.1

package/dist/core/Avatar/index.d.ts

@@ -5,9 +5,9 @@ import { ImageProps } from '../Image';
 type AvatarSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 type Props = {
     size?: ResponsiveValue<AvatarSizeType>;
-} & Pick<ImageProps, 'src' | 'alt'> & SxProp;
+} & ImageProps & SxProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
     size?: ResponsiveValue<AvatarSizeType> | undefined;
-} & Pick<ImageProps, "alt" | "src"> & SxProp & import("react").RefAttributes<HTMLImageElement>>;
+} & import("react").ImgHTMLAttributes<HTMLImageElement> & SxProp & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("react").RefAttributes<HTMLImageElement>>;
 export default _default;
 export type { Props as AvatarProps };

package/dist/core/Image/index.d.ts

@@ -1,7 +1,7 @@
 import { ImgHTMLAttributes } from 'react';
 import { LayoutProps } from 'styled-system';
 import { SxProp } from '../../utils/styled-system';
-type Props = {} & Pick<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height' | 'loading'> & SxProp & LayoutProps;
+type Props = {} & ImgHTMLAttributes<HTMLImageElement> & SxProp & LayoutProps;
 declare const Image: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Props>>;
 export default Image;
 export type { Props as ImageProps };

package/dist/core/OverlayPopper/index.d.ts

@@ -1,4 +1,4 @@
-import { Placement, UseFloatingReturn } from '@floating-ui/react-dom';
+import { Placement, UseFloatingReturn } from '@floating-ui/react';
 import { ForwardedRef, HTMLAttributes, ReactNode } from 'react';
 import { FocusTrapHookSettings } from '../../hook/useFocusTrap';
 import { FocusZoneHookSettings } from '../../hook/useFocusZone';

package/dist/core/Tooltip/BaseTooltip.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, ReactNode } from 'react';
+import { TooltipOptions } from './useTooltip';
+export declare function BaseTooltip({ children, ...options }: {
+    children: ReactNode;
+} & TooltipOptions): import("react/jsx-runtime").JSX.Element;
+export declare const BaseTooltipTrigger: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const BaseTooltipContent: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/core/Tooltip/index.d.ts

@@ -1,6 +1,4 @@
-import { HTMLAttributes } from 'react';
-import { ResponsiveValue } from 'styled-system';
-import { SxProp } from '../../utils/styled-system';
+import { PropsWithChildren } from 'react';
 type Props = {
     /**
      * children 컴포넌트 기준으로 Tooltip의 위치를 정의합니다.
@@ -10,20 +8,7 @@ type Props = {
      * Tooltip의 텍스트를 정의합니다.
      */
     text?: string;
-    disabled?: ResponsiveValue<boolean>;
-} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, 'className'>;
-declare const _default: import("react").ForwardRefExoticComponent<{
-    /**
-     * children 컴포넌트 기준으로 Tooltip의 위치를 정의합니다.
-     */
-    direction?: "left" | "right" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left" | "top-left" | undefined;
-    /**
-     * Tooltip의 텍스트를 정의합니다.
-     */
-    text?: string | undefined;
-    disabled?: ResponsiveValue<boolean> | undefined;
-} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, "className"> & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLSpanElement>>;
-export default _default;
+} & PropsWithChildren;
+declare const Tooltip: ({ children, direction, text }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;
 export type { Props as TooltipProps };

package/dist/core/Tooltip/useTooltip.d.ts

@@ -0,0 +1,14 @@
+import { type Placement, type UseFloatingReturn, type UseInteractionsReturn } from '@floating-ui/react';
+import { type MutableRefObject } from 'react';
+export interface TooltipOptions {
+    initialOpen?: boolean;
+    placement?: Placement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function useTooltip({ initialOpen, placement, open: controlledOpen, onOpenChange: setControlledOpen, }?: TooltipOptions): {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+} & UseInteractionsReturn & UseFloatingReturn & {
+    arrowRef: MutableRefObject<null>;
+};

package/dist/core/Tooltip/useTooltipContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { useTooltip } from './useTooltip';
+type ContextType = ReturnType<typeof useTooltip> | null;
+export declare const TooltipContext: import("react").Context<ContextType>;
+export declare const useTooltipContext: () => NonNullable<ContextType>;
+export {};