@teamturing/react-kit 2.11.0 → 2.13.0

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

@@ -11,7 +11,7 @@ type Props = {
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'plain' | 'danger';
+    variant?: 'primary' | 'secondary' | 'neutral' | 'outlined' | 'plain' | 'danger';
     /**
      * 감싸고 있는 컨테이너의 너비를 채웁니다.
      */
@@ -43,7 +43,7 @@ declare const Button: import("react").ForwardRefExoticComponent<{
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: "primary" | "secondary" | "tertiary" | "outlined" | "plain" | "danger" | undefined;
+    variant?: "primary" | "secondary" | "neutral" | "outlined" | "plain" | "danger" | undefined;
     /**
      * 감싸고 있는 컨테이너의 너비를 채웁니다.
      */

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

@@ -15,7 +15,7 @@ type Props = {
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'plain-bold' | 'plain' | 'plain-subtle' | 'danger';
+    variant?: 'primary' | 'secondary' | 'neutral' | 'outlined' | 'plain-bold' | 'plain' | 'plain-subtle' | 'danger';
     /**
      * 비활성화 상태를 정의합니다.
      */
@@ -39,7 +39,7 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: "primary" | "secondary" | "tertiary" | "outlined" | "plain" | "danger" | "plain-bold" | "plain-subtle" | undefined;
+    variant?: "primary" | "secondary" | "neutral" | "outlined" | "plain" | "danger" | "plain-bold" | "plain-subtle" | undefined;
     /**
      * 비활성화 상태를 정의합니다.
      */

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

@@ -0,0 +1,18 @@
+import { HTMLAttributes, RefObject } from 'react';
+import { ResponsiveValue } from 'styled-system';
+type Props = {
+    isOpen?: boolean;
+    onDismiss?: () => void;
+    size?: ResponsiveValue<'m'>;
+    ignoreOutsideClickRefs?: RefObject<HTMLElement>[];
+} & HTMLAttributes<HTMLElement>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    isOpen?: boolean | undefined;
+    onDismiss?: (() => void) | undefined;
+    size?: ResponsiveValue<"m"> | undefined;
+    ignoreOutsideClickRefs?: RefObject<HTMLElement>[] | undefined;
+} & HTMLAttributes<HTMLElement> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;
+export type { Props as OverlayProps };

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

@@ -0,0 +1,16 @@
+import { Placement } from '@floating-ui/react-dom';
+import { PropsWithChildren, ReactNode } from 'react';
+import { FocusTrapHookSettings } from '../../hook/useFocusTrap';
+import { FocusZoneHookSettings } from '../../hook/useFocusZone';
+type Props = {
+    renderOverlay: ({ isOpen, closeOverlay }: {
+        isOpen: boolean;
+        closeOverlay: () => void;
+    }) => ReactNode;
+    placement?: Placement;
+    focusZoneSettings?: Partial<FocusZoneHookSettings>;
+    focusTrapSettings?: Partial<FocusTrapHookSettings>;
+};
+declare const OverlayPopper: ({ children: propChildren, renderOverlay, placement, focusZoneSettings, focusTrapSettings, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default OverlayPopper;
+export type { Props as OverlayPopperProps };

package/dist/hook/useFocusTrap.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface FocusTrapHookSettings {
+    containerRef?: React.RefObject<HTMLElement>;
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    disabled?: boolean;
+    restoreFocusOnCleanUp?: boolean;
+}
+declare const useFocusTrap: (settings?: FocusTrapHookSettings, dependencies?: React.DependencyList) => {
+    containerRef: React.RefObject<HTMLElement>;
+    initialFocusRef: React.RefObject<HTMLElement>;
+};
+export default useFocusTrap;
+export type { FocusTrapHookSettings };

package/dist/hook/useFocusZone.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { FocusZoneSettings } from '@primer/behaviors';
+export { FocusKeys } from '@primer/behaviors';
+export type { Direction } from '@primer/behaviors';
+interface FocusZoneHookSettings extends Omit<FocusZoneSettings, 'activeDescendantControl'> {
+    containerRef?: React.RefObject<HTMLElement>;
+    activeDescendantFocus?: boolean | React.RefObject<HTMLElement>;
+    disabled?: boolean;
+}
+declare const useFocusZone: (settings?: FocusZoneHookSettings, dependencies?: import("react").DependencyList) => {
+    containerRef: React.RefObject<HTMLElement>;
+    activeDescendantControlRef: React.RefObject<HTMLElement>;
+};
+export default useFocusZone;
+export type { FocusZoneHookSettings };

package/dist/index.d.ts

@@ -27,6 +27,10 @@ export type { ImageProps } from './core/Image';
 export { default as ItemList } from './core/ItemList';
 export type { ItemListProps } from './core/ItemList';
 export { default as MotionView } from './core/MotionView';
+export { default as Overlay } from './core/Overlay';
+export type { OverlayProps } from './core/Overlay';
+export { default as OverlayPopper } from './core/OverlayPopper';
+export type { OverlayPopperProps } from './core/OverlayPopper';
 export { default as Space } from './core/Space';
 export type { SpaceProps } from './core/Space';
 export { default as Spinner } from './core/Spinner';
@@ -60,6 +64,10 @@ export { default as EnigmaUI } from './enigma/EnigmaUI';
  * hooks
  */
 export { default as useDevice } from './hook/useDevice';
+export { default as useDialogHandler } from './hook/useDialogHandler';
+export { default as useFocusTrap } from './hook/useFocusTrap';
+export { default as useFocusZone } from './hook/useFocusZone';
+export { default as useMediaQuery } from './hook/useMediaQuery';
 export { default as useOutsideClick } from './hook/useOutsideClick';
 export { default as useProvidedOrCreatedRef } from './hook/useProvidedOrCreatedRef';
 export { default as useResize } from './hook/useResize';