@nurihaus/web-design-system 3.0.1 → 3.0.3

package/dist/components/avatar/avatar.stories.d.ts

@@ -1,8 +1,24 @@
-import { StoryObj } from '@storybook/react/*';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("./avatar-type").AvatarProps & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: readonly ["s", "m", "l", "xl"];
+        };
+    };
+    args: {
+        size: "m";
+        src: string;
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Sizes: Story;
+/** 이미지를 불러오지 못하면 기본 아바타 아이콘이 보인다. */
+export declare const Fallback: Story;
+export declare const WithoutBadge: Story;

package/dist/components/badge/badge-props.d.ts

@@ -1,95 +1,32 @@
-import { colors } from '../../styles/token/colors';
-export declare const size: readonly ["l", "m", "r", "s", "sm", "xs"];
+export declare const variant: readonly ["neutral", "primary", "danger", "outlined"];
+export declare const sizes: readonly ["xs", "s", "m", "l", "xl"];
 export declare const iconTextBadgeProps: {
-    size: {
+    variant: {
         type: "className";
         className: string;
-        values: readonly ["l", "m", "r", "s", "sm", "xs"];
-        default: "l";
-    };
-    borderColor: {
-        type: "css";
-        key: "borderColor";
-        values: (keyof typeof colors)[];
-        default: "transparent";
-    };
-    color: {
-        type: "css";
-        key: "color";
-        values: (keyof typeof colors)[];
-        default: "black";
-    };
-    backgroundColor: {
-        type: "css";
-        key: "backgroundColor";
-        values: (keyof typeof colors)[];
-        default: "white";
-    };
-    width: {
-        type: "css";
-        key: "width";
-        default: string;
+        values: readonly ["neutral", "primary", "danger", "outlined"];
+        default: "neutral";
     };
+    size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["xs", "s", "m", "l", "xl"]>;
+    width: import("../../helpers/types/propsDef").CSSPropsTypeWithoutValues<string | number>;
 };
 export declare const iconTextOptionBadgeProps: {
-    size: {
+    variant: {
         type: "className";
         className: string;
-        values: readonly ["l", "m", "r", "s", "sm", "xs"];
-        default: "l";
-    };
-    borderColor: {
-        type: "css";
-        key: "borderColor";
-        values: (keyof typeof colors)[];
-        default: "transparent";
-    };
-    color: {
-        type: "css";
-        key: "color";
-        values: (keyof typeof colors)[];
-        default: "black";
-    };
-    backgroundColor: {
-        type: "css";
-        key: "backgroundColor";
-        values: (keyof typeof colors)[];
-        default: "white";
-    };
-    width: {
-        type: "css";
-        key: "width";
-        default: string;
+        values: readonly ["neutral", "primary", "danger", "outlined"];
+        default: "neutral";
     };
+    size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["xs", "s", "m", "l", "xl"]>;
+    width: import("../../helpers/types/propsDef").CSSPropsTypeWithoutValues<string | number>;
 };
 export declare const optionBadgeProps: {
-    size: {
+    variant: {
         type: "className";
         className: string;
-        values: readonly ["l", "m", "r", "s", "sm", "xs"];
-        default: "l";
-    };
-    borderColor: {
-        type: "css";
-        key: "borderColor";
-        values: (keyof typeof colors)[];
-        default: "transparent";
-    };
-    color: {
-        type: "css";
-        key: "color";
-        values: (keyof typeof colors)[];
-        default: "black";
-    };
-    backgroundColor: {
-        type: "css";
-        key: "backgroundColor";
-        values: (keyof typeof colors)[];
-        default: "white";
-    };
-    width: {
-        type: "css";
-        key: "width";
-        default: string;
+        values: readonly ["neutral", "primary", "danger", "outlined"];
+        default: "neutral";
     };
+    size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["xs", "s", "m", "l", "xl"]>;
+    width: import("../../helpers/types/propsDef").CSSPropsTypeWithoutValues<string | number>;
 };

package/dist/components/badge/badge-type.d.ts

@@ -1,8 +1,44 @@
 import { ReactNode } from 'react';
-export interface CommonBadgeProps {
-    asChild?: boolean;
+import { AsChildProps } from '../../helpers/types/common-props';
+import { direction } from '../tooltip/tooltip-props';
+import { sizes, variant } from './badge-props';
+export interface CommonBadgeProps extends AsChildProps {
     children?: ReactNode;
     className?: string;
 }
 export interface BaseBadgeProps extends React.HTMLAttributes<HTMLDivElement>, CommonBadgeProps {
 }
+export interface OptionBadgeProps extends Pick<CommonBadgeProps, 'asChild' | 'className'> {
+    variant?: (typeof variant)[number];
+    width?: number | string;
+    size?: (typeof sizes)[number];
+    option: ReactNode;
+    style?: React.CSSProperties;
+    tooltip?: {
+        content: React.ReactNode;
+        position?: (typeof direction)[number];
+        delayDuration?: number;
+    };
+}
+export interface IconTextBadgeProps extends Pick<CommonBadgeProps, 'asChild' | 'className'> {
+    variant?: (typeof variant)[number];
+    width?: number | string;
+    size?: (typeof sizes)[number];
+    icon: ReactNode;
+    text: ReactNode;
+    style?: React.CSSProperties;
+    tooltip?: {
+        content: React.ReactNode;
+        position?: (typeof direction)[number];
+        delayDuration?: number;
+    };
+}
+export interface IconTextOptionBadgeProps extends Pick<CommonBadgeProps, 'className'> {
+    variant?: (typeof variant)[number];
+    width?: number | string;
+    size?: (typeof sizes)[number];
+    icon: ReactNode;
+    text: ReactNode;
+    option: ReactNode;
+    style?: React.CSSProperties;
+}

package/dist/components/badge/badge.stories.d.ts

@@ -1,8 +1,31 @@
-import { StoryObj } from '@storybook/react/*';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./icon-text-badge").IconTextBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
+    component: import("react").ForwardRefExoticComponent<import("./badge-type").IconTextBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: readonly ["neutral", "primary", "danger", "outlined"];
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: readonly ["xs", "s", "m", "l", "xl"];
+        };
+    };
+    args: {
+        icon: import("react/jsx-runtime").JSX.Element;
+        text: string;
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const IconText: Story;
+export declare const Option: Story;
+export declare const IconTextOption: Story;
+export declare const Variants: Story;
+export declare const WithTooltip: Story;

package/dist/components/badge/base-badge.d.ts

@@ -1,2 +1,3 @@
 import { BaseBadgeProps } from './badge-type';
-export declare const BaseBadge: import("react").ForwardRefExoticComponent<BaseBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const BaseBadge: import("react").ForwardRefExoticComponent<BaseBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
+export default BaseBadge;

package/dist/components/badge/icon-text-badge.d.ts

@@ -1,22 +1,4 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { colors } from '../../styles/token/colors';
-import { size } from './badge-props';
-import { CommonBadgeProps } from './badge-type';
-export interface IconTextBadgeProps extends Pick<CommonBadgeProps, 'asChild'> {
-    borderColor?: keyof typeof colors;
-    color?: keyof typeof colors;
-    backgroundColor?: keyof typeof colors;
-    width?: number | string;
-    size?: (typeof size)[number];
-    icon: ReactNode;
-    text: ReactNode;
-    style?: React.CSSProperties;
-    tooltip?: {
-        content: React.ReactNode;
-        position?: 'top' | 'bottom' | 'left' | 'right';
-        delayDuration?: number;
-    };
-}
-declare const IconTextBadge: React.ForwardRefExoticComponent<IconTextBadgeProps & React.RefAttributes<HTMLDivElement>>;
+import { IconTextBadgeProps } from './badge-type';
+declare const IconTextBadge: import("react").ForwardRefExoticComponent<IconTextBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
 export default IconTextBadge;
+export type { IconTextBadgeProps } from './badge-type';

package/dist/components/badge/icon-text-option-badge.d.ts

@@ -1,17 +1,4 @@
-import { ReactNode } from 'react';
-import { colors } from '../../styles/token/colors';
-import { size } from './badge-props';
-import { CommonBadgeProps } from './badge-type';
-export interface IconTextOptionBadgeProps extends Pick<CommonBadgeProps, 'className'> {
-    borderColor?: keyof typeof colors;
-    color?: keyof typeof colors;
-    backgroundColor?: keyof typeof colors;
-    width?: number | string;
-    size?: (typeof size)[number];
-    icon: ReactNode;
-    text: ReactNode;
-    option: ReactNode;
-    style?: React.CSSProperties;
-}
+import { IconTextOptionBadgeProps } from './badge-type';
 declare const IconTextOptionBadge: import("react").ForwardRefExoticComponent<IconTextOptionBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
 export default IconTextOptionBadge;
+export type { IconTextOptionBadgeProps } from './badge-type';

package/dist/components/badge/option-badge.d.ts

@@ -1,21 +1,4 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { colors } from '../../styles/token/colors';
-import { size } from './badge-props';
-import { CommonBadgeProps } from './badge-type';
-export interface OptionBadgeProps extends Pick<CommonBadgeProps, 'asChild'> {
-    borderColor?: keyof typeof colors;
-    color?: keyof typeof colors;
-    backgroundColor?: keyof typeof colors;
-    width?: number | string;
-    size?: (typeof size)[number];
-    option: ReactNode;
-    style?: React.CSSProperties;
-    tooltip?: {
-        content: React.ReactNode;
-        position?: 'top' | 'bottom' | 'left' | 'right';
-        delayDuration?: number;
-    };
-}
-declare const OptionBadge: React.ForwardRefExoticComponent<OptionBadgeProps & React.RefAttributes<HTMLDivElement>>;
+import { OptionBadgeProps } from './badge-type';
+declare const OptionBadge: import("react").ForwardRefExoticComponent<OptionBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
 export default OptionBadge;
+export type { OptionBadgeProps } from './badge-type';

package/dist/components/button/button-props.d.ts

@@ -1,5 +1,5 @@
 export declare const variant: readonly ["primary", "secondary", "ghost", "neutral", "confirm", "outlined"];
-export declare const size: readonly ["xl", "l", "r", "m", "s", "xs"];
+export declare const sizes: readonly ["xs", "s", "m", "l", "xl"];
 export declare const ctaButtonProps: {
     variant: {
         type: "className";
@@ -7,10 +7,5 @@ export declare const ctaButtonProps: {
         values: readonly ["primary", "secondary", "ghost", "neutral", "confirm", "outlined"];
         default: "primary";
     };
-    size: {
-        type: "className";
-        className: string;
-        values: readonly ["xl", "l", "r", "m", "s", "xs"];
-        default: "m";
-    };
+    size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["xs", "s", "m", "l", "xl"]>;
 };

package/dist/components/button/button-type.d.ts

@@ -1,9 +1,17 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
+import { AsChildProps } from '../../helpers/types/common-props';
+import { sizes, variant } from './button-props';
 export interface CommonButtonProps {
     loading?: boolean;
 }
-export interface BaseButtonProps extends ComponentPropsWithRef<'button'>, CommonButtonProps {
-    children?: React.ReactNode;
-    asChild?: boolean;
+export interface BaseButtonProps extends ComponentPropsWithRef<'button'>, CommonButtonProps, AsChildProps {
+    children?: ReactNode;
     loadingComponent?: ReactNode;
 }
+export interface CTAButtonProps extends ComponentPropsWithRef<'button'>, CommonButtonProps {
+    variant?: (typeof variant)[number];
+    size?: (typeof sizes)[number];
+    text: string | ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+}

package/dist/components/button/button.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react/*';
-import { CTAButtonProps } from './cta-button';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: (props: CTAButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: import("react").ForwardRefExoticComponent<Omit<import("./button-type").CTAButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     argTypes: {
         variant: {
             control: {
@@ -14,16 +13,20 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: readonly ["xl", "l", "r", "m", "s", "xs"];
+            options: readonly ["xs", "s", "m", "l", "xl"];
         };
     };
+    args: {
+        text: string;
+        variant: "primary";
+        size: "l";
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Primary: StoryObj<CTAButtonProps>;
-export declare const Secondary: StoryObj<CTAButtonProps>;
-export declare const Ghost: StoryObj<CTAButtonProps>;
-export declare const Neutral: StoryObj<CTAButtonProps>;
-export declare const Confirm: StoryObj<CTAButtonProps>;
-export declare const Outlined: StoryObj<CTAButtonProps>;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const WithIcons: Story;

package/dist/components/button/cta-button.d.ts

@@ -1,13 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
-import { ReactNode } from 'react';
-import { size, variant } from './button-props';
-import { CommonButtonProps } from './button-type';
-export interface CTAButtonProps extends ComponentPropsWithRef<'button'>, CommonButtonProps {
-    variant?: (typeof variant)[number];
-    size?: (typeof size)[number];
-    text: string | ReactNode;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-}
-declare const CTAButton: (props: CTAButtonProps) => import("react/jsx-runtime").JSX.Element;
+import { CTAButtonProps } from './button-type';
+declare const CTAButton: import("react").ForwardRefExoticComponent<Omit<CTAButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default CTAButton;
+export type { CTAButtonProps } from './button-type';

package/dist/components/check-box/base-check-box.d.ts

@@ -1,8 +1,12 @@
-import { PropsWithChildren } from 'react';
 import { CheckBoxIndicatorProps, CheckBoxLabelProps, CheckBoxRootProps } from './check-box-type';
-declare const CheckBoxRoot: {
-    (props: PropsWithChildren<CheckBoxRootProps>): import("react/jsx-runtime").JSX.Element;
-    Label: (props: PropsWithChildren<CheckBoxLabelProps>) => import("react/jsx-runtime").JSX.Element;
-    Indicator: (props: PropsWithChildren<CheckBoxIndicatorProps>) => import("react/jsx-runtime").JSX.Element;
+declare const CheckBoxRoot: import("react").ForwardRefExoticComponent<CheckBoxRootProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>> & {
+    Label: import("react").ForwardRefExoticComponent<CheckBoxLabelProps & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLLabelElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<CheckBoxIndicatorProps & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLSpanElement>>;
 };
 export default CheckBoxRoot;

package/dist/components/check-box/check-box-props.d.ts

@@ -1,9 +1,4 @@
-export declare const size: string[];
+export declare const sizes: readonly ["s", "m", "l"];
 export declare const checkBoxIndicatorProps: {
-    size: {
-        type: "className";
-        className: string;
-        values: string[];
-        default: string;
-    };
+    size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["s", "m", "l"]>;
 };

package/dist/components/check-box/check-box-type.d.ts

@@ -1,3 +1,6 @@
+import { ReactNode } from 'react';
+import { AsChildProps } from '../../helpers/types/common-props';
+import { sizes } from './check-box-props';
 export interface CheckBoxRootProps {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
@@ -5,12 +8,16 @@ export interface CheckBoxRootProps {
     disabled?: boolean;
     className?: string;
 }
-export interface CheckBoxIndicatorProps {
-    asChild?: boolean;
+export interface CheckBoxIndicatorProps extends AsChildProps {
     className?: string;
 }
-export interface CheckBoxLabelProps {
-    asChild?: boolean;
+export interface CheckBoxLabelProps extends AsChildProps {
     preventChangeOnClick?: boolean;
     className?: string;
 }
+export interface CheckBoxProps extends CheckBoxRootProps {
+    label: string | ReactNode;
+    size?: (typeof sizes)[number];
+    className?: string;
+    onClick?: (checked: boolean) => void;
+}

package/dist/components/check-box/check-box.d.ts

@@ -1,11 +1,4 @@
-import { ReactNode } from 'react';
-import { size } from './check-box-props';
-import { CheckBoxRootProps } from './check-box-type';
-export interface CheckBoxProps extends CheckBoxRootProps {
-    label: string | ReactNode;
-    size?: (typeof size)[number];
-    className?: string;
-    onClick?: (checked: boolean) => void;
-}
-declare const CheckBox: (props: CheckBoxProps) => import("react/jsx-runtime").JSX.Element;
+import { CheckBoxProps } from './check-box-type';
+declare const CheckBox: import("react").ForwardRefExoticComponent<CheckBoxProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default CheckBox;
+export type { CheckBoxProps } from './check-box-type';

package/dist/components/check-box/check-box.stories.d.ts

@@ -1,9 +1,24 @@
-import { StoryObj } from '@storybook/react/*';
-import CheckBox from './check-box';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: (props: import("./check-box").CheckBoxProps) => import("react/jsx-runtime").JSX.Element;
+    component: import("react").ForwardRefExoticComponent<import("./check-box-type").CheckBoxProps & import("react").RefAttributes<HTMLButtonElement>>;
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: readonly ["s", "m", "l"];
+        };
+    };
+    args: {
+        id: string;
+        label: string;
+    };
 };
 export default meta;
-type Story = StoryObj<typeof CheckBox>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const WithoutLabel: Story;

package/dist/components/collapsible-menu/base-collapsible-menu.d.ts

@@ -1,8 +1,12 @@
-import { PropsWithChildren } from 'react';
 import { CollapsibleMenuContentProps, CollapsibleMenuRootProps, CollapsibleMenuTriggerProps } from './collapsible-menu-type';
-declare const CollapsibleMenuRoot: {
-    (props: PropsWithChildren<CollapsibleMenuRootProps>): import("react/jsx-runtime").JSX.Element;
-    Trigger: (props: PropsWithChildren<CollapsibleMenuTriggerProps>) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: PropsWithChildren<CollapsibleMenuContentProps>) => import("react/jsx-runtime").JSX.Element;
+declare const CollapsibleMenuRoot: import("react").ForwardRefExoticComponent<CollapsibleMenuRootProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Trigger: import("react").ForwardRefExoticComponent<CollapsibleMenuTriggerProps & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<CollapsibleMenuContentProps & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default CollapsibleMenuRoot;

package/dist/components/collapsible-menu/collapsible-menu-props.d.ts

@@ -1,14 +1,5 @@
-export declare const size: readonly ["m", "l"];
+export declare const sizes: readonly ["s", "m"];
 export declare const collapsibleMenuProps: {
-    size: {
-        type: "className";
-        className: string;
-        values: readonly ["m", "l"];
-        default: "m";
-    };
-    width: {
-        type: "css";
-        key: "width";
-        default: string;
-    };
+    size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["s", "m"]>;
+    width: import("../../helpers/types/propsDef").CSSPropsTypeWithoutValues<string | number>;
 };

package/dist/components/collapsible-menu/collapsible-menu-type.d.ts

@@ -1,18 +1,42 @@
-import { CSSProperties } from 'react';
+import { ComponentType, MouseEvent, ReactNode } from 'react';
+import { AsChildProps, StyleProps } from '../../helpers/types/common-props';
+import { sizes } from './collapsible-menu-props';
 export interface CollapsibleMenuRootProps {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     disabled?: boolean;
 }
-export interface CollapsibleMenuTriggerProps {
-    asChild?: boolean;
-    className?: string;
-    style?: CSSProperties;
+export interface CollapsibleMenuTriggerProps extends AsChildProps, StyleProps {
     disabled?: boolean;
 }
-export interface CollapsibleMenuContentProps {
-    asChild?: boolean;
-    className?: string;
-    style?: CSSProperties;
+export interface CollapsibleMenuContentProps extends AsChildProps, StyleProps {
+}
+export interface CollapsibleMenuItem {
+    key: string;
+    item: ReactNode;
+    disabled?: boolean;
+    href?: string;
+    onSelect?: () => void;
+    children?: CollapsibleMenuItem[];
+    defaultOpen?: boolean;
+}
+/** `href` 가 있는 항목을 그릴 때 `linkComponent` 가 받는 props. next/link 의 Link 를 그대로 넘길 수 있다. */
+export interface CollapsibleMenuLinkProps {
+    href: string;
+    className: string;
+    children: ReactNode;
+    onClick: (e: MouseEvent) => void;
+    'aria-current'?: 'page';
+    'aria-disabled'?: 'true';
+}
+export interface CollapsibleMenuProps extends StyleProps {
+    size?: (typeof sizes)[number];
+    items: CollapsibleMenuItem[];
+    activeKey?: string;
+    onActiveKeyChange?: (key: string) => void;
+    indent?: number;
+    chevron?: ReactNode;
+    width?: number | string;
+    linkComponent?: ComponentType<CollapsibleMenuLinkProps>;
 }

package/dist/components/collapsible-menu/collapsible-menu.d.ts

@@ -1,24 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
-import { size } from './collapsible-menu-props';
-export interface CollapsibleMenuItem {
-    key: string;
-    item: ReactNode;
-    disabled?: boolean;
-    href?: string;
-    onSelect?: () => void;
-    children?: CollapsibleMenuItem[];
-    defaultOpen?: boolean;
-}
-export interface CollapsibleMenuProps {
-    size?: typeof size;
-    items: CollapsibleMenuItem[];
-    activeKey?: string;
-    onActiveKeyChange?: (key: string) => void;
-    indent?: number;
-    chevron?: ReactNode;
-    width?: string;
-    style?: CSSProperties;
-    className?: string;
-}
-declare const CollapsibleMenu: import("react").ForwardRefExoticComponent<CollapsibleMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+import { CollapsibleMenuProps } from './collapsible-menu-type';
+declare const CollapsibleMenu: import("react").ForwardRefExoticComponent<CollapsibleMenuProps & import("react").RefAttributes<HTMLElement>>;
 export default CollapsibleMenu;
+export type { CollapsibleMenuProps, CollapsibleMenuItem, CollapsibleMenuLinkProps, } from './collapsible-menu-type';