@ncds/ui-admin 0.0.31 → 0.0.33

package/dist/types/src/components/badge/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Badge';
+export * from './BadgeGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/badge/utils.d.ts

@@ -0,0 +1,7 @@
+import { SideSlotType } from '../../types/side-slot';
+export type SideSlotRenderProps = {
+    slot: SideSlotType;
+    defaultIconSize: number;
+};
+export declare const sideSlotRender: ({ slot, defaultIconSize }: SideSlotRenderProps) => any;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/src/components/button/Button.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps, ReactNode } from 'react';
 import { Size } from '../../../constant/size';
 import { SideSlotType } from '../../types/side-slot';
 import { DotProps } from '../dot';
-export type ButtonTheme = 'primary' | 'secondary' | 'secondary-gray' | 'tertiary-gray' | 'tertiary' | 'link' | 'destructive';
+export type ButtonTheme = 'primary' | 'secondary' | 'secondary-gray' | 'tertiary-gray' | 'tertiary' | 'link' | 'link-gray' | 'destructive';
 export type ButtonSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
 type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentProps<T>, 'ref'> & {
     label: string;

package/dist/types/src/components/button/ButtonCloseX.d.ts

@@ -0,0 +1,9 @@
+import { Size } from '../../../constant/size';
+export type ButtonCloseXProps = {
+    size: Extract<Size, 'xs' | 'sm' | 'md' | 'lg'>;
+    theme?: 'dark' | 'light';
+    onClick?: () => void;
+    className?: string;
+};
+export declare const ButtonCloseX: ({ size, theme, className, onClick }: ButtonCloseXProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonCloseX.d.ts.map

package/dist/types/src/components/button/ButtonGroup.d.ts

@@ -108,7 +108,7 @@ export declare const ButtonGroup: {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "true" | "false" | "time" | "step" | "date" | "page" | "location" | undefined;
+        "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -387,7 +387,7 @@ export declare const ButtonGroup: {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "true" | "false" | "time" | "step" | "date" | "page" | "location" | undefined;
+        "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;

package/dist/types/src/components/date-picker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import 'flatpickr/dist/flatpickr.css';
 import { Options } from 'flatpickr/dist/types/options';
-import { DateTimePickerProps } from 'react-flatpickr';
+import { DateTimePickerProps, DateTimePickerHandle } from 'react-flatpickr';
 import { Size } from '../../../constant/size';
 export type DatePickerProps = {
     size?: Extract<Size, 'sm' | 'md'>;
@@ -9,5 +9,5 @@ export type DatePickerProps = {
     datePickerOptions?: Options;
     onChangeDate: (date: string) => void;
 } & Omit<DateTimePickerProps, 'size' | 'options' | 'value'>;
-export declare const DatePicker: ({ shouldFocus, currentDate, size, onChangeDate, datePickerOptions, ...attrs }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<DateTimePickerHandle>>;
 //# sourceMappingURL=DatePicker.d.ts.map

package/dist/types/src/components/date-picker/RangeDatePicker.d.ts

@@ -20,5 +20,5 @@ export type RangeDatePickerProps = {
         currentDate: string;
     }) => void;
 };
-export declare const RangeDatePicker: ({ startDateOptions, endDateOptions, validationOption, onDateValidation, }: RangeDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RangeDatePicker: import("react").ForwardRefExoticComponent<RangeDatePickerProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=RangeDatePicker.d.ts.map

package/dist/types/src/components/dropdown/Dropdown.d.ts

@@ -44,10 +44,13 @@ export type TextHeader = {
 export type DropdownHeaderType = AvatarHeader | TextHeader;
 export type DropdownProps = {
     trigger: AvatarTrigger | TextTrigger | ButtonTrigger | IconTrigger | CustomTrigger;
+    opened?: boolean;
+    closeOnClickOutside?: boolean;
+    closeOnClickItem?: boolean;
     align?: 'left' | 'right';
     header?: DropdownHeaderType;
     groups: DropdownGroup[];
     className?: string;
 };
-export declare const Dropdown: ({ trigger, align, header, groups, className }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ trigger, align, header, groups, className, opened, closeOnClickItem, closeOnClickOutside, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/types/src/components/modal/Modal.d.ts

@@ -1,6 +1,6 @@
+import { IconName } from '@ncds/ui-admin-icon';
 import { ReactNode } from 'react';
 import { FeaturedIconColor, FeaturedIconTheme } from '../featured-icon';
-import { IconName } from '@ncds/ui-admin-icon';
 export type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
 export type ModalHeaderAlign = 'left' | 'center' | 'horizontal';
 export type ModalAlign = 'center' | 'right' | 'stretch';

package/dist/types/src/components/notification/FloatingNotification.d.ts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export type FloatingNotificationVariant = 'neutral' | 'error' | 'warning' | 'success';
-export type FloatingNotificationSize = 'desktop' | 'mobile';
+import { NotificationAction, NotificationColor } from './Notification';
 export interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      * 알림 제목 텍스트
@@ -14,7 +13,7 @@ export interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef
      * 알림 색상 스타일
      * @default 'neutral'
      */
-    variant?: FloatingNotificationVariant;
+    color?: NotificationColor;
     /**
      * 닫기 버튼 클릭 이벤트 핸들러
      */
@@ -26,7 +25,7 @@ export interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef
     /**
      * 버튼 영역 (선택사항)
      */
-    actions?: ReactNode;
+    actions?: NotificationAction[];
 }
 export declare const FloatingNotification: import("react").ForwardRefExoticComponent<FloatingNotificationProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=FloatingNotification.d.ts.map

package/dist/types/src/components/notification/FullWidthNotification.d.ts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export type FullWidthNotificationVariant = 'neutral' | 'error' | 'warning' | 'success';
-export type FullWidthNotificationSize = 'desktop' | 'mobile';
+import { NotificationAction, NotificationColor } from './Notification';
 export interface FullWidthNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      * 알림 제목 텍스트
@@ -14,7 +13,7 @@ export interface FullWidthNotificationProps extends Omit<ComponentPropsWithoutRe
      * 알림 색상 스타일
      * @default 'neutral'
      */
-    variant?: FullWidthNotificationVariant;
+    color?: NotificationColor;
     /**
      * 닫기 버튼 클릭 이벤트 핸들러
      */
@@ -26,7 +25,7 @@ export interface FullWidthNotificationProps extends Omit<ComponentPropsWithoutRe
     /**
      * 버튼 영역 (선택사항)
      */
-    actions?: ReactNode;
+    actions?: NotificationAction[];
 }
 export declare const FullWidthNotification: import("react").ForwardRefExoticComponent<FullWidthNotificationProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=FullWidthNotification.d.ts.map

package/dist/types/src/components/notification/Notification.d.ts

@@ -1,8 +1,9 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { IconName } from '@ncds/ui-admin-icon';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ColorTone } from '../../../constant/color';
 import { ButtonTheme } from '../button';
 export type NotificationType = 'floating' | 'full-width';
-export type NotificationVariant = 'neutral' | 'error' | 'warning' | 'success';
+export type NotificationColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;
 export type NotificationSize = 'desktop' | 'mobile';
 export interface NotificationAction {
     /**
@@ -16,7 +17,7 @@ export interface NotificationAction {
     /**
      * 액션 버튼 색상 (3가지만 지원)
      */
-    hierarchy?: Extract<ButtonTheme, 'secondary-gray' | 'link-gray' | 'link'>;
+    hierarchy?: Extract<ButtonTheme, 'link' | 'link-gray'>;
 }
 export interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
@@ -40,7 +41,7 @@ export interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>,
      * 알림 색상 스타일
      * @default 'neutral'
      */
-    variant?: NotificationVariant;
+    color?: NotificationColor;
     /**
      * 닫기 버튼 클릭 이벤트 핸들러
      */

package/dist/types/src/components/notification/index.d.ts

@@ -1,4 +1,4 @@
+export * from './Notification';
 export * from './FloatingNotification';
 export * from './FullWidthNotification';
-export * from './Notification';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/constant/breakpoint.d.ts

@@ -0,0 +1,7 @@
+export declare const BREAKPOINT: {
+    readonly mobile: "768px";
+};
+export declare const MEDIA_QUERY: {
+    readonly mobile: "(max-width: 768px)";
+};
+//# sourceMappingURL=breakpoint.d.ts.map

package/dist/types/src/hooks/useMediaQuery.d.ts

@@ -0,0 +1,6 @@
+interface UseMediaQueryOptions {
+    onMatched?: () => void;
+}
+export declare const useMediaQuery: (query: string, options?: UseMediaQueryOptions) => boolean;
+export {};
+//# sourceMappingURL=useMediaQuery.d.ts.map