@lotte-innovate/ui-component-test 0.0.157 → 0.0.158

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/README.md +8 -9
  2. package/dist/globals.css +2 -2
  3. package/dist/lib/Typography/Text/index.mjs +1 -1
  4. package/dist/lib/color/constants.js +1 -1
  5. package/dist/lib/color/constants.mjs +1 -1
  6. package/dist/lib/color/constants.mjs.map +1 -1
  7. package/dist/lib/components/Avatar/index.js +1 -0
  8. package/dist/lib/components/Avatar/index.mjs +1 -1
  9. package/dist/lib/components/Badge/index.js +3 -3
  10. package/dist/lib/components/Badge/index.mjs +1 -1
  11. package/dist/lib/components/Box/index.js +2 -2
  12. package/dist/lib/components/Box/index.mjs +1 -1
  13. package/dist/lib/components/Box/index.mjs.map +1 -1
  14. package/dist/lib/components/Breadcrumb/BreadcrumbLink.js +2 -2
  15. package/dist/lib/components/Breadcrumb/BreadcrumbLink.mjs +1 -1
  16. package/dist/lib/components/Breadcrumb/BreadcrumbLink.mjs.map +1 -1
  17. package/dist/lib/components/Breadcrumb/BreadcrumbPage.js +3 -3
  18. package/dist/lib/components/Breadcrumb/BreadcrumbPage.mjs +1 -1
  19. package/dist/lib/components/Breadcrumb/BreadcrumbPage.mjs.map +1 -1
  20. package/dist/lib/components/Breadcrumb/BreadcrumbRoot.js +2 -2
  21. package/dist/lib/components/Breadcrumb/BreadcrumbRoot.mjs +1 -1
  22. package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +1 -1
  23. package/dist/lib/components/CheckboxGroup/index.d.ts +1 -1
  24. package/dist/lib/components/Container/index.js +2 -2
  25. package/dist/lib/components/Container/index.mjs +1 -1
  26. package/dist/lib/components/Container/index.mjs.map +1 -1
  27. package/dist/lib/components/Datepicker/index.d.ts +2 -1
  28. package/dist/lib/components/Datepicker/index.js +6 -3
  29. package/dist/lib/components/Datepicker/index.mjs +1 -1
  30. package/dist/lib/components/Dialog/DialogAction.mjs +1 -1
  31. package/dist/lib/components/Dialog/DialogCancel.js +1 -1
  32. package/dist/lib/components/Dialog/DialogCancel.mjs +1 -1
  33. package/dist/lib/components/Dialog/DialogContent.js +1 -1
  34. package/dist/lib/components/Dialog/DialogContent.mjs +1 -1
  35. package/dist/lib/components/Dialog/DialogRoot.d.ts +2 -2
  36. package/dist/lib/components/Dialog/DialogTrigger.js +1 -0
  37. package/dist/lib/components/Dialog/DialogTrigger.mjs +1 -0
  38. package/dist/lib/components/Dialog/DialogTrigger.mjs.map +1 -1
  39. package/dist/lib/components/Dialog/index.d.ts +1 -1
  40. package/dist/lib/components/Dialog/index.js +16 -16
  41. package/dist/lib/components/Dialog/index.mjs.map +1 -1
  42. package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.js +3 -3
  43. package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.mjs +1 -1
  44. package/dist/lib/components/Editor/index.d.ts +0 -1
  45. package/dist/lib/components/Editor/index.js +11 -2
  46. package/dist/lib/components/Editor/index.mjs +1 -1
  47. package/dist/lib/components/Flex/index.js +2 -2
  48. package/dist/lib/components/Flex/index.mjs +1 -1
  49. package/dist/lib/components/Flex/index.mjs.map +1 -1
  50. package/dist/lib/components/Gnb/GnbInfo.js +2 -2
  51. package/dist/lib/components/Gnb/GnbInfo.mjs +1 -1
  52. package/dist/lib/components/Gnb/GnbLogo.js +1 -1
  53. package/dist/lib/components/Gnb/GnbLogo.mjs +1 -1
  54. package/dist/lib/components/Gnb/GnbLogo.mjs.map +1 -1
  55. package/dist/lib/components/Gnb/GnbMenuItem.js +1 -1
  56. package/dist/lib/components/Gnb/GnbMenuItem.mjs +1 -1
  57. package/dist/lib/components/Grid/NumberingPagination.js +64 -22
  58. package/dist/lib/components/Grid/NumberingPagination.mjs +1 -1
  59. package/dist/lib/components/Grid/NumberingPagination.mjs.map +1 -1
  60. package/dist/lib/components/Grid/index.d.ts +1 -0
  61. package/dist/lib/components/Grid/index.js +57 -39
  62. package/dist/lib/components/Grid/index.mjs +1 -1
  63. package/dist/lib/components/Grid/useGrid.js +30 -14
  64. package/dist/lib/components/Grid/useGrid.mjs +1 -1
  65. package/dist/lib/components/IconButton/index.js +10 -10
  66. package/dist/lib/components/IconButton/index.mjs +1 -1
  67. package/dist/lib/components/Modal/ModalAction.js +1 -1
  68. package/dist/lib/components/Modal/ModalAction.mjs +1 -1
  69. package/dist/lib/components/Modal/ModalCancel.mjs +1 -1
  70. package/dist/lib/components/Modal/ModalTitle.js +1 -1
  71. package/dist/lib/components/Modal/ModalTitle.mjs +1 -1
  72. package/dist/lib/components/Radio/index.js +3 -2
  73. package/dist/lib/components/Radio/index.mjs +1 -1
  74. package/dist/lib/components/SearchBar/index.js +2 -2
  75. package/dist/lib/components/SearchBar/index.mjs +1 -1
  76. package/dist/lib/components/Select/index.d.ts +2 -2
  77. package/dist/lib/components/Select/index.js +1 -1
  78. package/dist/lib/components/Select/index.mjs +1 -1
  79. package/dist/lib/components/SideBar/index.d.ts +27 -0
  80. package/dist/lib/components/SideBar/index.js +17 -4
  81. package/dist/lib/components/SideBar/index.mjs +1 -1
  82. package/dist/lib/components/Table/index.d.ts +1 -1
  83. package/dist/lib/components/Table/index.js +17 -10
  84. package/dist/lib/components/Table/index.mjs +1 -1
  85. package/dist/lib/components/Tabs/DynamicTabs.d.ts +4 -2
  86. package/dist/lib/components/Tabs/DynamicTabs.js +21 -16
  87. package/dist/lib/components/Tabs/DynamicTabs.mjs +1 -1
  88. package/dist/lib/components/TextField/index.js +3 -5
  89. package/dist/lib/components/TextField/index.mjs +1 -1
  90. package/dist/lib/components/Tree/index.d.ts +1 -0
  91. package/dist/lib/components/Tree/index.js +22 -1
  92. package/dist/lib/components/Tree/index.mjs +1 -1
  93. package/dist/lib/components/Tree/index.mjs.map +1 -1
  94. package/dist/lib/index.mjs +1 -1
  95. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  96. package/dist/lib/utils/useLoadTinyMCE.d.ts +1 -37
  97. package/dist/lib/utils/useLoadTinyMCE.js +151 -36
  98. package/dist/lib/utils/useLoadTinyMCE.mjs +2 -0
  99. package/dist/lib/utils/useLoadTinyMCE.mjs.map +1 -0
  100. package/dist/tsconfig.tsbuildinfo +1 -1
  101. package/package.json +1 -1
  102. package/dist/lib/is-client-ctx.d.ts +0 -4
  103. package/dist/lib/is-client-ctx.js +0 -11
  104. package/dist/lib/is-client-ctx.mjs +0 -2
  105. package/dist/lib/is-client-ctx.mjs.map +0 -1
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- 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"../Container/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"../Flex/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"../GridLayout/index.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"../Tree/index.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"]),x=e(m),M=x.radius,g=x.size;return o(r.Close,p({ref:i,className:n(d({radius:M,size:g}),j)},l,{children:"string"==typeof u?o(a,{children:u}):u}))}));u.displayName="Dialog.Cancel";export{u as DialogCancel,d as dialogCancelVariants};
2
+ 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 n}from"class-variance-authority";import{DialogContext as a}from"./DialogRoot.mjs";import{cn as i}from"../../utils/utils.mjs";import{Text as l}from"../../Typography/Text/index.mjs";var s=function(){return s=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},s.apply(this,arguments)},m=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 n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t},p=n("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"}}),d=r((function(r,n){var d=r.children,u=r.className,c=m(r,["children","className"]),x=t(a),f=x.radius,h=x.size;return e(o.Close,s({ref:n,className:i(p({radius:f,size:h}),u)},c,{children:"string"==typeof d?e(l,{children:d}):d}))}));d.displayName="Dialog.Cancel";export{d as DialogCancel,p as dialogCancelVariants};
3
3
  //# sourceMappingURL=DialogCancel.mjs.map
@@ -53,6 +53,6 @@ export var dialogContentVariants = cva("rounded-md focus:outline-none bg-white d
53
53
  export var DialogContent = forwardRef(function (_a, forwardedRef) {
54
54
  var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
55
55
  var _b = useContext(DialogContext), radius = _b.radius, size = _b.size, scaling = _b.scaling;
56
- return (_jsx(DialogTheme.Content, __assign({ ref: forwardedRef, className: cn(dialogContentVariants({ radius: radius, scaling: scaling, size: size }), className) }, props, { children: children })));
56
+ return (_jsx(DialogTheme.Content, __assign({ ref: forwardedRef, "aria-describedby": undefined, className: cn(dialogContentVariants({ radius: radius, scaling: scaling, size: size }), className) }, props, { children: children })));
57
57
  });
58
58
  DialogContent.displayName = 'Dialog.Content';
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as o}from"class-variance-authority";import{Dialog as n}from"@radix-ui/themes";import{scalingVariants as a}from"../../constants.mjs";import{DialogContext as i}from"./DialogRoot.mjs";import{cn as l}from"../../utils/utils.mjs";var s=function(){return s=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},s.apply(this,arguments)},m=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},p=o("rounded-md focus:outline-none bg-white dark:bg-slateDark-1 \n shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px]",{variants:{radius:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},size:{small:"w-[300px]",medium:"w-[400px]",large:"w-[500px]","x-large":"w-[600px]"},scaling:s({},a)},defaultVariants:{radius:"medium",size:"medium"}}),u=e((function(e,o){var a=e.children,u=e.className,d=m(e,["children","className"]),c=t(i),f=c.radius,x=c.size,_=c.scaling;return r(n.Content,s({ref:o,className:l(p({radius:f,scaling:_,size:x}),u)},d,{children:a}))}));u.displayName="Dialog.Content";export{u as DialogContent,p as dialogContentVariants};
2
+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as o}from"class-variance-authority";import{Dialog as n}from"@radix-ui/themes";import{scalingVariants as a}from"../../constants.mjs";import{DialogContext as i}from"./DialogRoot.mjs";import{cn as s}from"../../utils/utils.mjs";var l=function(){return l=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},l.apply(this,arguments)},m=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},p=o("rounded-md focus:outline-none bg-white dark:bg-slateDark-1 \n shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px]",{variants:{radius:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},size:{small:"w-[300px]",medium:"w-[400px]",large:"w-[500px]","x-large":"w-[600px]"},scaling:l({},a)},defaultVariants:{radius:"medium",size:"medium"}}),d=e((function(e,o){var a=e.children,d=e.className,u=m(e,["children","className"]),c=t(i),f=c.radius,x=c.size,_=c.scaling;return r(n.Content,l({ref:o,"aria-describedby":void 0,className:s(p({radius:f,scaling:_,size:x}),d)},u,{children:a}))}));d.displayName="Dialog.Content";export{d as DialogContent,p as dialogContentVariants};
3
3
  //# sourceMappingURL=DialogContent.mjs.map
@@ -1,5 +1,5 @@
1
1
  import React, { ComponentPropsWithoutRef } from 'react';
2
- import { Dialog as DialogTheme } from '@radix-ui/themes';
2
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
  import { dialogContentVariants } from './DialogContent';
5
5
  export interface DialogProps extends VariantProps<typeof dialogContentVariants> {
@@ -7,6 +7,6 @@ export interface DialogProps extends VariantProps<typeof dialogContentVariants>
7
7
  }
8
8
  export declare const DialogContext: React.Context<DialogProps>;
9
9
  export declare const DialogRoot: {
10
- ({ children, radius, size, scaling, color, ...props }: ComponentPropsWithoutRef<typeof DialogTheme.Root> & DialogProps): import("react/jsx-runtime").JSX.Element;
10
+ ({ children, radius, size, scaling, color, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & DialogProps): import("react/jsx-runtime").JSX.Element;
11
11
  displayName: string;
12
12
  };
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  var __assign = (this && this.__assign) || function () {
2
3
  __assign = Object.assign || function(t) {
3
4
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -1,2 +1,3 @@
1
+ "use client";
1
2
  import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Dialog as t}from"@radix-ui/themes";var n=function(){return n=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},n.apply(this,arguments)},o=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(t[n[o]]=r[n[o]])}return t},a=e((function(e,a){var i=e.children,c=e.className,l=o(e,["children","className"]);return r(t.Trigger,n({ref:a,className:c},l,{children:i}))}));a.displayName="Dialog.Trigger";export{a as DialogTrigger};
2
3
  //# sourceMappingURL=DialogTrigger.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"DialogTrigger.mjs","sources":["../../../lib/components/Dialog/DialogTrigger.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 } from 'react';\nimport { Dialog as DialogTheme } from '@radix-ui/themes';\nexport var DialogTrigger = forwardRef(function (_a, ref) {\n var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n return (_jsx(DialogTheme.Trigger, __assign({ ref: ref, className: className }, props, { children: children })));\n});\nDialogTrigger.displayName = 'Dialog.Trigger';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","DialogTrigger","forwardRef","_a","ref","children","className","props","_jsx","DialogTheme","Trigger","displayName"],"mappings":"qHAAA,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,EAIWiB,EAAgBC,GAAW,SAAUC,EAAIC,GAChD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQX,EAAOO,EAAI,CAAC,WAAY,cACtF,OAAQK,EAAKC,EAAYC,QAAS7B,EAAS,CAAEuB,IAAKA,EAAKE,UAAWA,GAAaC,EAAO,CAAEF,SAAUA,IACtG,IACAJ,EAAcU,YAAc"}
1
+ {"version":3,"file":"DialogTrigger.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  declare const Dialog: {
3
3
  Root: {
4
- ({ children, radius, size, scaling, color, ...props }: import("@radix-ui/themes/dist/cjs/components/dialog").RootProps & import("./DialogRoot").DialogProps): import("react/jsx-runtime").JSX.Element;
4
+ ({ children, radius, size, scaling, color, ...props }: import("@radix-ui/react-dialog").DialogProps & import("./DialogRoot").DialogProps): import("react/jsx-runtime").JSX.Element;
5
5
  displayName: string;
6
6
  };
7
7
  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -1,19 +1,19 @@
1
- import { DialogRoot } from './DialogRoot';
2
- import { DialogTrigger } from './DialogTrigger';
3
- import { DialogContent } from './DialogContent';
4
- import { DialogTitle } from './DialogTitle';
5
- import { DialogDescription } from './DialogDescription';
6
- import { DialogSlot } from './DialogSlot';
7
- import { DialogCancel } from './DialogCancel';
8
- import { DialogAction } from './DialogAction';
1
+ import { DialogRoot as Root } from './DialogRoot';
2
+ import { DialogTrigger as Trigger } from './DialogTrigger';
3
+ import { DialogContent as Content } from './DialogContent';
4
+ import { DialogTitle as Title } from './DialogTitle';
5
+ import { DialogDescription as Description } from './DialogDescription';
6
+ import { DialogSlot as Slot } from './DialogSlot';
7
+ import { DialogCancel as Cancel } from './DialogCancel';
8
+ import { DialogAction as Action } from './DialogAction';
9
9
  var Dialog = {
10
- Root: DialogRoot,
11
- Trigger: DialogTrigger,
12
- Content: DialogContent,
13
- Title: DialogTitle,
14
- Description: DialogDescription,
15
- Slot: DialogSlot,
16
- Cancel: DialogCancel,
17
- Action: DialogAction,
10
+ Root: Root,
11
+ Trigger: Trigger,
12
+ Content: Content,
13
+ Title: Title,
14
+ Description: Description,
15
+ Slot: Slot,
16
+ Cancel: Cancel,
17
+ Action: Action,
18
18
  };
19
19
  export default Dialog;
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../lib/components/Dialog/index.js"],"sourcesContent":["import { DialogRoot } from './DialogRoot';\nimport { DialogTrigger } from './DialogTrigger';\nimport { DialogContent } from './DialogContent';\nimport { DialogTitle } from './DialogTitle';\nimport { DialogDescription } from './DialogDescription';\nimport { DialogSlot } from './DialogSlot';\nimport { DialogCancel } from './DialogCancel';\nimport { DialogAction } from './DialogAction';\nvar Dialog = {\n Root: DialogRoot,\n Trigger: DialogTrigger,\n Content: DialogContent,\n Title: DialogTitle,\n Description: DialogDescription,\n Slot: DialogSlot,\n Cancel: DialogCancel,\n Action: DialogAction,\n};\nexport default Dialog;\n"],"names":["Dialog","Root","DialogRoot","Trigger","DialogTrigger","Content","DialogContent","Title","DialogTitle","Description","DialogDescription","Slot","DialogSlot","Cancel","DialogCancel","Action","DialogAction"],"mappings":"oZAQG,IAACA,EAAS,CACTC,KAAMC,EACNC,QAASC,EACTC,QAASC,EACTC,MAAOC,EACPC,YAAaC,EACbC,KAAMC,EACNC,OAAQC,EACRC,OAAQC"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../lib/components/Dialog/index.js"],"sourcesContent":["import { DialogRoot as Root } from './DialogRoot';\nimport { DialogTrigger as Trigger } from './DialogTrigger';\nimport { DialogContent as Content } from './DialogContent';\nimport { DialogTitle as Title } from './DialogTitle';\nimport { DialogDescription as Description } from './DialogDescription';\nimport { DialogSlot as Slot } from './DialogSlot';\nimport { DialogCancel as Cancel } from './DialogCancel';\nimport { DialogAction as Action } from './DialogAction';\nvar Dialog = {\n Root: Root,\n Trigger: Trigger,\n Content: Content,\n Title: Title,\n Description: Description,\n Slot: Slot,\n Cancel: Cancel,\n Action: Action,\n};\nexport default Dialog;\n"],"names":["Dialog","Root","Trigger","Content","Title","Description","Slot","Cancel","Action"],"mappings":"oZAQG,IAACA,EAAS,CACTC,KAAMA,EACNC,QAASA,EACTC,QAASA,EACTC,MAAOA,EACPC,YAAaA,EACbC,KAAMA,EACNC,OAAQA,EACRC,OAAQA"}
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  return t;
23
23
  };
24
24
  import { jsx as _jsx } from "react/jsx-runtime";
25
- import { forwardRef, useContext } from 'react';
25
+ import React, { forwardRef, useContext, } from 'react';
26
26
  import { cva } from 'class-variance-authority';
27
27
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
28
28
  import { DropdownMenuContext } from './DropdownMenuRoot';
@@ -48,7 +48,7 @@ var dropdownMenuTriggerVariants = cva('', {
48
48
  });
49
49
  export var DropdownMenuTrigger = forwardRef(function (_a, ref) {
50
50
  var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
51
- var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size;
52
- return (_jsx(DropdownMenuPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: cn(dropdownMenuTriggerVariants({ radius: radius, size: size }), className) }, props, { children: children })));
51
+ var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size, color = _b.color;
52
+ return (_jsx(DropdownMenuPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: cn(dropdownMenuTriggerVariants({ radius: radius, size: size }), className) }, props, { children: React.isValidElement(children) ? React.cloneElement(children, { color: color }) : children })));
53
53
  });
54
54
  DropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as o}from"class-variance-authority";import*as n from"@radix-ui/react-dropdown-menu";import{DropdownMenuContext as a}from"./DropdownMenuRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var s=function(){return s=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},s.apply(this,arguments)},m=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=o("",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"h-6 gap-1 px-2 text-xs",medium:"h-8 gap-2 px-3 text-sm"}},defaultVariants:{radius:"medium",size:"medium"}}),d=e((function(e,o){var d=e.className,l=e.children,p=m(e,["className","children"]),c=t(a),f=c.radius,y=c.size;return r(n.Trigger,s({asChild:!0,ref:o,className:i(u({radius:f,size:y}),d)},p,{children:l}))}));d.displayName="DropdownMenu.Trigger";export{d as DropdownMenuTrigger};
2
+ import{jsx as r}from"react/jsx-runtime";import e,{forwardRef as o,useContext as t}from"react";import{cva as n}from"class-variance-authority";import*as a from"@radix-ui/react-dropdown-menu";import{DropdownMenuContext as i}from"./DropdownMenuRoot.mjs";import{cn as l}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var n in e=arguments[o])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},s.apply(this,arguments)},m=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 n=0;for(t=Object.getOwnPropertySymbols(r);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(r,t[n])&&(o[t[n]]=r[t[n]])}return o},d=n("",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"h-6 gap-1 px-2 text-xs",medium:"h-8 gap-2 px-3 text-sm"}},defaultVariants:{radius:"medium",size:"medium"}}),u=o((function(o,n){var u=o.className,p=o.children,c=m(o,["className","children"]),f=t(i),y=f.radius,g=f.size,h=f.color;return r(a.Trigger,s({asChild:!0,ref:n,className:l(d({radius:y,size:g}),u)},c,{children:e.isValidElement(p)?e.cloneElement(p,{color:h}):p}))}));u.displayName="DropdownMenu.Trigger";export{u as DropdownMenuTrigger};
3
3
  //# sourceMappingURL=DropdownMenuTrigger.mjs.map
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IAllProps } from '@tinymce/tinymce-react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
- import '../../../lib/utils/useLoadTinyMCE';
5
4
  import 'tinymce/skins/ui/oxide/skin.css';
6
5
  export interface EditorProps extends VariantProps<typeof editorVariants> {
7
6
  language?: 'ko_KR' | 'zh_CN' | 'ja' | 'it' | 'vi';
@@ -22,10 +22,10 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  return t;
23
23
  };
24
24
  import { jsx as _jsx } from "react/jsx-runtime";
25
- import { forwardRef, useEffect, useRef } from 'react';
25
+ import { useState, forwardRef, useEffect, useRef, } from 'react';
26
26
  import { Editor as EditorUI } from '@tinymce/tinymce-react';
27
27
  import { cva } from 'class-variance-authority';
28
- import '../../../lib/utils/useLoadTinyMCE';
28
+ import { loadTinymce } from '../../../lib/utils/useLoadTinyMCE';
29
29
  import { scalingVariants, radiusVariants } from '../../../lib/constants';
30
30
  import { cn } from '../../../lib/utils/utils';
31
31
  import { useTheme } from '../../../lib/theme';
@@ -51,6 +51,7 @@ var editorVariants = cva('', {
51
51
  });
52
52
  export var Editor = forwardRef(function (_a, ref) {
53
53
  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"]);
54
+ var _c = useState(false), isClient = _c[0], setIsClient = _c[1];
54
55
  var editorRef = useRef(null);
55
56
  var theme = useTheme().theme;
56
57
  var editorStyle = {
@@ -67,6 +68,11 @@ export var Editor = forwardRef(function (_a, ref) {
67
68
  radiusTheme = '12px';
68
69
  if (editorStyle.radius === 'full')
69
70
  radiusTheme = '16px';
71
+ useEffect(function () {
72
+ loadTinymce().then(function () {
73
+ setIsClient(true);
74
+ });
75
+ }, []);
70
76
  useEffect(function () {
71
77
  if (editorRef.current) {
72
78
  var editorContainer = editorRef.current.getContainer();
@@ -75,6 +81,9 @@ export var Editor = forwardRef(function (_a, ref) {
75
81
  }
76
82
  }
77
83
  }, [radiusTheme]);
84
+ if (!isClient) {
85
+ return null;
86
+ }
78
87
  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 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) {
79
88
  editor.ui.registry.addButton('inlinecode', {
80
89
  icon: 'sourcecode',
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{jsx as i}from"react/jsx-runtime";import{forwardRef as t,useRef as n,useEffect as e}from"react";import{Editor as o}from"@tinymce/tinymce-react";import{cva as r}from"class-variance-authority";import"tinymce/tinymce.js";import"tinymce/themes/silver/theme.js";import"tinymce/models/dom/model.js";import"tinymce/icons/default/icons.js";import"tinymce/plugins/advlist/plugin.js";import"tinymce/plugins/code/plugin.js";import"tinymce/plugins/codesample/plugin.js";import"tinymce/plugins/link/plugin.js";import"tinymce/plugins/lists/plugin.js";import"tinymce/plugins/table/plugin.js";import"tinymce/plugins/image/plugin.js";import"tinymce/plugins/preview/plugin.js";import"tinymce/plugins/importcss/plugin.js";import"tinymce/plugins/searchreplace/plugin.js";import"tinymce/plugins/autolink/plugin.js";import"tinymce/plugins/autosave/plugin.js";import"tinymce/plugins/save/plugin.js";import"tinymce/plugins/directionality/plugin.js";import"tinymce/plugins/visualblocks/plugin.js";import"tinymce/plugins/visualchars/plugin.js";import"tinymce/plugins/fullscreen/plugin.js";import"tinymce/plugins/media/plugin.js";import"tinymce/plugins/charmap/plugin.js";import"tinymce/plugins/pagebreak/plugin.js";import"tinymce/plugins/nonbreaking/plugin.js";import"tinymce/plugins/anchor/plugin.js";import"tinymce/plugins/insertdatetime/plugin.js";import"tinymce/plugins/wordcount/plugin.js";import"tinymce/plugins/quickbars/plugin.js";import"tinymce/plugins/emoticons/plugin.js";import"tinymce/plugins/accordion/plugin.js";import"../../utils/langs/ko_KR.mjs";import"../../utils/langs/it.mjs";import"../../utils/langs/ja.mjs";import"../../utils/langs/vi.mjs";import"../../utils/langs/zh_CN.mjs";import{radiusVariants as s,scalingVariants as a}from"../../constants.mjs";import{cn as l}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{marked as c}from"marked";import"tinymce/skins/ui/oxide/skin.css";import p from"!!raw-loader!tinymce/skins/ui/oxide/content.css";import u from"!!raw-loader!tinymce/skins/content/default/content.css";var g=function(){return g=Object.assign||function(i){for(var t,n=1,e=arguments.length;n<e;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(i[o]=t[o]);return i},g.apply(this,arguments)},d=function(i,t){var n={};for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&t.indexOf(e)<0&&(n[e]=i[e]);if(null!=i&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(i);o<e.length;o++)t.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(i,e[o])&&(n[e[o]]=i[e[o]])}return n},y=r("",{variants:{radius:g({},s.base),scaling:g({},a),size:{small:"w-[650px] h-[350px]",medium:"w-[700px] h-[400px]",large:"w-[750px] h-[450px]"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),f=t((function(t,r){var s=t.className,a=t.size,f=t.scaling,j=t.radius,v=t.init,h=t.language,b=void 0===h?"en":h,k=d(t,["className","size","scaling","radius","init","language"]),w=n(null),x=m().theme,_={radius:null!=j?j:x.themeRadius,scaling:null!=f?f:x.themeScaling,size:a},O="8px";return"none"===_.radius&&(O="0px"),"small"===_.radius&&(O="4px"),"large"===_.radius&&(O="12px"),"full"===_.radius&&(O="16px"),e((function(){if(w.current){var i=w.current.getContainer();i&&(i.style.borderRadius="".concat(O))}}),[O]),i("div",{className:l(y(_),s),ref:r,children:i(o,g({onInit:function(i,t){return w.current=t},init:g({language:b,width:"100%",height:"100%",promotion:!1,plugins:"preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media 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(u,"\n body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }"),setup:function(i){i.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){i.formatter.toggle("code")}}),i.on("init",(function(){i.formatter.register("code",{inline:"code",remove:"all"})})),i.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var t=i.getContent({format:"text"}),n=c(t);i.setContent(n)}}),i.on("init",(function(){i.getContainer().style.borderRadius=O}))}},v)},k))})}));f.displayName="Editor";export{f as Editor,f as default};
2
+ 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,x=t.language,w=void 0===x?"en":x,_=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(){s().then((function(){N(!0)}))}),[]),o((function(){if(z.current){var e=z.current.getContainer();e&&(e.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:w,width:"100%",height:"100%",promotion:!1,plugins:"preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media 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};
3
3
  //# sourceMappingURL=index.mjs.map
@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
23
23
  import { jsx as _jsx } from "react/jsx-runtime";
24
24
  import { forwardRef } from 'react';
25
25
  import { cva } from 'class-variance-authority';
26
- import { Flex as FlexTheme, Theme } from '@radix-ui/themes';
26
+ import { Flex as FlexTheme } from '@radix-ui/themes';
27
27
  import { scalingVariants } from '../../../lib/constants';
28
28
  import { useTheme } from '../../../lib/theme';
29
29
  import { cn } from '../../../lib/utils/utils';
@@ -41,7 +41,7 @@ export var Flex = forwardRef(function (_a, ref) {
41
41
  var flexStyle = {
42
42
  scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
43
43
  };
44
- return (_jsx(Theme, { children: _jsx(FlexTheme, __assign({ ref: ref, className: cn(flexVariants(flexStyle), className) }, props, { children: children })) }));
44
+ return (_jsx(FlexTheme, __assign({ ref: ref, className: cn(flexVariants(flexStyle), className) }, props, { children: children })));
45
45
  });
46
46
  Flex.displayName = 'Flex';
47
47
  export default Flex;
@@ -1,2 +1,2 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cva as e}from"class-variance-authority";import{Theme as a,Flex as n}from"@radix-ui/themes";import{scalingVariants as o}from"../../constants.mjs";import{useTheme as i}from"../../theme/ThemeProvider.mjs";import{cn as l}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var n in t=arguments[e])Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r},s.apply(this,arguments)},c=function(r,t){var e={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&t.indexOf(a)<0&&(e[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(r);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(e[a[n]]=r[a[n]])}return e},m=e("",{variants:{scaling:s({},o)},defaultVariants:{scaling:"100%"}}),p=t((function(t,e){var o=t.children,p=t.className,f=t.scaling,u=c(t,["children","className","scaling"]),h=i().theme,y={scaling:null!=f?f:h.themeScaling};return r(a,{children:r(n,s({ref:e,className:l(m(y),p)},u,{children:o}))})}));p.displayName="Flex";export{p as Flex,p as default};
1
+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cva as e}from"class-variance-authority";import{Flex as a}from"@radix-ui/themes";import{scalingVariants as n}from"../../constants.mjs";import{useTheme as o}from"../../theme/ThemeProvider.mjs";import{cn as i}from"../../utils/utils.mjs";var l=function(){return l=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var n in t=arguments[e])Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r},l.apply(this,arguments)},s=function(r,t){var e={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&t.indexOf(a)<0&&(e[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(r);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(e[a[n]]=r[a[n]])}return e},c=e("",{variants:{scaling:l({},n)},defaultVariants:{scaling:"100%"}}),m=t((function(t,e){var n=t.children,m=t.className,p=t.scaling,f=s(t,["children","className","scaling"]),u=o().theme,h={scaling:null!=p?p:u.themeScaling};return r(a,l({ref:e,className:i(c(h),m)},f,{children:n}))}));m.displayName="Flex";export{m as Flex,m as default};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../lib/components/Flex/index.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 } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Flex as FlexTheme, Theme } from '@radix-ui/themes';\nimport { scalingVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nimport { cn } from '../../../lib/utils/utils';\nvar flexVariants = cva(\"\", {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var Flex = forwardRef(function (_a, ref) {\n var children = _a.children, className = _a.className, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"scaling\"]);\n var theme = useTheme().theme;\n var flexStyle = {\n scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,\n };\n return (_jsx(Theme, { children: _jsx(FlexTheme, __assign({ ref: ref, className: cn(flexVariants(flexStyle), className) }, props, { children: children })) }));\n});\nFlex.displayName = 'Flex';\nexport default Flex;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","flexVariants","cva","variants","scaling","scalingVariants","defaultVariants","Flex","forwardRef","_a","ref","children","className","props","theme","useTheme","flexStyle","themeScaling","_jsx","Theme","FlexTheme","cn","displayName"],"mappings":"uUAAA,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,EAQIiB,EAAeC,EAAI,GAAI,CACvBC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAOC,GAAW,SAAUC,EAAIC,GACvC,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWR,EAAUK,EAAGL,QAASS,EAAQjB,EAAOa,EAAI,CAAC,WAAY,YAAa,YACrHK,EAAQC,IAAWD,MACnBE,EAAY,CACZZ,QAASA,QAAyCA,EAAUU,EAAMG,cAEtE,OAAQC,EAAKC,EAAO,CAAER,SAAUO,EAAKE,EAAWvC,EAAS,CAAE6B,IAAKA,EAAKE,UAAWS,EAAGpB,EAAae,GAAYJ,IAAcC,EAAO,CAAEF,SAAUA,MACjJ,IACAJ,EAAKe,YAAc"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../lib/components/Flex/index.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 } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Flex as FlexTheme } from '@radix-ui/themes';\nimport { scalingVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nimport { cn } from '../../../lib/utils/utils';\nvar flexVariants = cva(\"\", {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var Flex = forwardRef(function (_a, ref) {\n var children = _a.children, className = _a.className, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"scaling\"]);\n var theme = useTheme().theme;\n var flexStyle = {\n scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,\n };\n return (_jsx(FlexTheme, __assign({ ref: ref, className: cn(flexVariants(flexStyle), className) }, props, { children: children })));\n});\nFlex.displayName = 'Flex';\nexport default Flex;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","flexVariants","cva","variants","scaling","scalingVariants","defaultVariants","Flex","forwardRef","_a","ref","children","className","props","theme","useTheme","flexStyle","themeScaling","_jsx","FlexTheme","cn","displayName"],"mappings":"4TAAA,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,EAQIiB,EAAeC,EAAI,GAAI,CACvBC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAOC,GAAW,SAAUC,EAAIC,GACvC,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWR,EAAUK,EAAGL,QAASS,EAAQjB,EAAOa,EAAI,CAAC,WAAY,YAAa,YACrHK,EAAQC,IAAWD,MACnBE,EAAY,CACZZ,QAASA,QAAyCA,EAAUU,EAAMG,cAEtE,OAAQC,EAAKC,EAAWtC,EAAS,CAAE6B,IAAKA,EAAKE,UAAWQ,EAAGnB,EAAae,GAAYJ,IAAcC,EAAO,CAAEF,SAAUA,IACzH,IACAJ,EAAKc,YAAc"}
@@ -26,7 +26,7 @@ import { forwardRef, useContext } from 'react';
26
26
  import { cva } from 'class-variance-authority';
27
27
  import { GnbContext } from './GnbRoot';
28
28
  import { cn } from '../../../lib/utils/utils';
29
- var gnbInfoVariants = cva('flex flex-1 items-center justify-end space-x-2', {
29
+ var gnbInfoVariants = cva('flex flex-1 items-center justify-end', {
30
30
  variants: {
31
31
  size: {
32
32
  small: 'text-xs',
@@ -41,6 +41,6 @@ var gnbInfoVariants = cva('flex flex-1 items-center justify-end space-x-2', {
41
41
  export var GnbInfo = forwardRef(function (_a, ref) {
42
42
  var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
43
43
  var size = useContext(GnbContext).size;
44
- return (_jsx("div", __assign({ className: cn(gnbInfoVariants({ size: size }), className), ref: ref }, props, { children: _jsx("nav", { className: "flex items-center", children: children }) })));
44
+ return (_jsx("nav", __assign({ className: cn(gnbInfoVariants({ size: size }), className), ref: ref }, props, { children: children })));
45
45
  });
46
46
  GnbInfo.displayName = 'Gnb.Info';
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{cva as n}from"class-variance-authority";import{GnbContext as a}from"./GnbRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},o.apply(this,arguments)},s=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},l=n("flex flex-1 items-center justify-end space-x-2",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),c=t((function(t,n){var c=t.children,m=t.className,f=s(t,["children","className"]),p=r(a).size;return e("div",o({className:i(l({size:p}),m),ref:n},f,{children:e("nav",{className:"flex items-center",children:c})}))}));c.displayName="Gnb.Info";export{c as GnbInfo};
2
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{cva as n}from"class-variance-authority";import{GnbContext as a}from"./GnbRoot.mjs";import{cn as o}from"../../utils/utils.mjs";var i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)},s=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},l=n("flex flex-1 items-center justify-end",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),m=t((function(t,n){var m=t.children,c=t.className,f=s(t,["children","className"]),p=r(a).size;return e("nav",i({className:o(l({size:p}),c),ref:n},f,{children:m}))}));m.displayName="Gnb.Info";export{m as GnbInfo};
3
3
  //# sourceMappingURL=GnbInfo.mjs.map
@@ -26,7 +26,7 @@ import { cva } from 'class-variance-authority';
26
26
  import { GnbContext } from './GnbRoot';
27
27
  import { cn } from '../../../lib/utils/utils';
28
28
  import { Text } from '../../../lib/Typography';
29
- var gnbLogoVariants = cva('mr-4 flex items-center space-x-2 lg:mr-6 text-slate-12 dark:text-slateDark-12', {
29
+ var gnbLogoVariants = cva('mr-4 flex items-center text-slate-12 dark:text-slateDark-12', {
30
30
  variants: {
31
31
  size: {
32
32
  small: 'text-xs w-[140px] h-[15px]',
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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 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};
2
2
  //# sourceMappingURL=GnbLogo.mjs.map
@@ -1 +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, 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"}
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 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":"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,8DAA+D,CACrFC,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"}
@@ -43,4 +43,4 @@ export var GnbMenuItem = forwardRef(function (_a, ref) {
43
43
  var size = useContext(GnbContext).size;
44
44
  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 })));
45
45
  });
46
- GnbMenuItem.displayName = 'Gnb.GnbMenuItem';
46
+ GnbMenuItem.displayName = 'Gnb.MenuItem';
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- 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};
2
+ 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 s}from"../../utils/utils.mjs";var n=function(){return n=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},n.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",n({href:p,className:s(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.MenuItem";export{c as GnbMenuItem};
3
3
  //# sourceMappingURL=GnbMenuItem.mjs.map
@@ -1,3 +1,14 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
1
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
13
  import { useState } from 'react';
3
14
  import IconButton from '../IconButton';
@@ -8,18 +19,28 @@ import Button from '../Button';
8
19
  import TextField from '../TextField';
9
20
  import Text from '../../Typography/Text';
10
21
  function NumberingPagination(_a) {
11
- var _b;
22
+ var _b, _c;
12
23
  var table = _a.table;
13
- var _c = useState('1'), nowPage = _c[0], setNowPage = _c[1];
24
+ var _d = useState('1'), nowPage = _d[0], setNowPage = _d[1];
14
25
  var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;
26
+ var size = table.options.size == 'x-small' ? 'small' : table.options.size;
27
+ var currentPage = table.options.pagination
28
+ ? table.options.pagination.pageIndex
29
+ : table.getState().pagination.pageIndex;
15
30
  var renderPageNumbers = function () {
16
31
  var pageNumbers = [];
17
- var currentInx = table.getState().pagination.pageIndex;
32
+ var currentInx = table.options.pagination
33
+ ? table.options.pagination.pageIndex
34
+ : table.getState().pagination.pageIndex;
18
35
  var _loop_1 = function (i) {
19
- pageNumbers.push(_jsx(Button, { appearance: "ghost", onClick: function () {
20
- table.setPageIndex(i);
21
- setNowPage(String(i + 1));
22
- }, color: table.getState().pagination.pageIndex === i ? color : 'slate', children: i + 1 }, i));
36
+ pageNumbers.push(_jsx(Button, { size: size, appearance: "ghost", onClick: function () {
37
+ if (currentInx !== i) {
38
+ table.setPageIndex(i);
39
+ table.options.setPagination &&
40
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: i }));
41
+ setNowPage(String(i + 1));
42
+ }
43
+ }, color: currentInx === i ? color : 'slate', children: i + 1 }, i));
23
44
  };
24
45
  for (var i = 0; i < table.getPageCount(); i++) {
25
46
  _loop_1(i);
@@ -27,50 +48,71 @@ function NumberingPagination(_a) {
27
48
  if (pageNumbers.length > 10) {
28
49
  if (currentInx - 3 > 0 && currentInx + 3 < table.getPageCount()) {
29
50
  pageNumbers = pageNumbers.slice(currentInx - 2, currentInx + 3);
30
- pageNumbers.unshift(_jsx(Button, { appearance: "ghost", onClick: function () {
51
+ pageNumbers.unshift(_jsx(Button, { size: size, appearance: "ghost", onClick: function () {
31
52
  table.setPageIndex(0);
53
+ table.options.setPagination &&
54
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));
32
55
  setNowPage('1');
33
- }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, children: "..." }));
34
- pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, children: "..." }), _jsx(Button, { appearance: "ghost", onClick: function () {
56
+ }, color: currentInx === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, size: size, children: "..." }));
57
+ pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, size: size, children: "..." }), _jsx(Button, { size: size, appearance: "ghost", onClick: function () {
35
58
  table.setPageIndex(table.getPageCount() - 1);
59
+ table.options.setPagination &&
60
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));
36
61
  setNowPage(String(table.getPageCount()));
37
- }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
62
+ }, color: currentInx === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
38
63
  }
39
64
  else if (currentInx - 3 <= 0) {
40
65
  pageNumbers = pageNumbers.slice(0, 7);
41
- pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, children: "..." }), _jsx(Button, { appearance: "ghost", onClick: function () {
66
+ pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, size: size, children: "..." }), _jsx(Button, { size: size, appearance: "ghost", onClick: function () {
42
67
  table.setPageIndex(table.getPageCount() - 1);
68
+ table.options.setPagination &&
69
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));
43
70
  setNowPage(String(table.getPageCount()));
44
- }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
71
+ }, color: currentInx === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
45
72
  }
46
73
  else {
47
74
  pageNumbers = pageNumbers.slice(table.getPageCount() - 7, table.getPageCount());
48
- pageNumbers.unshift(_jsx(Button, { appearance: "ghost", onClick: function () {
75
+ pageNumbers.unshift(_jsx(Button, { size: size, appearance: "ghost", onClick: function () {
49
76
  table.setPageIndex(0);
77
+ table.options.setPagination &&
78
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));
50
79
  setNowPage('1');
51
- }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, children: "..." }));
80
+ }, color: currentInx === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, size: size, children: "..." }));
52
81
  }
53
82
  }
54
83
  return pageNumbers;
55
84
  };
56
- 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) {
85
+ return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsxs(Select.Root, { size: size, color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {
86
+ table.options.setPagination &&
87
+ table.options.setPagination({
88
+ pageIndex: 0,
89
+ pageSize: Number(e),
90
+ });
57
91
  table.setPageSize(Number(e));
58
92
  setNowPage('1');
59
93
  table.setPageIndex(0);
60
- }, 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 () {
94
+ }, 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, { size: size, appearance: "ghost", className: "rounded border p-1", color: color, onClick: function () {
61
95
  table.firstPage();
96
+ table.options.setPagination &&
97
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));
62
98
  setNowPage('1');
63
- }, disabled: !table.getCanPreviousPage(), children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () {
99
+ }, disabled: currentPage === 0, children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { size: size, appearance: "ghost", className: "rounded border p-1", color: color, onClick: function () {
64
100
  table.previousPage();
65
101
  setNowPage(String(table.getState().pagination.pageIndex));
66
- }, 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 () {
102
+ table.options.setPagination &&
103
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.options.pagination.pageIndex - 1 }));
104
+ }, disabled: currentPage === 0, children: _jsx(ChevronLeftIcon, {}) })] }), _jsx("div", { children: renderPageNumbers() }), _jsxs("div", { className: "flex gap-2", children: [_jsx(IconButton, { size: size, appearance: "ghost", className: "rounded border p-1", color: color, onClick: function () {
67
105
  table.nextPage();
68
106
  setNowPage(String(table.getState().pagination.pageIndex + 2));
69
- }, disabled: !table.getCanNextPage(), children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () {
107
+ table.options.setPagination &&
108
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.options.pagination.pageIndex + 1 }));
109
+ }, disabled: currentPage === table.getPageCount() - 1, children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { size: size, appearance: "ghost", className: "rounded border p-1", color: color, onClick: function () {
70
110
  table.lastPage();
71
111
  setNowPage(String(table.getPageCount()));
72
- }, 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) {
112
+ table.options.setPagination &&
113
+ table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));
114
+ }, disabled: currentPage === table.getPageCount() - 1, children: _jsx(DoubleArrowRightIcon, {}) })] })] }), !((_c = table.options) === null || _c === void 0 ? void 0 : _c.disableInputPagination) && (_jsxs("div", { className: "mt-4 flex items-center justify-center gap-2", children: [_jsx(TextField.Root, { size: size, type: "number", color: color, min: "1", max: table.getPageCount(), value: nowPage, onChange: function (e) {
73
115
  setNowPage(e.target.value);
74
- }, 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" })] })] }));
116
+ }, className: "w-[50px] rounded border" }), _jsxs(Text, { children: ["/ ", table.getPageCount()] }), _jsx(Button, { size: size, onClick: function () { return table.setPageIndex(nowPage ? Number(nowPage) - 1 : 0); }, children: "\uC774\uB3D9" })] }))] }));
75
117
  }
76
118
  export default NumberingPagination;