@lotte-innovate/ui-component-test 0.0.121 → 0.0.122

package/dist/lib/components/Dialog/DialogAction.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{Dialog as o}from"@radix-ui/themes";import{cva as n}from"class-variance-authority";import{primaryColorStyle as i}from"../../constants.mjs";import{DialogContext as a}from"./DialogRoot.mjs";import{cn as s}from"../../utils/utils.mjs";import{MAIN_COLOR as l}from"../../color/constants.mjs";var m=function(){return m=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},m.apply(this,arguments)},p=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},u=n("rounded-md inline-flex font-medium items-center justify-center px-[15px] hover:cursor-pointer",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2",medium:"text-sm w-[66px] h-[32px] px-3",large:"text-base w-[72px] h-[32px] px-3","x-large":"text-lg w-[86px] h-[40px] px-6"},color:i()},defaultVariants:{radius:"medium",size:"medium",color:l}}),c=e((function(e,n){var i=e.children,l=e.className,c=p(e,["children","className"]),d=t(a),f=d.radius,x=d.size,h=d.color,y=s(u({radius:f,size:x,color:h}),l);return r(o.Close,m({ref:n,className:y},c,{children:i}))}));c.displayName="Dialog.Action";export{c as DialogAction,u as dialogActionVariants};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{Dialog as e}from"@radix-ui/themes";import{cva as m}from"class-variance-authority";import{primaryColorStyle as i}from"../../constants.mjs";import{MAIN_COLOR as n}from"../../color/constants.mjs";import{DialogContext as p}from"./DialogRoot.mjs";import{cn as a}from"../../utils/utils.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Box/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"./DialogTrigger.mjs";import"./DialogContent.mjs";import"./DialogTitle.mjs";import"./DialogDescription.mjs";import"./DialogSlot.mjs";import"./DialogCancel.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Editor/index.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import"../Modal/ModalRoot.mjs";import"../Modal/ModalTrigger.mjs";import"../Modal/ModalContent.mjs";import"../Modal/ModalTitle.mjs";import"../Modal/ModalDescription.mjs";import"../Modal/ModalFooter.mjs";import"../Modal/ModalCancel.mjs";import"../Modal/ModalAction.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SearchBar/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../../Typography/Header/index.mjs";import s from"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var u=function(){return u=Object.assign||function(o){for(var t,r=1,e=arguments.length;r<e;r++)for(var m in t=arguments[r])Object.prototype.hasOwnProperty.call(t,m)&&(o[m]=t[m]);return o},u.apply(this,arguments)},d=function(o,t){var r={};for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&t.indexOf(e)<0&&(r[e]=o[e]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var m=0;for(e=Object.getOwnPropertySymbols(o);m<e.length;m++)t.indexOf(e[m])<0&&Object.prototype.propertyIsEnumerable.call(o,e[m])&&(r[e[m]]=o[e[m]])}return r},j=m("rounded-md inline-flex font-medium items-center justify-center px-[15px] hover:cursor-pointer",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2",medium:"text-sm w-[66px] h-[32px] px-3",large:"text-base w-[72px] h-[32px] px-3","x-large":"text-lg w-[86px] h-[40px] px-6"},color:i()},defaultVariants:{radius:"medium",size:"medium",color:n}}),l=t((function(t,m){var i=t.children,n=t.className,l=d(t,["children","className"]),M=r(p),x=M.radius,g=M.size,b=M.color,c=a(j({radius:x,size:g,color:b}),n);return o(e.Close,u({ref:m,className:c},l,{children:"string"==typeof i?o(s,{children:i}):i}))}));l.displayName="Dialog.Action";export{l as DialogAction,j as dialogActionVariants};
 //# sourceMappingURL=DialogAction.mjs.map

package/dist/lib/components/Dialog/DialogCancel.js

@@ -27,6 +27,7 @@ import { Dialog as DialogTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
 import { DialogContext } from './DialogRoot';
 import { cn } from '../../../lib/utils/utils';
+import { Text } from '../../../lib';
 export var dialogCancelVariants = cva("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n    dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n    active:border-none hover:cursor-pointer hover:bg-slateA-4", {
     variants: {
         radius: {
@@ -51,6 +52,6 @@ export var dialogCancelVariants = cva("rounded-md font-medium inline-flex justif
 export var DialogCancel = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var _b = useContext(DialogContext), radius = _b.radius, size = _b.size;
-    return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: cn(dialogCancelVariants({ radius: radius, size: size }), className) }, props, { children: children })));
+    return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: cn(dialogCancelVariants({ radius: radius, size: size }), className) }, props, { children: typeof children === 'string' ? _jsx(Text, { children: children }) : children })));
 });
 DialogCancel.displayName = 'Dialog.Cancel';

package/dist/lib/components/Dialog/DialogCancel.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useContext as t}from"react";import{Dialog as o}from"@radix-ui/themes";import{cva as a}from"class-variance-authority";import{DialogContext as n}from"./DialogRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var l=function(){return l=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},l.apply(this,arguments)},s=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t},m=a("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n    dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n    active:border-none hover:cursor-pointer hover:bg-slateA-4",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2 mr-2",medium:"text-sm w-[66px] h-[32px] px-3 mr-2",large:"text-base w-[72px] h-[32px] px-3 mr-3","x-large":"text-lg w-[86px] h-[40px] px-6 mr-4"}},defaultVariants:{radius:"medium",size:"medium"}}),p=r((function(r,a){var p=r.children,u=r.className,d=s(r,["children","className"]),c=t(n),x=c.radius,f=c.size;return e(o.Close,l({ref:a,className:i(m({radius:x,size:f}),u)},d,{children:p}))}));p.displayName="Dialog.Cancel";export{p as DialogCancel,m as dialogCancelVariants};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useContext as e}from"react";import{Dialog as r}from"@radix-ui/themes";import{cva as i}from"class-variance-authority";import{DialogContext as m}from"./DialogRoot.mjs";import{cn as n}from"../../utils/utils.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Box/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"./DialogTrigger.mjs";import"./DialogContent.mjs";import"./DialogTitle.mjs";import"./DialogDescription.mjs";import"./DialogSlot.mjs";import"./DialogAction.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Editor/index.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import"../Modal/ModalRoot.mjs";import"../Modal/ModalTrigger.mjs";import"../Modal/ModalContent.mjs";import"../Modal/ModalTitle.mjs";import"../Modal/ModalDescription.mjs";import"../Modal/ModalFooter.mjs";import"../Modal/ModalCancel.mjs";import"../Modal/ModalAction.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SearchBar/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../../Typography/Header/index.mjs";import a from"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(o){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(o[i]=t[i]);return o},p.apply(this,arguments)},s=function(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(o);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(o,r[i])&&(e[r[i]]=o[r[i]])}return e},d=i("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n    dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n    active:border-none hover:cursor-pointer hover:bg-slateA-4",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2 mr-2",medium:"text-sm w-[66px] h-[32px] px-3 mr-2",large:"text-base w-[72px] h-[32px] px-3 mr-3","x-large":"text-lg w-[86px] h-[40px] px-6 mr-4"}},defaultVariants:{radius:"medium",size:"medium"}}),u=t((function(t,i){var u=t.children,j=t.className,l=s(t,["children","className"]),M=e(m),x=M.radius,g=M.size;return o(r.Close,p({ref:i,className:n(d({radius:x,size:g}),j)},l,{children:"string"==typeof u?o(a,{children:u}):u}))}));u.displayName="Dialog.Cancel";export{u as DialogCancel,d as dialogCancelVariants};
 //# sourceMappingURL=DialogCancel.mjs.map

package/dist/lib/components/Dialog/DialogRoot.js

@@ -41,6 +41,6 @@ export var DialogRoot = function (_a) {
         color: color !== null && color !== void 0 ? color : theme.themeColor,
         size: size,
     };
-    return (_jsx(Theme, { accentColor: color, children: _jsx(DialogContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));
+    return (_jsx(Theme, { accentColor: contextValue.color, children: _jsx(DialogContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));
 };
 DialogRoot.displayName = 'Dialog.Root';

package/dist/lib/components/Dialog/DialogRoot.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import{Theme as o,Dialog as t}from"@radix-ui/themes";import{useTheme as i}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as n}from"../../color/constants.mjs";var l=function(){return l=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},l.apply(this,arguments)},a=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(o[t[i]]=r[t[i]])}return o},c=e({size:"medium",scaling:"100%",color:n,radius:"medium"}),m=function(e){var n=e.children,m=e.radius,s=e.size,u=e.scaling,p=e.color,d=a(e,["children","radius","size","scaling","color"]),f=i().theme,h={radius:null!=m?m:f.themeRadius,scaling:null!=u?u:f.themeScaling,color:null!=p?p:f.themeColor,size:s};return r(o,{accentColor:p,children:r(c.Provider,{value:h,children:r(t.Root,l({},d,{children:n}))})})};m.displayName="Dialog.Root";export{c as DialogContext,m as DialogRoot};
+import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import{Theme as o,Dialog as t}from"@radix-ui/themes";import{useTheme as i}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as n}from"../../color/constants.mjs";var l=function(){return l=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},l.apply(this,arguments)},c=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(o[t[i]]=r[t[i]])}return o},a=e({size:"medium",scaling:"100%",color:n,radius:"medium"}),m=function(e){var n=e.children,m=e.radius,s=e.size,u=e.scaling,p=e.color,d=c(e,["children","radius","size","scaling","color"]),f=i().theme,h={radius:null!=m?m:f.themeRadius,scaling:null!=u?u:f.themeScaling,color:null!=p?p:f.themeColor,size:s};return r(o,{accentColor:h.color,children:r(a.Provider,{value:h,children:r(t.Root,l({},d,{children:n}))})})};m.displayName="Dialog.Root";export{a as DialogContext,m as DialogRoot};
 //# sourceMappingURL=DialogRoot.mjs.map

package/dist/lib/components/Editor/index.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { VariantProps } from 'class-variance-authority';
+import 'tinymce/skins/ui/oxide/skin.css';
 export interface EditorProps extends VariantProps<typeof editorVariants> {
+    language?: 'ko_KR' | 'zh_CN' | 'ja' | 'it' | 'vi';
 }
 declare const editorVariants: (props?: ({
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/Editor/index.js

@@ -22,36 +22,69 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, useEffect, useState, useRef, } from 'react';
 import { Editor as EditorUI } from '@tinymce/tinymce-react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../../lib/constants';
+import { loadTinyMCE } from '../../../lib/utils/useLoadTinyMCE';
+import { scalingVariants, radiusVariants } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 import { marked } from 'marked';
+import 'tinymce/skins/ui/oxide/skin.css';
+import contentUiSkinCss from '!!raw-loader!tinymce/skins/ui/oxide/content.css';
+import contentCss from '!!raw-loader!tinymce/skins/content/default/content.css';
 var editorVariants = cva('', {
     variants: {
+        radius: __assign({}, radiusVariants['base']),
         scaling: __assign({}, scalingVariants),
         size: {
-            small: 'w-[500px] h-[350px]',
-            medium: 'w-[550px] h-[400px]',
-            large: 'w-[600px] h-[450px]',
+            small: 'w-[650px] h-[350px]',
+            medium: 'w-[700px] h-[400px]',
+            large: 'w-[750px] h-[450px]',
         },
     },
     defaultVariants: {
+        radius: 'medium',
         scaling: '100%',
         size: 'medium',
     },
 });
 export var Editor = forwardRef(function (_a, ref) {
-    var className = _a.className, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["className", "size", "scaling"]);
-    return (_jsx("div", { className: cn(editorVariants({ size: size, scaling: scaling }), className), ref: ref, children: _jsx(EditorUI, __assign({ tinymceScriptSrc: '@lotte-innovate/ui-component-test/public/tinymce/tinymce.min.js', init: {
-                width: '100%',
-                height: '100%',
-                plugins: 'link table code lists codesample',
-                menubar: false,
-                toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat markdown',
-                content_style: 'body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }',
-                setup: function (editor) {
+    var className = _a.className, size = _a.size, scaling = _a.scaling, radius = _a.radius, init = _a.init, _b = _a.language, language = _b === void 0 ? 'en' : _b, props = __rest(_a, ["className", "size", "scaling", "radius", "init", "language"]);
+    var _c = useState(false), isClient = _c[0], setIsClient = _c[1];
+    var editorRef = useRef(null);
+    var theme = useTheme().theme;
+    var editorStyle = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        size: size,
+    };
+    var radiusTheme = '8px';
+    if (editorStyle.radius === 'none')
+        radiusTheme = '0px';
+    if (editorStyle.radius === 'small')
+        radiusTheme = '4px';
+    if (editorStyle.radius === 'large')
+        radiusTheme = '12px';
+    if (editorStyle.radius === 'full')
+        radiusTheme = '16px';
+    useEffect(function () {
+        if (typeof window !== 'undefined') {
+            loadTinyMCE().then(function () {
+                setIsClient(true);
+            });
+        }
+    }, []);
+    useEffect(function () {
+        if (editorRef.current) {
+            var editorContainer = editorRef.current.getContainer();
+            editorContainer.style.borderRadius = "".concat(radiusTheme);
+        }
+    }, [radiusTheme]);
+    if (!isClient) {
+        return null;
+    }
+    return (_jsx("div", { className: cn(editorVariants(editorStyle), className), ref: ref, children: _jsx(EditorUI, __assign({ onInit: function (evt, editor) { return (editorRef.current = editor); }, init: __assign({ language: language, width: '100%', height: '100%', promotion: false, plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap accordion', menubar: 'file edit view insert format tools table', toolbar: 'undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl', autosave_ask_before_unload: true, autosave_interval: '30s', autosave_restore_when_empty: false, autosave_retention: '2m', image_advtab: true, image_caption: true, quickbars_selection_toolbar: '', toolbar_mode: 'sliding', skin: false, content_css: false, content_style: "".concat(contentUiSkinCss, "\n").concat(contentCss, "\n body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }"), setup: function (editor) {
                     editor.ui.registry.addButton('inlinecode', {
                         icon: 'sourcecode',
                         tooltip: 'Inline code',
@@ -73,8 +106,10 @@ export var Editor = forwardRef(function (_a, ref) {
                             editor.setContent(html);
                         },
                     });
-                },
-            } }, props)) }));
+                    editor.on('init', function () {
+                        editor.getContainer().style.borderRadius = radiusTheme;
+                    });
+                } }, init) }, props)) }));
 });
 Editor.displayName = 'Editor';
 export default Editor;

package/dist/lib/components/Editor/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Editor as o}from"@tinymce/tinymce-react";import{cva as n}from"class-variance-authority";import{scalingVariants as i}from"../../constants.mjs";import{cn as r}from"../../utils/utils.mjs";import{marked as a}from"marked";var c=function(){return c=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},c.apply(this,arguments)},l=function(t,e){var o={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(o[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(t);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i])&&(o[n[i]]=t[n[i]])}return o},s=n("",{variants:{scaling:c({},i),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),m=e((function(e,n){var i=e.className,m=e.size,u=e.scaling,p=l(e,["className","size","scaling"]);return t("div",{className:r(s({size:m,scaling:u}),i),ref:n,children:t(o,c({tinymceScriptSrc:"@lotte-innovate/ui-component-test/public/tinymce/tinymce.min.js",init:{width:"100%",height:"100%",plugins:"link table code lists codesample",menubar:!1,toolbar:"blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat markdown",content_style:"body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }",setup:function(t){t.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){t.formatter.toggle("code")}}),t.on("init",(function(){t.formatter.register("code",{inline:"code",remove:"all"})})),t.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var e=t.getContent({format:"text"}),o=a(e);t.setContent(o)}})}}},p))})}));m.displayName="Editor";export{m as Editor,m as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as n,useRef as i,useEffect as o}from"react";import{Editor as r}from"@tinymce/tinymce-react";import{cva as a}from"class-variance-authority";import{loadTinyMCE as s}from"../../utils/useLoadTinyMCE.mjs";import{radiusVariants as l,scalingVariants as c}from"../../constants.mjs";import{cn as u}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{marked as d}from"marked";import"tinymce/skins/ui/oxide/skin.css";import p from"!!raw-loader!tinymce/skins/ui/oxide/content.css";import f from"!!raw-loader!tinymce/skins/content/default/content.css";var g=function(){return g=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},g.apply(this,arguments)},v=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(n[i[o]]=e[i[o]])}return n},b=a("",{variants:{radius:g({},l.base),scaling:g({},c),size:{small:"w-[650px] h-[350px]",medium:"w-[700px] h-[400px]",large:"w-[750px] h-[450px]"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),h=t((function(t,a){var l=t.className,c=t.size,h=t.scaling,y=t.radius,k=t.init,w=t.language,x=void 0===w?"en":w,_=v(t,["className","size","scaling","radius","init","language"]),O=n(!1),j=O[0],N=O[1],z=i(null),C=m().theme,P={radius:null!=y?y:C.themeRadius,scaling:null!=h?h:C.themeScaling,size:c},S="8px";return"none"===P.radius&&(S="0px"),"small"===P.radius&&(S="4px"),"large"===P.radius&&(S="12px"),"full"===P.radius&&(S="16px"),o((function(){"undefined"!=typeof window&&s().then((function(){N(!0)}))}),[]),o((function(){z.current&&(z.current.getContainer().style.borderRadius="".concat(S))}),[S]),j?e("div",{className:u(b(P),l),ref:a,children:e(r,g({onInit:function(e,t){return z.current=t},init:g({language:x,width:"100%",height:"100%",promotion:!1,plugins:"preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap accordion",menubar:"file edit view insert format tools table",toolbar:"undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl",autosave_ask_before_unload:!0,autosave_interval:"30s",autosave_restore_when_empty:!1,autosave_retention:"2m",image_advtab:!0,image_caption:!0,quickbars_selection_toolbar:"",toolbar_mode:"sliding",skin:!1,content_css:!1,content_style:"".concat(p,"\n").concat(f,"\n body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }"),setup:function(e){e.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){e.formatter.toggle("code")}}),e.on("init",(function(){e.formatter.register("code",{inline:"code",remove:"all"})})),e.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var t=e.getContent({format:"text"}),n=d(t);e.setContent(n)}}),e.on("init",(function(){e.getContainer().style.borderRadius=S}))}},k)},_))}):null}));h.displayName="Editor";export{h as Editor,h as default};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/Footer/index.js

@@ -51,7 +51,7 @@ export var Footer = forwardRef(function (_a, ref) {
         color: color !== null && color !== void 0 ? color : theme.themeColor,
         size: size,
     };
-    return (_jsx("footer", __assign({ ref: ref }, props, { children: _jsx("div", { className: cn(FooterVariants(contextValue), className), children: _jsx("p", { className: "text-center leading-loose", children: children }) }) })));
+    return (_jsx("footer", __assign({ ref: ref, className: cn(FooterVariants(contextValue), className) }, props, { children: _jsx("p", { className: "text-center leading-loose", children: children }) })));
 });
 Footer.displayName = 'Footer';
 export default Footer;

package/dist/lib/components/Footer/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as t}from"class-variance-authority";import{scalingVariants as o,textColorStyle as l}from"../../constants.mjs";import{cn as a}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var i=function(){return i=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var l in r=arguments[t])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},i.apply(this,arguments)},s=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t},c=t("py-3 px-8 container flex flex-col items-center justify-between gap-4 ",{variants:{scaling:i({},o),size:{small:"text-xs",medium:"text-sm",large:"text-base"},color:l()},defaultVariants:{scaling:"100%",size:"medium",color:"black"}}),m=r((function(r,t){var o=r.className,l=r.children,m=r.scaling,p=r.size,f=r.color,u=s(r,["className","children","scaling","size","color"]),h=n().theme,y={scaling:null!=m?m:h.themeScaling,color:null!=f?f:h.themeColor,size:p};return e("footer",i({ref:t},u,{children:e("div",{className:a(c(y),o),children:e("p",{className:"text-center leading-loose",children:l})})}))}));m.displayName="Footer";export{m as Footer,c as FooterVariants,m as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as t}from"class-variance-authority";import{scalingVariants as o,textColorStyle as l}from"../../constants.mjs";import{cn as a}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var i=function(){return i=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var l in r=arguments[t])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},i.apply(this,arguments)},s=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t},c=t("py-3 px-8 container flex flex-col items-center justify-between gap-4 ",{variants:{scaling:i({},o),size:{small:"text-xs",medium:"text-sm",large:"text-base"},color:l()},defaultVariants:{scaling:"100%",size:"medium",color:"black"}}),m=r((function(r,t){var o=r.className,l=r.children,m=r.scaling,p=r.size,f=r.color,u=s(r,["className","children","scaling","size","color"]),y=n().theme,h={scaling:null!=m?m:y.themeScaling,color:null!=f?f:y.themeColor,size:p};return e("footer",i({ref:t,className:a(c(h),o)},u,{children:e("p",{className:"text-center leading-loose",children:l})}))}));m.displayName="Footer";export{m as Footer,c as FooterVariants,m as default};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/Gnb/GnbLogo.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 export interface GnbLogoProps extends VariantProps<typeof gnbLogoVariants> {
+    href?: string;
 }
 declare const gnbLogoVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;

package/dist/lib/components/Gnb/GnbLogo.js

@@ -39,8 +39,8 @@ var gnbLogoVariants = cva('mr-4 flex items-center space-x-2 lg:mr-6 text-slate-1
     },
 });
 export var GnbLogo = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, ["children", "className", "href"]);
     var size = useContext(GnbContext).size;
-    return (_jsx("a", __assign({ href: "/", className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Text, { children: "LOGO \uC601\uC5ED" }) })));
+    return (_jsx("a", __assign({ href: href, className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Text, { children: "LOGO \uC601\uC5ED" }) })));
 });
 GnbLogo.displayName = 'Gnb.Logo';

package/dist/lib/components/Gnb/GnbLogo.mjs

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as n}from"../../utils/utils.mjs";import"../../Typography/Header/index.mjs";import{Text as i}from"../../Typography/Text/index.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},s.apply(this,arguments)},l=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t},p=a("mr-4 flex items-center space-x-2 lg:mr-6 text-slate-12 dark:text-slateDark-12",{variants:{size:{small:"text-xs w-[140px] h-[15px]",medium:"text-sm w-[150px] h-[20px]",large:"text-base w-[160px] h-[25px]"}},defaultVariants:{size:"medium"}}),m=e((function(e,a){var m=e.children,c=e.className,f=l(e,["children","className"]),x=t(o).size;return r("a",s({href:"/",className:n(p({size:x}),c)},f,{children:null!=m?m:r(i,{children:"LOGO 영역"})}))}));m.displayName="Gnb.Logo";export{m as GnbLogo};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as n}from"../../utils/utils.mjs";import"../../Typography/Header/index.mjs";import i from"../../Typography/Text/index.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},s.apply(this,arguments)},l=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t},p=a("mr-4 flex items-center space-x-2 lg:mr-6 text-slate-12 dark:text-slateDark-12",{variants:{size:{small:"text-xs w-[140px] h-[15px]",medium:"text-sm w-[150px] h-[20px]",large:"text-base w-[160px] h-[25px]"}},defaultVariants:{size:"medium"}}),m=e((function(e,a){var m=e.children,c=e.className,f=e.href,x=l(e,["children","className","href"]),u=t(o).size;return r("a",s({href:f,className:n(p({size:u}),c)},x,{children:null!=m?m:r(i,{children:"LOGO 영역"})}))}));m.displayName="Gnb.Logo";export{m as GnbLogo};
 //# sourceMappingURL=GnbLogo.mjs.map

package/dist/lib/components/Gnb/GnbLogo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GnbLogo.mjs","sources":["../../../lib/components/Gnb/GnbLogo.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useContext } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { GnbContext } from './GnbRoot';\nimport { cn } from '../../../lib/utils/utils';\nimport { Text } from '../../../lib/Typography';\nvar gnbLogoVariants = cva('mr-4 flex items-center space-x-2 lg:mr-6 text-slate-12 dark:text-slateDark-12', {\n    variants: {\n        size: {\n            small: 'text-xs w-[140px] h-[15px]',\n            medium: 'text-sm w-[150px] h-[20px]',\n            large: 'text-base w-[160px] h-[25px]',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n    },\n});\nexport var GnbLogo = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    var size = useContext(GnbContext).size;\n    return (_jsx(\"a\", __assign({ href: \"/\", className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Text, { children: \"LOGO \\uC601\\uC5ED\" }) })));\n});\nGnbLogo.displayName = 'Gnb.Logo';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","gnbLogoVariants","cva","variants","size","small","medium","large","defaultVariants","GnbLogo","forwardRef","_a","ref","children","className","props","useContext","GnbContext","_jsx","href","cn","Text","displayName"],"mappings":"iUAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAkBC,EAAI,gFAAiF,CACvGC,SAAU,CACNC,KAAM,CACFC,MAAO,6BACPC,OAAQ,6BACRC,MAAO,iCAGfC,gBAAiB,CACbJ,KAAM,YAGHK,EAAUC,GAAW,SAAUC,EAAIC,GAC1C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQnB,EAAOe,EAAI,CAAC,WAAY,cAClFP,EAAOY,EAAWC,GAAYb,KAClC,OAAQc,EAAK,IAAKrC,EAAS,CAAEsC,KAAM,IAAKL,UAAWM,EAAGnB,EAAgB,CAAEG,KAAMA,IAASU,IAAcC,EAAO,CAAEF,SAAUA,QAA2CA,EAAWK,EAAKG,EAAM,CAAER,SAAU,cACzM,IACAJ,EAAQa,YAAc"}
+{"version":3,"file":"GnbLogo.mjs","sources":["../../../lib/components/Gnb/GnbLogo.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useContext } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { GnbContext } from './GnbRoot';\nimport { cn } from '../../../lib/utils/utils';\nimport { Text } from '../../../lib/Typography';\nvar gnbLogoVariants = cva('mr-4 flex items-center space-x-2 lg:mr-6 text-slate-12 dark:text-slateDark-12', {\n    variants: {\n        size: {\n            small: 'text-xs w-[140px] h-[15px]',\n            medium: 'text-sm w-[150px] h-[20px]',\n            large: 'text-base w-[160px] h-[25px]',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n    },\n});\nexport var GnbLogo = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, [\"children\", \"className\", \"href\"]);\n    var size = useContext(GnbContext).size;\n    return (_jsx(\"a\", __assign({ href: href, className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Text, { children: \"LOGO \\uC601\\uC5ED\" }) })));\n});\nGnbLogo.displayName = 'Gnb.Logo';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","gnbLogoVariants","cva","variants","size","small","medium","large","defaultVariants","GnbLogo","forwardRef","_a","ref","children","className","href","props","useContext","GnbContext","_jsx","cn","Text","displayName"],"mappings":"yTAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAkBC,EAAI,gFAAiF,CACvGC,SAAU,CACNC,KAAM,CACFC,MAAO,6BACPC,OAAQ,6BACRC,MAAO,iCAGfC,gBAAiB,CACbJ,KAAM,YAGHK,EAAUC,GAAW,SAAUC,EAAIC,GAC1C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAOJ,EAAGI,KAAMC,EAAQpB,EAAOe,EAAI,CAAC,WAAY,YAAa,SAC/GP,EAAOa,EAAWC,GAAYd,KAClC,OAAQe,EAAK,IAAKtC,EAAS,CAAEkC,KAAMA,EAAMD,UAAWM,EAAGnB,EAAgB,CAAEG,KAAMA,IAASU,IAAcE,EAAO,CAAEH,SAAUA,QAA2CA,EAAWM,EAAKE,EAAM,CAAER,SAAU,cAC1M,IACAJ,EAAQa,YAAc"}

package/dist/lib/components/Gnb/GnbMenu.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { INavItem } from '../../../lib/types';
 export interface GnbMenuProps extends VariantProps<typeof gnbMenuVariants> {
-    menuList: INavItem[];
 }
 declare const gnbMenuVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;

package/dist/lib/components/Gnb/GnbMenu.js

@@ -24,10 +24,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
-import { usePathname } from 'next/navigation';
 import { GnbContext } from './GnbRoot';
 import { cn } from '../../../lib/utils/utils';
-import Link from 'next/link';
 var gnbMenuVariants = cva('mr-4 hidden md:flex', {
     variants: {
         size: {
@@ -41,9 +39,8 @@ var gnbMenuVariants = cva('mr-4 hidden md:flex', {
     },
 });
 export var GnbMenu = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, menuList = _a.menuList, props = __rest(_a, ["children", "className", "menuList"]);
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var size = useContext(GnbContext).size;
-    var pathname = usePathname();
-    return (_jsx("div", __assign({ className: cn(gnbMenuVariants({ size: size }), className) }, props, { children: _jsx("nav", { className: "flex items-center gap-4 lg:gap-6", children: menuList.map(function (menu, index) { return (_jsx(Link, { href: menu.href, className: cn('hover:text-slate-11', menu.href.startsWith(pathname) ? 'text-slate-12' : 'text-slate-10'), children: menu.title }, index)); }) }) })));
+    return (_jsx("div", __assign({ className: cn(gnbMenuVariants({ size: size }), className) }, props, { children: _jsx("nav", { className: "flex items-center gap-4 lg:gap-6", children: children }) })));
 });
 GnbMenu.displayName = 'Gnb.Menu';

package/dist/lib/components/Gnb/GnbMenu.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as n}from"class-variance-authority";import{usePathname as a}from"next/navigation";import{GnbContext as i}from"./GnbRoot.mjs";import{cn as o}from"../../utils/utils.mjs";import s from"next/link";var l=function(){return l=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},l.apply(this,arguments)},m=function(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(t);a<n.length;a++)e.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(t,n[a])&&(r[n[a]]=t[n[a]])}return r},c=n("mr-4 hidden md:flex",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),f=e((function(e,n){e.children;var f=e.className,p=e.menuList,u=m(e,["children","className","menuList"]),h=r(i).size,d=a();return t("div",l({className:o(c({size:h}),f)},u,{children:t("nav",{className:"flex items-center gap-4 lg:gap-6",children:p.map((function(e,r){return t(s,{href:e.href,className:o("hover:text-slate-11",e.href.startsWith(d)?"text-slate-12":"text-slate-10"),children:e.title},r)}))})}))}));f.displayName="Gnb.Menu";export{f as GnbMenu};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as n}from"./GnbRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},o.apply(this,arguments)},s=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},l=a("mr-4 hidden md:flex",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),m=r((function(r,a){var m=r.children,c=r.className,p=s(r,["children","className"]),f=t(n).size;return e("div",o({className:i(l({size:f}),c)},p,{children:e("nav",{className:"flex items-center gap-4 lg:gap-6",children:m})}))}));m.displayName="Gnb.Menu";export{m as GnbMenu};
 //# sourceMappingURL=GnbMenu.mjs.map

package/dist/lib/components/Gnb/GnbMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbMenuItemProps extends VariantProps<typeof gnbMenuItemVariants> {
+    href?: string;
+    active?: boolean;
+}
+declare const gnbMenuItemVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & GnbMenuItemProps & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/lib/components/Gnb/GnbMenuItem.js

@@ -0,0 +1,46 @@
+'use client';
+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 } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { GnbContext } from './GnbRoot';
+import { cn } from '../../../lib/utils/utils';
+var gnbMenuItemVariants = cva('hover:text-slate-11 dark:hover:text-slateDark-11 cursor-pointer', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbMenuItem = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, href = _a.href, active = _a.active, props = __rest(_a, ["children", "className", "href", "active"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("a", __assign({ href: href, className: cn(gnbMenuItemVariants({ size: size }), active ? 'text-slate-12 dark:text-slateDark-12' : 'text-slate-10 dark:text-slateDark-10', className) }, props, { children: children })));
+});
+GnbMenuItem.displayName = 'Gnb.GnbMenuItem';

package/dist/lib/components/Gnb/GnbMenuItem.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as n}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},s.apply(this,arguments)},i=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},l=a("hover:text-slate-11 dark:hover:text-slateDark-11 cursor-pointer",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),c=e((function(e,a){var c=e.children,m=e.className,p=e.href,f=e.active,u=i(e,["children","className","href","active"]),h=r(o).size;return t("a",s({href:p,className:n(l({size:h}),f?"text-slate-12 dark:text-slateDark-12":"text-slate-10 dark:text-slateDark-10",m)},u,{children:c}))}));c.displayName="Gnb.GnbMenuItem";export{c as GnbMenuItem};
+//# sourceMappingURL=GnbMenuItem.mjs.map

package/dist/lib/components/Gnb/GnbMenuItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GnbMenuItem.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/Gnb/index.d.ts

@@ -3,6 +3,7 @@ declare const Gnb: {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("./GnbRoot").GnbProps & import("react").RefAttributes<HTMLElement>>;
     Logo: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("./GnbLogo").GnbLogoProps & import("react").RefAttributes<HTMLAnchorElement>>;
     Menu: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./GnbMenu").GnbMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+    MenuItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("./GnbMenuItem").GnbMenuItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
     Info: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./GnbInfo").GnbInfoProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default Gnb;

package/dist/lib/components/Gnb/index.js

@@ -1,11 +1,13 @@
 import { Gnb as Root } from './GnbRoot';
 import { GnbLogo as Logo } from './GnbLogo';
 import { GnbMenu as Menu } from './GnbMenu';
+import { GnbMenuItem as MenuItem } from './GnbMenuItem';
 import { GnbInfo as Info } from './GnbInfo';
 var Gnb = {
     Root: Root,
     Logo: Logo,
     Menu: Menu,
+    MenuItem: MenuItem,
     Info: Info,
 };
 export default Gnb;

package/dist/lib/components/Gnb/index.mjs

@@ -1,2 +1,2 @@
-import{Gnb as o}from"./GnbRoot.mjs";import{GnbLogo as m}from"./GnbLogo.mjs";import{GnbMenu as r}from"./GnbMenu.mjs";import{GnbInfo as n}from"./GnbInfo.mjs";var t={Root:o,Logo:m,Menu:r,Info:n};export{t as default};
+import{Gnb as o}from"./GnbRoot.mjs";import{GnbLogo as m}from"./GnbLogo.mjs";import{GnbMenu as n}from"./GnbMenu.mjs";import{GnbMenuItem as r}from"./GnbMenuItem.mjs";import{GnbInfo as t}from"./GnbInfo.mjs";var e={Root:o,Logo:m,Menu:n,MenuItem:r,Info:t};export{e as default};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/Gnb/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Gnb/index.js"],"sourcesContent":["import { Gnb as Root } from './GnbRoot';\nimport { GnbLogo as Logo } from './GnbLogo';\nimport { GnbMenu as Menu } from './GnbMenu';\nimport { GnbInfo as Info } from './GnbInfo';\nvar Gnb = {\n    Root: Root,\n    Logo: Logo,\n    Menu: Menu,\n    Info: Info,\n};\nexport default Gnb;\n"],"names":["Gnb","Root","Logo","Menu","Info"],"mappings":"4JAIG,IAACA,EAAM,CACNC,KAAMA,EACNC,KAAMA,EACNC,KAAMA,EACNC,KAAMA"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Gnb/index.js"],"sourcesContent":["import { Gnb as Root } from './GnbRoot';\nimport { GnbLogo as Logo } from './GnbLogo';\nimport { GnbMenu as Menu } from './GnbMenu';\nimport { GnbMenuItem as MenuItem } from './GnbMenuItem';\nimport { GnbInfo as Info } from './GnbInfo';\nvar Gnb = {\n    Root: Root,\n    Logo: Logo,\n    Menu: Menu,\n    MenuItem: MenuItem,\n    Info: Info,\n};\nexport default Gnb;\n"],"names":["Gnb","Root","Logo","Menu","MenuItem","Info"],"mappings":"4MAKG,IAACA,EAAM,CACNC,KAAMA,EACNC,KAAMA,EACNC,KAAMA,EACNC,SAAUA,EACVC,KAAMA"}

package/dist/lib/components/Grid/NumberingPagination.d.ts

@@ -0,0 +1,2 @@
+declare function NumberingPagination({ table }: any): import("react/jsx-runtime").JSX.Element;
+export default NumberingPagination;

package/dist/lib/components/Grid/NumberingPagination.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import IconButton from '../IconButton';
+import { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';
+import Select from '../Select';
+import { MAIN_COLOR } from '../../../lib/color/constants';
+import Button from '../Button';
+import TextField from '../TextField';
+import Text from '../../Typography/Text';
+function NumberingPagination(_a) {
+    var _b;
+    var table = _a.table;
+    var _c = useState('1'), nowPage = _c[0], setNowPage = _c[1];
+    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;
+    var renderPageNumbers = function () {
+        var pageNumbers = [];
+        var currentInx = table.getState().pagination.pageIndex;
+        var _loop_1 = function (i) {
+            pageNumbers.push(_jsx(Button, { appearance: "ghost", onClick: function () {
+                    table.setPageIndex(i);
+                    setNowPage(String(i + 1));
+                }, color: table.getState().pagination.pageIndex === i ? color : 'slate', children: i + 1 }, i));
+        };
+        for (var i = 0; i < table.getPageCount(); i++) {
+            _loop_1(i);
+        }
+        if (pageNumbers.length > 10) {
+            if (currentInx - 3 > 0 && currentInx + 3 < table.getPageCount()) {
+                pageNumbers = pageNumbers.slice(currentInx - 2, currentInx + 3);
+                pageNumbers.unshift(_jsx(Button, { appearance: "ghost", onClick: function () {
+                        table.setPageIndex(0);
+                        setNowPage('1');
+                    }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, children: "..." }));
+                pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, children: "..." }), _jsx(Button, { appearance: "ghost", onClick: function () {
+                        table.setPageIndex(table.getPageCount() - 1);
+                        setNowPage(String(table.getPageCount()));
+                    }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
+            }
+            else if (currentInx - 3 <= 0) {
+                pageNumbers = pageNumbers.slice(0, 7);
+                pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, children: "..." }), _jsx(Button, { appearance: "ghost", onClick: function () {
+                        table.setPageIndex(table.getPageCount() - 1);
+                        setNowPage(String(table.getPageCount()));
+                    }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
+            }
+            else {
+                pageNumbers = pageNumbers.slice(table.getPageCount() - 7, table.getPageCount());
+                pageNumbers.unshift(_jsx(Button, { appearance: "ghost", onClick: function () {
+                        table.setPageIndex(0);
+                        setNowPage('1');
+                    }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, children: "..." }));
+            }
+        }
+        return pageNumbers;
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsxs(Select.Root, { color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {
+                            table.setPageSize(Number(e));
+                            setNowPage('1');
+                            table.setPageIndex(0);
+                        }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 50, 100].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () {
+                                    table.firstPage();
+                                    setNowPage('1');
+                                }, disabled: !table.getCanPreviousPage(), children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () {
+                                    table.previousPage();
+                                    setNowPage(String(table.getState().pagination.pageIndex));
+                                }, disabled: !table.getCanPreviousPage(), children: _jsx(ChevronLeftIcon, {}) })] }), _jsx("div", { children: renderPageNumbers() }), _jsxs("div", { className: "flex gap-2", children: [_jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () {
+                                    table.nextPage();
+                                    setNowPage(String(table.getState().pagination.pageIndex + 2));
+                                }, disabled: !table.getCanNextPage(), children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () {
+                                    table.lastPage();
+                                    setNowPage(String(table.getPageCount()));
+                                }, disabled: !table.getCanNextPage(), children: _jsx(DoubleArrowRightIcon, {}) })] })] }), _jsxs("div", { className: "mt-4 flex items-center justify-center gap-2", children: [_jsx(TextField.Root, { type: "number", color: color, min: "1", max: table.getPageCount(), value: nowPage, onChange: function (e) {
+                            setNowPage(e.target.value);
+                        }, className: "w-[50px] rounded border" }), _jsxs(Text, { children: ["/ ", table.getPageCount()] }), _jsx(Button, { onClick: function () { return table.setPageIndex(nowPage ? Number(nowPage) - 1 : 0); }, children: "\uC774\uB3D9" })] })] }));
+}
+export default NumberingPagination;

package/dist/lib/components/Grid/NumberingPagination.mjs

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import{IconButton as a}from"../IconButton/index.mjs";import{DoubleArrowLeftIcon as o,ChevronLeftIcon as i,ChevronRightIcon as r,DoubleArrowRightIcon as g}from"@radix-ui/react-icons";import c from"../Select/index.mjs";import{MAIN_COLOR as l}from"../../color/constants.mjs";import{Button as d}from"../Button/index.mjs";import s from"../TextField/index.mjs";import u from"../../Typography/Text/index.mjs";function p(p){var m,h=p.table,f=n("1"),P=f[0],x=f[1],C=null!==(m=h.options.color)&&void 0!==m?m:l;return e("div",{children:[e("div",{className:"flex items-center justify-center gap-2",children:[e(c.Root,{color:C,value:String(h.getState().pagination.pageSize),defaultValue:String(h.getState().pagination.pageSize),onValueChange:function(e){h.setPageSize(Number(e)),x("1"),h.setPageIndex(0)},children:[t(c.Trigger,{}),t(c.Content,{children:[10,20,30,50,100].map((function(e){return t(c.Item,{value:String(e),children:e},e)}))})]}),e("div",{className:"flex gap-2",children:[t(a,{className:"rounded border p-1",color:C,onClick:function(){h.firstPage(),x("1")},disabled:!h.getCanPreviousPage(),children:t(o,{})}),t(a,{className:"rounded border p-1",color:C,onClick:function(){h.previousPage(),x(String(h.getState().pagination.pageIndex))},disabled:!h.getCanPreviousPage(),children:t(i,{})})]}),t("div",{children:function(){for(var e=[],n=h.getState().pagination.pageIndex,a=function(n){e.push(t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(n),x(String(n+1))},color:h.getState().pagination.pageIndex===n?C:"slate",children:n+1},n))},o=0;o<h.getPageCount();o++)a(o);return e.length>10&&(n-3>0&&n+3<h.getPageCount()?((e=e.slice(n-2,n+3)).unshift(t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(0),x("1")},color:0===h.getState().pagination.pageIndex?C:"slate",children:1},0),t(d,{appearance:"ghost",disabled:!0,children:"..."})),e.push(t(d,{appearance:"ghost",disabled:!0,children:"..."}),t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(h.getPageCount()-1),x(String(h.getPageCount()))},color:h.getState().pagination.pageIndex===h.getPageCount()-1?C:"slate",children:h.getPageCount()},h.getPageCount()-1))):n-3<=0?(e=e.slice(0,7)).push(t(d,{appearance:"ghost",disabled:!0,children:"..."}),t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(h.getPageCount()-1),x(String(h.getPageCount()))},color:h.getState().pagination.pageIndex===h.getPageCount()-1?C:"slate",children:h.getPageCount()},h.getPageCount()-1)):(e=e.slice(h.getPageCount()-7,h.getPageCount())).unshift(t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(0),x("1")},color:0===h.getState().pagination.pageIndex?C:"slate",children:1},0),t(d,{appearance:"ghost",disabled:!0,children:"..."}))),e}()}),e("div",{className:"flex gap-2",children:[t(a,{className:"rounded border p-1",color:C,onClick:function(){h.nextPage(),x(String(h.getState().pagination.pageIndex+2))},disabled:!h.getCanNextPage(),children:t(r,{})}),t(a,{className:"rounded border p-1",color:C,onClick:function(){h.lastPage(),x(String(h.getPageCount()))},disabled:!h.getCanNextPage(),children:t(g,{})})]})]}),e("div",{className:"mt-4 flex items-center justify-center gap-2",children:[t(s.Root,{type:"number",color:C,min:"1",max:h.getPageCount(),value:P,onChange:function(e){x(e.target.value)},className:"w-[50px] rounded border"}),e(u,{children:["/ ",h.getPageCount()]}),t(d,{onClick:function(){return h.setPageIndex(P?Number(P)-1:0)},children:"이동"})]})]})}export{p as default};
+//# sourceMappingURL=NumberingPagination.mjs.map