@lotte-innovate/ui-component-test 0.0.13 → 0.0.15

package/dist/stories/menubar/Menubar.stories.js

@@ -1,98 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { appearanceOptions, commonArgTypes, sizeOptions } from '../../constants';
-import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarSub, MenubarSubTrigger, MenubarSubContent, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, } from 'components/Menubar';
-var meta = {
-    title: 'Component/Menubar',
-    component: Menubar,
-    parameters: {
-        layout: 'centered',
-        themes: {
-            themeOverride: 'dark',
-        },
-        docs: {
-            description: {
-                component: '리스트 형태의 선택할 수 있는 항목들이 나열된 인터페이스 요소 컴포넌트',
-            },
-        },
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        radius: __assign(__assign({}, commonArgTypes.radius), { description: 'Menubar border 둥굴기' }),
-        scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'Menubar 비율' }),
-        size: __assign(__assign({}, commonArgTypes.size), { table: {
-                category: 'Props',
-                type: {
-                    summary: sizeOptions
-                        .filter(function (option) { return option === 'small' || option === 'medium'; })
-                        .join(' | '),
-                },
-            }, options: sizeOptions.filter(function (option) { return option === 'small' || option === 'medium'; }), description: 'Menubar 크기' }),
-        color: __assign(__assign({}, commonArgTypes.color), { description: 'Menubar 메인 색' }),
-        appearance: {
-            description: 'Menubar 상단 메뉴 스타일',
-            table: {
-                category: 'Props',
-                type: {
-                    summary: appearanceOptions
-                        .filter(function (option) { return option === 'solid' || option === 'ghost'; })
-                        .join(' | '),
-                },
-            },
-            options: appearanceOptions.filter(function (option) { return option === 'solid' || option === 'ghost'; }),
-            control: { type: 'select' },
-            defaultValue: { summary: 'ghost' },
-        },
-        itemAppearance: {
-            description: 'Menubar 하위 아이템 스타일',
-            table: {
-                category: 'Props',
-                type: {
-                    summary: appearanceOptions
-                        .filter(function (option) { return option === 'solid' || option === 'ghost'; })
-                        .join(' | '),
-                },
-            },
-            options: appearanceOptions.filter(function (option) { return option === 'solid' || option === 'ghost'; }),
-            control: { type: 'select' },
-            defaultValue: { summary: 'solid' },
-        },
-    },
-};
-export default meta;
-export var Default = function (_a) {
-    var args = __rest(_a, []);
-    var CHECK_ITEMS = ['북마크 항상 보여주기', '전체 주소 보여주기'];
-    var RADIO_ITEMS = ['구글', '네이버', '인트라넷'];
-    var _b = useState([CHECK_ITEMS[0]]), checkedSelection = _b[0], setCheckedSelection = _b[1];
-    var _c = useState(RADIO_ITEMS[0]), radioSelection = _c[0], setRadioSelection = _c[1];
-    return (_jsxs(Menubar, __assign({}, args, { children: [_jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "\uD30C\uC77C" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { shortcut: "\u2318 T", children: "\uC0C8 \uD0ED" }), _jsx(MenubarItem, { shortcut: "\u2318 N", children: "\uC0C8 \uCC3D" }), _jsx(MenubarItem, { disabled: true, children: "\uC0AC\uC6A9\uBD88\uAC00" }), _jsx(MenubarSeparator, {}), _jsxs(MenubarSub, { children: [_jsx(MenubarSubTrigger, { children: "\uACF5\uC720\uD558\uAE30" }), _jsxs(MenubarSubContent, { children: [_jsx(MenubarItem, { children: "\uC774\uBA54\uC77C" }), _jsx(MenubarItem, { children: "\uBA54\uC2E0\uC800" })] })] })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "\uBCF4\uAE30" }), _jsx(MenubarContent, { children: CHECK_ITEMS.map(function (item) { return (_jsx(MenubarCheckboxItem, { checked: checkedSelection.includes(item), onCheckedChange: function () {
-                                return setCheckedSelection(function (current) {
-                                    return current.includes(item)
-                                        ? current.filter(function (el) { return el !== item; })
-                                        : current.concat(item);
-                                });
-                            }, children: item }, item)); }) })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "\uD504\uB85C\uD544" }), _jsx(MenubarContent, { children: _jsx(MenubarRadioGroup, { value: radioSelection, onValueChange: setRadioSelection, children: RADIO_ITEMS.map(function (item) { return (_jsx(MenubarRadioItem, { value: item, children: item }, item)); }) }) })] })] })));
-};

package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts

@@ -1,385 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react" />
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("components/NavigationMenu").NavigationMenuProps & import("react").RefAttributes<HTMLElement>>;
-    parameters: {
-        layout: string;
-        themes: {
-            themeOverride: string;
-        };
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        value?: string | undefined;
-        className?: string | undefined;
-        defaultValue?: string | undefined;
-        color?: "slate" | "olive" | "sand" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "bronze" | "gold" | "sky" | "mint" | "lime" | "yellow" | "amber" | "orange" | "black" | "white" | undefined;
-        onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
-        defaultChecked?: boolean | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: ("ltr" | "rtl") | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: import("react").CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        inert?: boolean | undefined;
-        tw?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "true" | "false" | "step" | "time" | "date" | "page" | "location" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        children?: import("react").ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onResize?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onResizeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
-        onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
-        onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
-        onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
-        onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
-        key?: import("react").Key | null | undefined;
-        asChild?: boolean | undefined;
-        onValueChange?: ((value: string) => void) | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        delayDuration?: number | undefined;
-        skipDelayDuration?: number | undefined;
-        appearance?: "solid" | "ghost" | undefined;
-        scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-        radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-        size?: "small" | "medium" | null | undefined;
-        ref?: import("react").LegacyRef<HTMLElement> | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    tags: string[];
-    argTypes: {
-        radius: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: import("types").IRadius[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        scaling: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-            options: import("types").IScaling[];
-            defaultValue: {
-                summary: string;
-            };
-        };
-        size: {
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: import("types").ISize[];
-            description: string;
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        color: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: import("types").IColor[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        appearance: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: import("types").IAppearance[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
-};
-export default meta;
-export declare const Default: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/navigation-menu/NavigationMenu.stories.js

@@ -1,79 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { appearanceOptions, commonArgTypes, sizeOptions } from '../../constants';
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, } from 'components/NavigationMenu';
-import Image from 'next/image';
-import { Text } from 'Typography/Text';
-import Card from 'components/Card';
-var meta = {
-    title: 'Component/NavigationMenu',
-    component: NavigationMenu,
-    parameters: {
-        layout: 'centered',
-        themes: {
-            themeOverride: 'dark',
-        },
-        docs: {
-            description: {
-                component: "\uC6F9\uC0AC\uC774\uD2B8\uC758 \uD398\uC774\uC9C0\uB97C \uD0D0\uC0C9\uD558\uAE30 \uC704\uD574 \uD558\uC774\uD37C\uD14D\uC2A4\uD2B8 \uB9C1\uD06C\uB97C \uD3EC\uD568\uD558\uACE0 \uC788\uB294 \uC778\uD130\uD398\uC774\uC2A4 \uC694\uC18C",
-            },
-        },
-    },
-    decorators: [
-        function (Story) { return (_jsx("div", { className: "h-[300px] p-2", children: _jsx(Story, {}) })); },
-    ],
-    tags: ['autodocs'],
-    argTypes: {
-        radius: __assign(__assign({}, commonArgTypes.radius), { description: 'NavigationMenu border 둥굴기' }),
-        scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'NavigationMenu 비율' }),
-        size: __assign(__assign({}, commonArgTypes.size), { table: {
-                category: 'Props',
-                type: {
-                    summary: sizeOptions
-                        .filter(function (option) { return option === 'small' || option === 'medium'; })
-                        .join(' | '),
-                },
-            }, options: sizeOptions.filter(function (option) { return option === 'small' || option === 'medium'; }), description: 'NavigationMenu 크기' }),
-        color: __assign(__assign({}, commonArgTypes.color), { description: 'NavigationMenu 메인 색' }),
-        appearance: {
-            description: 'NavigationMenu 스타일',
-            table: {
-                category: 'Props',
-                type: {
-                    summary: appearanceOptions
-                        .filter(function (option) { return option === 'solid' || option === 'ghost'; })
-                        .join(' | '),
-                },
-            },
-            options: appearanceOptions.filter(function (option) { return option === 'solid' || option === 'ghost'; }),
-            control: { type: 'select' },
-            defaultValue: { summary: 'ghost' },
-        },
-    },
-};
-export default meta;
-export var Default = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsxs(NavigationMenu, __assign({}, args, { children: [_jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "\uD648\uD398\uC774\uC9C0" }), _jsx(NavigationMenuContent, { children: _jsxs("div", { className: "flex space-x-2", children: [_jsx(Image, { className: "rounded", src: "https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80", alt: "Landscape photograph by Tobias Tullius", width: 120, height: 200 }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] }), _jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] }), _jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] })] })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "\uAC1C\uC694" }), _jsx(NavigationMenuContent, { children: _jsxs("div", { className: "flex flex-col space-y-3", children: [_jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) }), _jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) }), _jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) })] }) })] }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { href: "https://tailwindcss.com/docs/border-radius", children: "tailwind \uBC14\uB85C\uAC00\uAE30" }) })] }), _jsx(NavigationMenuViewport, {})] })));
-};