@wishket/design-system 1.13.14 → 1.13.16

package/dist/Components/Navigations/Drawer/Drawer.js

@@ -1,4 +1,4 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import i from"../../Utils/BackDrop/BackDrop.js";import"react";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react-dom";import{directionStyle as a,sizeStyle as l,openStyle as m}from"./Drawer.styles.js";
+import{jsxs as r,Fragment as e,jsx as t}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{BackDrop as i}from"../../Utils/BackDrop/BackDrop.js";import"react";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react-dom";import{directionStyle as a,sizeStyle as l,openStyle as m}from"./Drawer.styles.js";
 /**
  * 화면의 가장자리에서 슬라이딩되어 나타나는 서랍형 컴포넌트입니다.
  *
@@ -25,5 +25,5 @@ import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{twMerge a
  * >
  *   <div>서랍 내용</div>
  * </Drawer>
- */const n=({isOpen:n,onClose:c,direction:d="right",size:p="quarter",className:f,children:u})=>/*#__PURE__*/e(r,{children:[n&&/*#__PURE__*/t(i,{onClick:c,isBlack:!0}),
-/*#__PURE__*/t(s,{className:o("fixed z-30 flex flex-col bg-white transition-transform duration-300 ease-in-out",a[d],l(p,d),n&&m[d],f),"data-testid":"design-system-drawer",children:u})]});export{n as default};
+ */const n=({isOpen:n,onClose:c,direction:d="right",size:p="quarter",className:f,children:B})=>/*#__PURE__*/r(e,{children:[n&&/*#__PURE__*/t(i,{onClick:c,isBlack:!0}),
+/*#__PURE__*/t(s,{className:o("fixed z-30 flex flex-col bg-white transition-transform duration-300 ease-in-out",a[d],l(p,d),n&&m[d],f),"data-testid":"design-system-drawer",children:B})]});export{n as Drawer};

package/dist/Components/Navigations/Drawer/Drawer.styles.d.ts

@@ -1,5 +1,5 @@
 import { DrawerProps } from './Drawer';
-export declare const sizeStyle: (size: DrawerProps['size'], direction: DrawerProps['direction']) => string;
+export declare const sizeStyle: (size: DrawerProps["size"], direction: DrawerProps["direction"]) => string;
 export declare const directionStyle: {
     left: string;
     right: string;

package/dist/Components/Navigations/Drawer/index.d.ts

@@ -1,2 +1 @@
-export { default as Drawer } from './Drawer';
 export * from './Drawer';

package/dist/Components/Navigations/GNBList/GNBList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * GNB(Global Navigation Bar) 리스트 컴포넌트
  * @module GNBList
@@ -50,12 +49,8 @@
 declare const GNBList: {
     Root: ({ type, children, className }: import("./GNBList.types").GNBListRootProps) => import("react/jsx-runtime").JSX.Element;
     UserInfo: ({ imgUrl, userId, email, children, onClick, }: import("./GNBList.types").UserInfoProps) => import("react/jsx-runtime").JSX.Element;
-    List: ({ children }: {
-        children?: import("react").ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    SubList: ({ children }: {
-        children?: import("react").ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    List: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    SubList: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
     Item: ({ hasNew, children, className, textClassName, ...rest }: import("./GNBList.types").GNBListItemProps) => import("react/jsx-runtime").JSX.Element;
 };
-export default GNBList;
+export { GNBList };

package/dist/Components/Navigations/GNBList/GNBList.js

@@ -1,4 +1,4 @@
-"use client";import{Root as t,UserInfo as s,List as o,SubList as e,Item as i}from"./GNBList.parts.js";
+"use client";import{Item as t,SubList as s,List as o,UserInfo as e,Root as i}from"./GNBList.parts.js";
 /**
  * GNB(Global Navigation Bar) 리스트 컴포넌트
  * @module GNBList
@@ -46,4 +46,4 @@
  *     </GNBList.Item>
  *   </GNBList.List>
  * </GNBList.Root>
- */const r={Root:t,UserInfo:s,List:o,SubList:e,Item:i};export{r as default};
+ */const r={Root:i,UserInfo:e,List:o,SubList:s,Item:t};export{r as GNBList};

package/dist/Components/Navigations/GNBList/GNBList.parts.js

@@ -1,19 +1,19 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Children as r,Fragment as s,useContext as a,createContext as l}from"react";import{twMerge as i}from"tailwind-merge";import n from"../../DataDisplays/Avatar/Avatar.js";import o from"../../Base/Typography/Typography.js";import c from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import m from"../../DataDisplays/NewBadge/NewBadge.js";import d from"../../DataDisplays/Divider/Divider.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function y(e,t){if(null==e)return{};var r,s,a=function(e,t){if(null==e)return{};var r,s,a={},l=Object.keys(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const f=/*#__PURE__*/l({type:""}),b=({type:a="main",children:l,className:n})=>{const o=r.map(l,((r,a)=>0===a?r:/*#__PURE__*/e(s,{children:[
-/*#__PURE__*/t(d,{className:"my-2"}),r]})));/*#__PURE__*/
-return e(f.Provider,{value:{type:a},children:["main"===a&&/*#__PURE__*/e(c,{className:i("absolute flex h-auto w-[200px] overflow-hidden rounded-xl bg-w-white shadow-graymedium",n),"data-testid":"design-system-gnb-list--root-main",children:[
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as r,createContext as s,Children as a,Fragment as l}from"react";import{twMerge as i}from"tailwind-merge";import{Avatar as n}from"../../DataDisplays/Avatar/Avatar.js";import{Typography as o}from"../../Base/Typography/Typography.js";import{Box as c}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{NewBadge as d}from"../../DataDisplays/NewBadge/NewBadge.js";import{Divider as m}from"../../DataDisplays/Divider/Divider.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function y(e,t){if(null==e)return{};var r,s,a=function(e,t){if(null==e)return{};var r,s,a={},l=Object.keys(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const f=/*#__PURE__*/s({type:""}),b=({type:r="main",children:s,className:n})=>{const o=a.map(s,((r,s)=>0===s?r:/*#__PURE__*/e(l,{children:[
+/*#__PURE__*/t(m,{className:"my-2"}),r]})));/*#__PURE__*/
+return e(f.Provider,{value:{type:r},children:["main"===r&&/*#__PURE__*/e(c,{className:i("absolute flex h-auto w-[200px] overflow-hidden rounded-xl bg-w-white shadow-graymedium",n),"data-testid":"design-system-gnb-list--root-main",children:[
 /*#__PURE__*/t(c,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),
-/*#__PURE__*/t(c,{className:"w-full py-[13px]",children:o})]}),"sub"===a&&/*#__PURE__*/t(c,{className:i("absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-3 shadow-graymedium ",n),"data-testid":"design-system-gnb-list--root-sub",children:o}),"user"===a&&/*#__PURE__*/t(c,{className:i("absolute flex w-full flex-col bg-w-white pb-3 pt-5 desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium",n),"data-testid":"design-system-gnb-list--root-user",children:o})]})},g=({imgUrl:r,userId:s,email:a,children:l,onClick:i})=>/*#__PURE__*/e(c,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[
+/*#__PURE__*/t(c,{className:"w-full py-[13px]",children:o})]}),"sub"===r&&/*#__PURE__*/t(c,{className:i("absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-3 shadow-graymedium ",n),"data-testid":"design-system-gnb-list--root-sub",children:o}),"user"===r&&/*#__PURE__*/t(c,{className:i("absolute flex w-full flex-col bg-w-white pb-3 pt-5 desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium",n),"data-testid":"design-system-gnb-list--root-user",children:o})]})},g=({imgUrl:r,userId:s,email:a,children:l,onClick:i})=>/*#__PURE__*/e(c,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[
 /*#__PURE__*/e(c,{className:"flex w-full items-center gap-4",children:[
 /*#__PURE__*/t(n,{size:"lg",isEditable:!0,imgUrl:r,onClick:i}),
 /*#__PURE__*/e(c,{className:"flex w-full flex-col gap-0.5",children:[
 /*#__PURE__*/t(o,{variant:"body1",className:"font-medium text-w-gray-900",children:s}),
-/*#__PURE__*/t(o,{variant:"body2",className:"line-clamp-2 break-all text-w-gray-600",children:a})]})]}),l&&/*#__PURE__*/t(c,{className:"flex w-full flex-col gap-2",children:l})]}),w=({children:e})=>/*#__PURE__*/t(c,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:e}),h=({children:e})=>/*#__PURE__*/t(c,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:e}),x=r=>{var{hasNew:s=!1,children:l,className:n,textClassName:d}=r,b=y(r,["hasNew","children","className","textClassName"]);const{type:g}=a(f);/*#__PURE__*/
+/*#__PURE__*/t(o,{variant:"body2",className:"line-clamp-2 break-all text-w-gray-600",children:a})]})]}),l&&/*#__PURE__*/t(c,{className:"flex w-full flex-col gap-2",children:l})]}),h=({children:e})=>/*#__PURE__*/t(c,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:e}),w=({children:e})=>/*#__PURE__*/t(c,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:e}),x=s=>{var{hasNew:a=!1,children:l,className:n,textClassName:m}=s,b=y(s,["hasNew","children","className","textClassName"]);const{type:g}=r(f);/*#__PURE__*/
 return e(c,u(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){p(e,t,r[t])}))}return e}({className:i("flex w-full cursor-pointer gap-1 px-4 py-3 hover:bg-primary-10","user"===g&&"px-6",n),"data-testid":`design-system-gnb-list--${g}-item-${l}`},b),{children:[
-/*#__PURE__*/t(o,{variant:"body1",className:d,"data-testid":`design-system-gnb-list--${g}-item-text-${l}`,children:l}),s&&/*#__PURE__*/t(m,{className:"mt-1"})]}))};
+/*#__PURE__*/t(o,{variant:"body1",className:m,"data-testid":`design-system-gnb-list--${g}-item-text-${l}`,children:l}),a&&/*#__PURE__*/t(d,{className:"mt-1"})]}))};
 /**
  * GNB 리스트의 루트 컴포넌트
  * @param {Object} props
  * @param {'main'|'sub'|'user'} [props.type] - 리스트 타입 (main, sub, user)
  * @param {string} [props.className] - 추가적인 CSS 클래스
  * @param {ReactNode} props.children - 리스트 아이템들
- */export{x as Item,w as List,b as Root,h as SubList,g as UserInfo};
+ */export{x as Item,h as List,b as Root,w as SubList,g as UserInfo};

package/dist/Components/Navigations/GNBList/index.d.ts

@@ -1,2 +1,2 @@
-export { default as GNBList } from './GNBList';
+export { GNBList } from './GNBList';
 export * from './GNBList.types';

package/dist/Components/Navigations/Menu/Menu.d.ts

@@ -71,4 +71,4 @@ export interface MenuProps {
  * />
  */
 declare const Menu: ({ type, variant, name, isSelected, badgeCount, leadingIcon, iconButtonName, onClick, onOptionClick, items, selectedItem, onItemClick, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
-export default Menu;
+export { Menu };

package/dist/Components/Navigations/Menu/Menu.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twJoin as o,twMerge as s}from"tailwind-merge";import"react";import i from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import r from"../../Base/Typography/Typography.js";import n from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import a from"../../DataDisplays/CountBadge/CountBadge.js";import"@wishket/yogokit";import"../../Inputs/AutoCompleteList/AutoCompleteList.parts.js";import"../../Inputs/Input/Input.js";import"../../Inputs/Input/PasswordInput.js";import"../../Inputs/Input/LableInput.js";import"../../Inputs/Input/InputTypeSelector.js";import"../../Inputs/Calendar/Calendar.utils.js";import"../../Inputs/Checkbox/Checkbox.js";import"../../Inputs/ChoiceChip/ChoiceChip.js";import p from"../../Inputs/IconButton/IconButton.js";import"../../Inputs/Radio/Radio.js";import"../../Inputs/TextField/TextField.js";import"../../Inputs/CommentArea/CommentArea.js";import m from"../../Inputs/IconButtonDropdown/IconButtonDropdown.js";import"../../Inputs/FilterChip/FilterChip.js";
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twJoin as o,twMerge as s}from"tailwind-merge";import"react";import{SystemIcon as i}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as r}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{CountBadge as a}from"../../DataDisplays/CountBadge/CountBadge.js";import"@wishket/yogokit";import"../../Inputs/AutoCompleteList/AutoCompleteList.parts.js";import"../../Inputs/Input/Input.js";import"../../Inputs/Input/PasswordInput.js";import"../../Inputs/Input/LableInput.js";import"../../Inputs/Input/InputTypeSelector.js";import"../../Inputs/Calendar/Calendar.utils.js";import"../../Inputs/Checkbox/Checkbox.js";import"../../Inputs/ChoiceChip/ChoiceChip.js";import{IconButton as p}from"../../Inputs/IconButton/IconButton.js";import"../../Inputs/Radio/Radio.js";import"../../Inputs/TextField/TextField.js";import"../../Inputs/CommentArea/CommentArea.js";import{IconButtonDropdown as m}from"../../Inputs/IconButtonDropdown/IconButtonDropdown.js";import"../../Inputs/FilterChip/FilterChip.js";
 /**
  * 메뉴 컴포넌트는 네비게이션에서 사용되는 클릭 가능한 항목을 표시합니다.
  *
@@ -52,6 +52,6 @@ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twJoin as o,twMerge as
  *   onClick={() => console.log('메뉴 클릭')}
  *   onOptionClick={() => console.log('옵션 클릭', '모달 오픈')}
  * />
- */const l=({type:l="main",variant:u="white",name:c,isSelected:I=!1,badgeCount:d,leadingIcon:y,iconButtonName:g,onClick:h,onOptionClick:C,items:j,selectedItem:w,onItemClick:x})=>{const b=!!(g&&j&&x&&w),B=!!g&&!!C;/*#__PURE__*/
-return t(n,{"data-testid":"design-system-menu",className:((t,e,i)=>{const r="sub"===t?"pl-12":"",n={white:o("bg-w-white hover:bg-w-gray-50",i&&"bg-primary-10 text-primary hover:bg-primary-10"),gray:o("bg-w-gray-50 hover:bg-w-gray-100",i&&"bg-w-gray-100  hover:bg-w-gray-100")};return s("flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-3 text-w-gray-900",r,n[e])})(l,u,I),onClick:h,children:[y&&/*#__PURE__*/e(i,{testId:"design-system-menu-leading-icon",name:y,className:o("white"===u&&I&&"text-primary")}),
-/*#__PURE__*/e(r,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:c}),d&&/*#__PURE__*/e(a,{variant:((t,e)=>"white"!==t?"white_gray":e?"primary":"gray")(u,I),text:d,className:"relative",showZero:!0}),b&&/*#__PURE__*/e(m,{size:"sm",icon:g,items:j,selectedItem:w,onItemClick:x}),B&&/*#__PURE__*/e(p,{size:"sm",className:"shrink-0",onClick:t=>{t.stopPropagation(),C()},children:/*#__PURE__*/e(i,{name:g})})]})};export{l as default};
+ */const l=({type:l="main",variant:u="white",name:c,isSelected:I=!1,badgeCount:y,leadingIcon:d,iconButtonName:g,onClick:h,onOptionClick:C,items:j,selectedItem:w,onItemClick:x})=>{const b=!!(g&&j&&x&&w),B=!!g&&!!C;/*#__PURE__*/
+return t(n,{"data-testid":"design-system-menu",className:((t,e,i)=>{const r="sub"===t?"pl-12":"",n={white:o("bg-w-white hover:bg-w-gray-50",i&&"bg-primary-10 text-primary hover:bg-primary-10"),gray:o("bg-w-gray-50 hover:bg-w-gray-100",i&&"bg-w-gray-100  hover:bg-w-gray-100")};return s("flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-3 text-w-gray-900",r,n[e])})(l,u,I),onClick:h,children:[d&&/*#__PURE__*/e(i,{testId:"design-system-menu-leading-icon",name:d,className:o("white"===u&&I&&"text-primary")}),
+/*#__PURE__*/e(r,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:c}),y&&/*#__PURE__*/e(a,{variant:((t,e)=>"white"!==t?"white_gray":e?"primary":"gray")(u,I),text:y,className:"relative",showZero:!0}),b&&/*#__PURE__*/e(m,{size:"sm",icon:g,items:j,selectedItem:w,onItemClick:x}),B&&/*#__PURE__*/e(p,{size:"sm",className:"shrink-0",onClick:t=>{t.stopPropagation(),C()},children:/*#__PURE__*/e(i,{name:g})})]})};export{l as Menu};

package/dist/Components/Navigations/Menu/index.d.ts

@@ -1,2 +1 @@
-export { default as Menu } from './Menu';
 export * from './Menu';

package/dist/Components/Navigations/Pagination/Pagination.d.ts

@@ -28,4 +28,4 @@ export interface PaginationProps {
  * ```
  */
 declare const Pagination: ({ maxPage, pageCount, page, onChange, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-export default Pagination;
+export { Pagination };

package/dist/Components/Navigations/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import{twJoin as t}from"tailwind-merge";import{LeftArrow as i,PaginationNumber as n,RightArrow as s}from"./Pagination.parts.js";import{getPageButtonCount as r,getFirstPage as o,getLastPage as m}from"./Pagination.utils.js";
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twJoin as a}from"tailwind-merge";import{LeftArrow as i,PaginationNumber as n,RightArrow as r}from"./Pagination.parts.js";import{getPageButtonCount as s,getFirstPage as o,getLastPage as m}from"./Pagination.utils.js";
 /**
  * 페이지네이션 컴포넌트
  *
@@ -21,8 +21,8 @@ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{twJoin as t}from"tailwi
  *   onChange={(page) => setCurrentPage(page)}
  * />
  * ```
- */const l=({maxPage:l,pageCount:p=10,page:c,onChange:g})=>{const d=1===c,f=c===l,u=o(c,p),C=m(u,p,l),j=r(u,C);/*#__PURE__*/
+ */const l=({maxPage:l,pageCount:p=10,page:c,onChange:g})=>{const d=1===c,f=c===l,u=o(c,p),C=m(u,p,l),j=s(u,C);/*#__PURE__*/
 return e("div",{"data-testid":"design-system-pagination",className:"flex items-center justify-center gap-2",children:[
-/*#__PURE__*/a(i,{onClick:()=>{d||g(c-1)},className:t("p-3",d&&"invisible")}),Array.from({length:j}).map(((e,t)=>{const i=u+t;/*#__PURE__*/
-return a(n,{"data-testid":`page-${i}`,value:i,enabled:i===c,onClick:()=>g(i)},i)})),
-/*#__PURE__*/a(s,{onClick:()=>{f||g(c+1)},className:t("p-3",f&&"invisible")})]})};export{l as default};
+/*#__PURE__*/t(i,{onClick:()=>{d||g(c-1)},className:a("p-3",d&&"invisible")}),Array.from({length:j}).map(((e,a)=>{const i=u+a;/*#__PURE__*/
+return t(n,{"data-testid":`page-${i}`,value:i,enabled:i===c,onClick:()=>g(i)},i)})),
+/*#__PURE__*/t(r,{onClick:()=>{f||g(c+1)},className:a("p-3",f&&"invisible")})]})};export{l as Pagination};

package/dist/Components/Navigations/Pagination/Pagination.parts.d.ts

@@ -4,5 +4,5 @@ export interface PaginationNumberProps extends ComponentPropsWithoutRef<'button'
     enabled?: boolean;
 }
 export declare const PaginationNumber: ({ value, enabled, ...rest }: PaginationNumberProps) => import("react/jsx-runtime").JSX.Element;
-export declare const LeftArrow: (props: ComponentPropsWithoutRef<'button'>) => import("react/jsx-runtime").JSX.Element;
-export declare const RightArrow: (props: ComponentPropsWithoutRef<'button'>) => import("react/jsx-runtime").JSX.Element;
+export declare const LeftArrow: (props: ComponentPropsWithoutRef<"button">) => import("react/jsx-runtime").JSX.Element;
+export declare const RightArrow: (props: ComponentPropsWithoutRef<"button">) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Navigations/Pagination/Pagination.parts.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"react";import r from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import n from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}function i(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function c(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const s=r=>{var{value:o,enabled:s}=r,l=c(r,["value","enabled"]);/*#__PURE__*/
-return e("button",i(a({className:t("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",s?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},l),{children:/*#__PURE__*/e(n,{variant:"body2",children:o})}))},l=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e(r,{name:"medium_arrow_left",className:"text-w-gray-900"})})),y=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e(r,{name:"medium_arrow_right",className:"text-w-gray-900"})}));export{l as LeftArrow,s as PaginationNumber,y as RightArrow};
+import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"react";import{SystemIcon as r}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as n}from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}function i(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const c=r=>{var{value:o,enabled:c}=r,l=s(r,["value","enabled"]);/*#__PURE__*/
+return e("button",i(a({className:t("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",c?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},l),{children:/*#__PURE__*/e(n,{variant:"body2",children:o})}))},l=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e(r,{name:"medium_arrow_left",className:"text-w-gray-900"})})),y=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e(r,{name:"medium_arrow_right",className:"text-w-gray-900"})}));export{l as LeftArrow,c as PaginationNumber,y as RightArrow};

package/dist/Components/Navigations/Pagination/index.d.ts

@@ -1,3 +1,2 @@
-export { default as Pagination } from './Pagination';
 export * from './Pagination.parts';
 export * from './Pagination';

package/dist/Components/Navigations/TableOfContents/TableOfContents.d.ts

@@ -24,4 +24,4 @@ import { TableOfContentsProps } from './TableOfContents.types';
  * ```
  */
 declare const TableOfContents: ({ data, onChange, currentIndex, className, }: TableOfContentsProps) => import("react/jsx-runtime").JSX.Element;
-export default TableOfContents;
+export { TableOfContents };

package/dist/Components/Navigations/TableOfContents/TableOfContents.js

@@ -1,4 +1,4 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as s}from"tailwind-merge";import{useState as o}from"react";import n from"../../Base/Typography/Typography.js";import r from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as s}from"tailwind-merge";import{useState as o}from"react";import{Typography as n}from"../../Base/Typography/Typography.js";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";
 /**
  * 목차 네비게이션을 표시하는 컴포넌트입니다.
  *
@@ -27,4 +27,4 @@ return e(r,{"data-testid":"design-system-table-of-contents",className:a("relativ
 /*#__PURE__*/t(r,{"data-testid":"design-system-table-of-contents--gray-bar",className:"absolute left-0 top-0 z-0 my-1.5 h-[calc(100%_-_12px)] w-0.5 bg-w-gray-100"}),l.map((o=>{const{title:l,index:i}=o,m=d==i;/*#__PURE__*/
 return e(r,{"data-testid":m?"design-system-table-of-contents--item-selected":"design-system-table-of-contents--item",className:a("relative flex h-9 w-full select-none items-center text-w-gray-400",m&&"text-w-gray-600"),onClick:()=>null==u?void 0:u(i),children:[
 /*#__PURE__*/t("span",{"data-testid":m?"design-system-table-of-contents--bar-selected":"design-system-table-of-contents--bar",className:a("absolute -top-[6px] left-0 z-10 h-6 w-0.5 bg-transparent",m&&"bg-primary",m&&(e=>`transition duration-500 ease-out ${"down"===e?"translate-y-1/2":"top-1/2 -translate-y-1/2"}`)(c))}),
-/*#__PURE__*/t(n,{variant:"body3",className:s("cursor-pointer pl-[18px]",m&&"font-medium"),children:l})]},i)}))]})};export{l as default};
+/*#__PURE__*/t(n,{variant:"body3",className:s("cursor-pointer pl-[18px]",m&&"font-medium"),children:l})]},i)}))]})};export{l as TableOfContents};

package/dist/Components/Navigations/TableOfContents/index.d.ts

@@ -1,2 +1,2 @@
-export { default as TableOfContents } from './TableOfContents';
+export { TableOfContents } from './TableOfContents';
 export type { TableOfContentsProps, ContentItem, } from './TableOfContents.types';

package/dist/Components/Navigations/TextTab/TextTab.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @module TextTab
  * @description 텍스트 기반의 탭 네비게이션 컴포넌트입니다.
@@ -30,8 +29,8 @@
  */
 declare const TextTab: {
     Root: ({ children, currentActiveTab, isFit, hasPadding, isFull, barColor, onChange, }: import("./TextTab.types").TextTabRootProps) => import("react/jsx-runtime").JSX.Element;
-    Tabs: ({ children, className }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Tabs: ({ children, className }: import("react").ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
     Tab: ({ children, index, className, disabled, badgeNumber, iconName, href, }: import("./TextTab.types").TextTabProps) => import("react/jsx-runtime").JSX.Element;
     Panel: ({ children, index }: import("./TextTab.types").TextTabPanelProps) => false | import("react/jsx-runtime").JSX.Element;
 };
-export default TextTab;
+export { TextTab };

package/dist/Components/Navigations/TextTab/TextTab.js

@@ -1,4 +1,4 @@
-"use client";import{Root as t,Tabs as a,Tab as e,Panel as o}from"./TextTab.parts.js";
+"use client";import{Panel as t,Tab as o,Tabs as a,Root as e}from"./TextTab.parts.js";
 /**
  * @module TextTab
  * @description 텍스트 기반의 탭 네비게이션 컴포넌트입니다.
@@ -27,4 +27,4 @@
  *     </TextTab.Root>
  *   );
  * }
- */const s={Root:t,Tabs:a,Tab:e,Panel:o};export{s as default};
+ */const s={Root:e,Tabs:a,Tab:o,Panel:t};export{s as TextTab};

package/dist/Components/Navigations/TextTab/TextTab.parts.d.ts

@@ -37,7 +37,7 @@ declare const Root: ({ children, currentActiveTab, isFit, hasPadding, isFull, ba
  *   <TextTab.Tab index={1}>두 번째 탭</TextTab.Tab>
  * </TextTab.Tabs>
  */
-declare const Tabs: ({ children, className }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ children, className }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
 /**
  * 개별 탭 컴포넌트입니다.
  *

package/dist/Components/Navigations/TextTab/TextTab.parts.js

@@ -1,9 +1,9 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as r,useEffect as a,useContext as n,useRef as o,Children as i,createContext as l}from"react";import{twJoin as s,twMerge as c}from"tailwind-merge";import u from"../../Base/Typography/Typography.js";import d from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import m from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import f from"../../DataDisplays/CountBadge/CountBadge.js";function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){b(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const g=/*#__PURE__*/l({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}}),h=({children:t,currentActiveTab:n=0,isFit:o=!0,hasPadding:i=!1,isFull:l=!1,barColor:s="bg-w-gray-900",onChange:c})=>{const[u,d]=r(n);return a((()=>{n!==u&&d(n);
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,createContext as a,useRef as n,Children as o,useState as i,useEffect as l}from"react";import{twMerge as s,twJoin as c}from"tailwind-merge";import{Typography as u}from"../../Base/Typography/Typography.js";import{Box as d}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as m}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{CountBadge as f}from"../../DataDisplays/CountBadge/CountBadge.js";function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){b(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const h=/*#__PURE__*/a({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}}),g=({children:t,currentActiveTab:r=0,isFit:a=!0,hasPadding:n=!1,isFull:o=!1,barColor:s="bg-w-gray-900",onChange:c})=>{const[u,d]=i(r);return l((()=>{r!==u&&d(r);
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[n]),/*#__PURE__*/e(g.Provider,{value:{barColor:s,activeTab:u,currentActiveTab:n,isFit:o,hasPadding:i,handleTabClick:e=>{e!==u&&(null==c||c(e),d(e))},isFull:l},children:t})},x=({children:l,className:u})=>{const{activeTab:m,hasPadding:f,isFull:b,barColor:p}=n(g),y=o([]),h=o(null),x=o(null),w=i.toArray(l),[v,j]=r(!1);return a((()=>{if(!y.current[m]||!h.current||v)return;const e=y.current[m],t=h.current,r=x.current;if(e&&t&&r){const{offsetLeft:a,offsetWidth:n}=e,{scrollLeft:o,clientWidth:i}=r;t.style.width=`${n}px`,t.style.transform=`translateX(${a}px)`;if(!(o<=a&&o+i>=a+n)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[m,v]),/*#__PURE__*/t(d,{ref:x,className:s("relative block w-full touch-pan-x items-start overflow-x-scroll border-b border-w-gray-200 scrollbar-hide",f&&"px-9",u),"data-testid":"design-system-textTab--container",onTouchStart:()=>{j(!0)},onTouchEnd:()=>{j(!1)},children:[
-/*#__PURE__*/e(d,{className:c("inline-flex w-max gap-10",b&&"w-full gap-0"),children:w.map(((t,r)=>/*#__PURE__*/e(d,{className:c(b&&"w-full"),ref:e=>{y.current[r]=e},children:t},r)))}),
-/*#__PURE__*/e("span",{ref:h,"data-testid":`design-system-textTab--underbar-${m}`,className:s("absolute bottom-0 left-0 h-0.5 rounded-t-lg transition-all duration-300 ease-out",p)})]})},w=({children:r,index:a,className:o,disabled:i=!1,badgeNumber:l,iconName:s,href:b})=>{const{isFit:h,handleTabClick:x,activeTab:w,isFull:v}=n(g),j=a===w,O={tabIndex:0,"data-testid":`design-system-textTab--item-${a}`,className:c("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",i&&"cursor-not-allowed",v&&"w-full",o),onClick:()=>{!i&&x(a)}},T=/*#__PURE__*/t(d,{className:c("relative flex w-full flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!h&&"px-[33.5px]",v&&"w-full px-0",j&&"font-medium text-w-gray-900"),children:[s&&/*#__PURE__*/e(d,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:/*#__PURE__*/e(m,{name:s,className:c("size-4 text-w-gray-600 group-hover:text-w-gray-900",j&&"text-w-gray-900")})}),
-/*#__PURE__*/e(u,{variant:"body1",className:"relative",children:r}),void 0!==l&&/*#__PURE__*/e(f,{text:l,showZero:!0,className:"relative",variant:"gray"})]});return b?/*#__PURE__*/e("a",y(p({href:b},O),{children:T})):/*#__PURE__*/e(d,y(p({},O),{children:T}))},v=({children:t,index:r})=>{const{activeTab:a}=n(g);return a===r&&/*#__PURE__*/e(d,{"data-testid":"design-system-textTab--content",children:t})};
+}),[r]),/*#__PURE__*/e(h.Provider,{value:{barColor:s,activeTab:u,currentActiveTab:r,isFit:a,hasPadding:n,handleTabClick:e=>{e!==u&&(null==c||c(e),d(e))},isFull:o},children:t})},x=({children:a,className:u})=>{const{activeTab:m,hasPadding:f,isFull:b,barColor:p}=r(h),y=n([]),g=n(null),x=n(null),w=o.toArray(a),[v,j]=i(!1);return l((()=>{if(!y.current[m]||!g.current||v)return;const e=y.current[m],t=g.current,r=x.current;if(e&&t&&r){const{offsetLeft:a,offsetWidth:n}=e,{scrollLeft:o,clientWidth:i}=r;t.style.width=`${n}px`,t.style.transform=`translateX(${a}px)`;if(!(o<=a&&o+i>=a+n)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[m,v]),/*#__PURE__*/t(d,{ref:x,className:c("relative block w-full touch-pan-x items-start overflow-x-scroll border-b border-w-gray-200 scrollbar-hide",f&&"px-9",u),"data-testid":"design-system-textTab--container",onTouchStart:()=>{j(!0)},onTouchEnd:()=>{j(!1)},children:[
+/*#__PURE__*/e(d,{className:s("inline-flex w-max gap-10",b&&"w-full gap-0"),children:w.map(((t,r)=>/*#__PURE__*/e(d,{className:s(b&&"w-full"),ref:e=>{y.current[r]=e},children:t},r)))}),
+/*#__PURE__*/e("span",{ref:g,"data-testid":`design-system-textTab--underbar-${m}`,className:c("absolute bottom-0 left-0 h-0.5 rounded-t-lg transition-all duration-300 ease-out",p)})]})},w=({children:a,index:n,className:o,disabled:i=!1,badgeNumber:l,iconName:c,href:b})=>{const{isFit:g,handleTabClick:x,activeTab:w,isFull:v}=r(h),j=n===w,O={tabIndex:0,"data-testid":`design-system-textTab--item-${n}`,className:s("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",i&&"cursor-not-allowed",v&&"w-full",o),onClick:()=>{!i&&x(n)}},T=/*#__PURE__*/t(d,{className:s("relative flex w-full flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!g&&"px-[33.5px]",v&&"w-full px-0",j&&"font-medium text-w-gray-900"),children:[c&&/*#__PURE__*/e(d,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:/*#__PURE__*/e(m,{name:c,className:s("size-4 text-w-gray-600 group-hover:text-w-gray-900",j&&"text-w-gray-900")})}),
+/*#__PURE__*/e(u,{variant:"body1",className:"relative",children:a}),void 0!==l&&/*#__PURE__*/e(f,{text:l,showZero:!0,className:"relative",variant:"gray"})]});return b?/*#__PURE__*/e("a",y(p({href:b},O),{children:T})):/*#__PURE__*/e(d,y(p({},O),{children:T}))},v=({children:t,index:a})=>{const{activeTab:n}=r(h);return n===a&&/*#__PURE__*/e(d,{"data-testid":"design-system-textTab--content",children:t})};
 /**
  * TextTab의 Root 컴포넌트입니다.
  * TextTab의 상태를 관리합니다.
@@ -26,4 +26,4 @@
  *   <TextTab.Panel index={0}>첫 번째 패널 내용</TextTab.Panel>
  *   <TextTab.Panel index={1}>두 번째 패널 내용</TextTab.Panel>
  * </TextTab.Root>
- */export{v as Panel,h as Root,w as Tab,x as Tabs};
+ */export{v as Panel,g as Root,w as Tab,x as Tabs};

package/dist/Components/Navigations/TextTab/index.d.ts

@@ -1,2 +1,2 @@
-export { default as TextTab } from './TextTab';
+export { TextTab } from './TextTab';
 export * from './TextTab.types';

package/dist/Components/Utils/BackDrop/BackDrop.d.ts

@@ -4,4 +4,4 @@ export interface BackDropProps {
     onClick?: () => void;
 }
 declare const BackDrop: ({ isBlack, preventScroll, onClick }: BackDropProps) => import("react/jsx-runtime").JSX.Element;
-export default BackDrop;
+export { BackDrop };

package/dist/Components/Utils/BackDrop/BackDrop.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{usePreventScroll as e}from"@wishket/yogokit";import a from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const r=({isBlack:r,preventScroll:s,onClick:i})=>(e(s),/*#__PURE__*/t(a,{"data-testid":"design-system--backdrop",onClick:i,className:o("fixed left-0 top-0 z-30 h-dvh w-dvw",r?"bg-black bg-opacity-50":"bg-transparent")}));export{r as default};
+import{jsx as t}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{usePreventScroll as e}from"@wishket/yogokit";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const i=({isBlack:i,preventScroll:s,onClick:a})=>(e(s),/*#__PURE__*/t(r,{"data-testid":"design-system--backdrop",onClick:a,className:o("fixed left-0 top-0 z-30 h-dvh w-dvw",i?"bg-black bg-opacity-50":"bg-transparent")}));export{i as BackDrop};

package/dist/Components/Utils/BackDrop/index.d.ts

@@ -1,2 +1 @@
-export { default as BackDrop } from './BackDrop';
-export * from './BackDrop';
+export { BackDrop } from './BackDrop';

package/dist/Components/Utils/BackDropLiftContainer/BackDropLiftContainer.d.ts

@@ -8,4 +8,4 @@ interface BackDropLiftContainerProps extends PropsWithChildren {
     testId?: string;
 }
 declare const BackDropLiftContainer: ({ isOpen, onClose, children, isBackgroundBlack, isPreventScroll, isBottomSheet, testId, }: BackDropLiftContainerProps) => import("react/jsx-runtime").JSX.Element | null;
-export default BackDropLiftContainer;
+export { BackDropLiftContainer };

package/dist/Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js

@@ -1,3 +1,3 @@
-"use client";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as o}from"react";import{twJoin as r,twMerge as a}from"tailwind-merge";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import n from"../BackDrop/BackDrop.js";const l="duration-300",c=({isOpen:c,onClose:m,children:d,isBackgroundBlack:p=!0,isPreventScroll:u=!0,isBottomSheet:f=!1,testId:B})=>{const[y,k]=i(!1),[x,j]=i(!1);return o((()=>{c?(j(!0),requestAnimationFrame((()=>k(!0)))):k(!1)}),[c]),x||c?/*#__PURE__*/t(s,{className:r("fixed inset-0 z-30 flex justify-center transition-opacity",l,f?"items-end":"items-center",y?"opacity-100":"opacity-0"),"data-testid":B||"design-system--backdrop-lift-container",children:[
-/*#__PURE__*/e(n,{onClick:m,isBlack:p,preventScroll:u}),
-/*#__PURE__*/e(s,{className:a("z-30 transition-all ease-in",l,f&&"w-full",y?"translate-y-0 opacity-100":"translate-y-full opacity-0"),onTransitionEnd:()=>{c||j(!1)},children:d})]}):null};export{c as default};
+"use client";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as o}from"react";import{twJoin as r,twMerge as a}from"tailwind-merge";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{BackDrop as s}from"../BackDrop/BackDrop.js";const l="duration-300",c=({isOpen:c,onClose:m,children:p,isBackgroundBlack:d=!0,isPreventScroll:u=!0,isBottomSheet:B=!1,testId:f})=>{const[y,k]=i(!1),[x,j]=i(!1);return o((()=>{c?(j(!0),requestAnimationFrame((()=>k(!0)))):k(!1)}),[c]),x||c?/*#__PURE__*/t(n,{className:r("fixed inset-0 z-30 flex justify-center transition-opacity",l,B?"items-end":"items-center",y?"opacity-100":"opacity-0"),"data-testid":f||"design-system--backdrop-lift-container",children:[
+/*#__PURE__*/e(s,{onClick:m,isBlack:d,preventScroll:u}),
+/*#__PURE__*/e(n,{className:a("z-30 transition-all ease-in",l,B&&"w-full",y?"translate-y-0 opacity-100":"translate-y-full opacity-0"),onTransitionEnd:()=>{c||j(!1)},children:p})]}):null};export{c as BackDropLiftContainer};

package/dist/Components/Utils/BackDropLiftContainer/index.d.ts

@@ -1 +1 @@
-export { default as BackDropLiftContainer } from './BackDropLiftContainer';
+export { BackDropLiftContainer } from './BackDropLiftContainer';

package/dist/Components/Utils/BottomModalContainer/BottomModalContainer.d.ts

@@ -4,4 +4,4 @@ export interface BottomModalContainerProps extends PropsWithChildren {
     isFixedHeight?: boolean;
 }
 declare const BottomModalContainer: ({ children, onClose, isFixedHeight, }: BottomModalContainerProps) => import("react/jsx-runtime").JSX.Element;
-export default BottomModalContainer;
+export { BottomModalContainer };

package/dist/Components/Utils/BottomModalContainer/BottomModalContainer.js

@@ -1,3 +1,3 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import r from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import s from"./useBottomModalContainer.js";const a=({children:a,onClose:l,isFixedHeight:n=!0})=>{const{containerRef:i,currentTranslate:d}=s({onClose:l});/*#__PURE__*/
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{useBottomModalContainer as s}from"./useBottomModalContainer.js";const a=({children:a,onClose:l,isFixedHeight:n=!0})=>{const{containerRef:i,currentTranslate:d}=s({onClose:l});/*#__PURE__*/
 return e(r,{ref:i,style:{transform:`translateY(${d}px)`},className:o("z-30 w-full rounded-t-3xl bg-w-white",n?"h-[60dvh]":"h-fit"),"data-testid":"design-system--bottom-modal-container",children:[
-/*#__PURE__*/t(r,{className:"flex items-center justify-center pb-5 pt-2","data-testid":"design-system--bottom-modal-container-header",id:"bottom-modal-header",children:/*#__PURE__*/t(r,{className:"h-1 w-8 rounded-full bg-w-gray-200"})}),a]})};export{a as default};
+/*#__PURE__*/t(r,{className:"flex items-center justify-center pb-5 pt-2","data-testid":"design-system--bottom-modal-container-header",id:"bottom-modal-header",children:/*#__PURE__*/t(r,{className:"h-1 w-8 rounded-full bg-w-gray-200"})}),a]})};export{a as BottomModalContainer};

package/dist/Components/Utils/BottomModalContainer/index.d.ts

@@ -1 +1 @@
-export { default as BottomModalContainer } from './BottomModalContainer';
+export { BottomModalContainer } from './BottomModalContainer';

package/dist/Components/Utils/BottomModalContainer/useBottomModalContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseBottomModalContainerProps {
     onClose: () => void;
 }
@@ -7,4 +6,4 @@ declare const useBottomModalContainer: ({ onClose }: UseBottomModalContainerProp
     isDragging: boolean;
     currentTranslate: number;
 };
-export default useBottomModalContainer;
+export { useBottomModalContainer };

package/dist/Components/Utils/BottomModalContainer/useBottomModalContainer.js

@@ -1,3 +1,3 @@
-"use client";import{useRef as e,useState as t,useEffect as n}from"react";const r=({onClose:r})=>{const o=e(null),[u,c]=t(!1),[s,i]=t(0),[a,v]=t(0),d=e(0),l=e(0),f=e=>{var t;e.preventDefault(),t=e.touches[0].clientY,c(!0),i(t),d.current=Date.now(),l.current=t},h=e=>{e.preventDefault(),(e=>{var t;if(!u)return;const n=e-s;if(n<0)return;const i=.5*((null===(t=o.current)||void 0===t?void 0:t.offsetHeight)||0),a=Date.now(),f=a-d.current,h=e-l.current;if(Math.abs(h/f)>1)return r(),void c(!1);const m=Math.min(n,i);if(v(m),m>=i)return r(),void c(!1);d.current=a,l.current=e})(e.touches[0].clientY)},m=()=>{u&&(c(!1),v(0))};return n((()=>{const e=document.getElementById("bottom-modal-header");if(e)return e.addEventListener("touchstart",f,{passive:!1}),e.addEventListener("touchmove",h,{passive:!1}),e.addEventListener("touchend",m),()=>{e.removeEventListener("touchstart",f),e.removeEventListener("touchmove",h),e.removeEventListener("touchend",m)};
+"use client";import{useRef as e,useState as t,useEffect as n}from"react";const r=({onClose:r})=>{const o=e(null),[c,u]=t(!1),[i,s]=t(0),[a,v]=t(0),d=e(0),l=e(0),h=e=>{var t;e.preventDefault(),t=e.touches[0].clientY,u(!0),s(t),d.current=Date.now(),l.current=t},m=e=>{e.preventDefault(),(e=>{var t;if(!c)return;const n=e-i;if(n<0)return;const s=.5*((null===(t=o.current)||void 0===t?void 0:t.offsetHeight)||0),a=Date.now(),h=a-d.current,m=e-l.current;if(Math.abs(m/h)>1)return r(),void u(!1);const f=Math.min(n,s);if(v(f),f>=s)return r(),void u(!1);d.current=a,l.current=e})(e.touches[0].clientY)},f=()=>{c&&(u(!1),v(0))};return n((()=>{const e=document.getElementById("bottom-modal-header");if(e)return e.addEventListener("touchstart",h,{passive:!1}),e.addEventListener("touchmove",m,{passive:!1}),e.addEventListener("touchend",f),()=>{e.removeEventListener("touchstart",h),e.removeEventListener("touchmove",m),e.removeEventListener("touchend",f)};
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[u,s]),{containerRef:o,isDragging:u,currentTranslate:a}};export{r as default};
+}),[c,i]),{containerRef:o,isDragging:c,currentTranslate:a}};export{r as useBottomModalContainer};

package/dist/Components/Utils/FullModalContainer/FullModalContainer.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 declare const FullModalContainer: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export default FullModalContainer;
+export { FullModalContainer };

package/dist/Components/Utils/FullModalContainer/FullModalContainer.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"tailwind-merge";import t from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const o=({children:o})=>/*#__PURE__*/e(t,{"data-testid":"design-system--full-modal-container",className:"h-dvh w-dvw overflow-auto bg-w-white",children:o});export{o as default};
+import{jsx as e}from"react/jsx-runtime";import"tailwind-merge";import{Box as t}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const o=({children:o})=>/*#__PURE__*/e(t,{"data-testid":"design-system--full-modal-container",className:"h-dvh w-dvw overflow-auto bg-w-white",children:o});export{o as FullModalContainer};

package/dist/Components/Utils/FullModalContainer/index.d.ts

@@ -1 +1 @@
-export { default as FullModalContainer } from './FullModalContainer';
+export { FullModalContainer } from './FullModalContainer';

package/dist/Components/Utils/Modal/Modal.d.ts

@@ -46,4 +46,4 @@ export interface ModalProps extends PropsWithChildren {
  * </Modal>
  */
 declare const Modal: ({ isOpen, rootId, variant, size, overflow, isBackgroundBlack, isFixedHeight, isPreventScroll, onClose, needCleanup, children, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
-export default Modal;
+export { Modal };

package/dist/Components/Utils/Modal/Modal.js

@@ -1,4 +1,4 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../BackDropLiftContainer/BackDropLiftContainer.js";import r from"../BottomModalContainer/BottomModalContainer.js";import l from"../FullModalContainer/FullModalContainer.js";import i from"../ModalContainer/ModalContainer.js";import n from"../Portal/Portal.js";import"tailwind-merge";import a from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{BackDropLiftContainer as r}from"../BackDropLiftContainer/BackDropLiftContainer.js";import{BottomModalContainer as t}from"../BottomModalContainer/BottomModalContainer.js";import{FullModalContainer as l}from"../FullModalContainer/FullModalContainer.js";import{ModalContainer as i}from"../ModalContainer/ModalContainer.js";import{Portal as n}from"../Portal/Portal.js";import"tailwind-merge";import{Box as a}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";
 /**
  * 모달 창을 표시하는 컴포넌트입니다.
  *
@@ -31,5 +31,5 @@ import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../BackDropLiftC
  * <Modal isOpen={isOpen} variant="bottom" onClose={handleClose}>
  *   <div>바텀 시트 내용</div>
  * </Modal>
- */const s=({isOpen:s,rootId:d,variant:m="default",size:c="md",overflow:u="auto",isBackgroundBlack:p=!0,isFixedHeight:f,isPreventScroll:B=!0,onClose:C,needCleanup:h=!0,children:j})=>{const x="bottom"===m,g="full"===m;/*#__PURE__*/
-return o(n,{rootId:d,needCleanup:h&&!d,children:/*#__PURE__*/e(t,{isOpen:s,onClose:C,testId:"design-system--modal",isBackgroundBlack:p,isPreventScroll:B,isBottomSheet:x,children:["default"===m&&/*#__PURE__*/o(a,{className:"full"===c?"px-5":"",children:/*#__PURE__*/o(i,{size:c,overflow:u,children:j})}),g&&/*#__PURE__*/o(l,{children:j}),x&&C&&/*#__PURE__*/o(r,{onClose:C,isFixedHeight:f,children:j})]})})};export{s as default};
+ */const s=({isOpen:s,rootId:d,variant:m="default",size:c="md",overflow:p="auto",isBackgroundBlack:u=!0,isFixedHeight:f,isPreventScroll:B=!0,onClose:C,needCleanup:h=!0,children:j})=>{const x="bottom"===m,g="full"===m;/*#__PURE__*/
+return o(n,{rootId:d,needCleanup:h&&!d,children:/*#__PURE__*/e(r,{isOpen:s,onClose:C,testId:"design-system--modal",isBackgroundBlack:u,isPreventScroll:B,isBottomSheet:x,children:["default"===m&&/*#__PURE__*/o(a,{className:"full"===c?"px-5":"",children:/*#__PURE__*/o(i,{size:c,overflow:p,children:j})}),g&&/*#__PURE__*/o(l,{children:j}),x&&C&&/*#__PURE__*/o(t,{onClose:C,isFixedHeight:f,children:j})]})})};export{s as Modal};

package/dist/Components/Utils/Modal/index.d.ts

@@ -1,2 +1 @@
-export { default as Modal } from './Modal';
 export * from './Modal';

package/dist/Components/Utils/ModalContainer/ModalContainer.d.ts

@@ -6,4 +6,4 @@ export interface ModalContainerProps extends PropsWithChildren {
     overflow?: Overflow;
 }
 declare const ModalContainer: ({ size, overflow, children, }: ModalContainerProps) => import("react/jsx-runtime").JSX.Element;
-export default ModalContainer;
+export { ModalContainer };

package/dist/Components/Utils/ModalContainer/ModalContainer.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import l from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const t=({size:t="md",overflow:s="auto",children:r})=>/*#__PURE__*/e(l,{"data-testid":"design-system--modal-container",className:o("h-fit rounded-3xl bg-w-white shadow-modal",// 아직 정해지지 않은 내부 레이아웃
-"flex items-center justify-center",{xs:"w-[320px]",sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[1000px]",full:"w-full"}[t],{auto:"overflow-auto",visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-scroll"}[s]),children:r});export{t as default};
+import{jsx as e}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const t=({size:t="md",overflow:r="auto",children:s})=>/*#__PURE__*/e(l,{"data-testid":"design-system--modal-container",className:o("h-fit rounded-3xl bg-w-white shadow-modal",// 아직 정해지지 않은 내부 레이아웃
+"flex items-center justify-center",{xs:"w-[320px]",sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[1000px]",full:"w-full"}[t],{auto:"overflow-auto",visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-scroll"}[r]),children:s});export{t as ModalContainer};

package/dist/Components/Utils/ModalContainer/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ModalContainer } from './ModalContainer';
+export { ModalContainer } from './ModalContainer';
 export type { Size } from './ModalContainer';

package/dist/Components/Utils/Portal/Portal.d.ts

@@ -4,4 +4,4 @@ export interface PortalProps extends PropsWithChildren {
     needCleanup?: boolean;
 }
 declare const Portal: ({ children, rootId, needCleanup }: PortalProps) => import("react").ReactPortal | null;
-export default Portal;
+export { Portal };

package/dist/Components/Utils/Portal/Portal.js

@@ -1 +1 @@
-"use client";import{useState as e,useEffect as t}from"react";import{createPortal as d}from"react-dom";const o=({children:o,rootId:r,needCleanup:n=!0})=>{const[l,c]=e(null),m=r||"wds-portal-root";return t((()=>{let e=document.getElementById(m);return e||(e=document.createElement("div"),e.id=m,document.body.appendChild(e)),e.setAttribute("data-testid",m),c(e),()=>{n&&e&&!e.childNodes.length&&e.remove()}}),[m,r,n]),l?/*#__PURE__*/d(o,l):null};export{o as default};
+"use client";import{useState as e,useEffect as t}from"react";import{createPortal as o}from"react-dom";const d=({children:d,rootId:r,needCleanup:n=!0})=>{const[l,c]=e(null),m=r||"wds-portal-root";return t((()=>{let e=document.getElementById(m);return e||(e=document.createElement("div"),e.id=m,document.body.appendChild(e)),e.setAttribute("data-testid",m),c(e),()=>{n&&e&&!e.childNodes.length&&e.remove()}}),[m,r,n]),l?/*#__PURE__*/o(d,l):null};export{d as Portal};

package/dist/Components/Utils/Portal/index.d.ts

@@ -1,2 +1 @@
-export { default as Portal } from './Portal';
 export * from './Portal';

package/dist/Components/Wrappers/WithBadge/WithBadge.d.ts

@@ -25,4 +25,4 @@ export interface WithBadgeProps extends BadgeType {
  * </WithBadge>
  */
 declare const WithBadge: ({ text, children, className, variant, showZero, }: WithBadgeProps) => import("react/jsx-runtime").JSX.Element;
-export default WithBadge;
+export { WithBadge };

package/dist/Components/Wrappers/WithBadge/WithBadge.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as a}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import r from"../../DataDisplays/CountBadge/CountBadge.js";import o from"../../DataDisplays/NewBadge/NewBadge.js";
+import{jsxs as t,jsx as a}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{CountBadge as r}from"../../DataDisplays/CountBadge/CountBadge.js";import{NewBadge as o}from"../../DataDisplays/NewBadge/NewBadge.js";
 /**
  * 자식 요소의 우측 상단에 뱃지를 표시하는 래퍼 컴포넌트입니다.
  *
@@ -19,4 +19,4 @@ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{twMerge as e}from"tailw
  * <WithBadge variant="new">
  *   <MenuItem>새로운 기능</MenuItem>
  * </WithBadge>
- */const i=({text:i,children:l,className:m,variant:n="primary",showZero:p=!1})=>/*#__PURE__*/t(s,{className:e("relative w-fit",m),"data-testid":"with-badge",children:[l,"new"===n?/*#__PURE__*/a(o,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):/*#__PURE__*/a(r,{text:i,variant:n,showZero:p,className:"absolute right-px top-px -translate-y-1/2 translate-x-1/2 transform"})]});export{i as default};
+ */const i=({text:i,children:m,className:l,variant:n="primary",showZero:p=!1})=>/*#__PURE__*/t(s,{className:e("relative w-fit",l),"data-testid":"with-badge",children:[m,"new"===n?/*#__PURE__*/a(o,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):/*#__PURE__*/a(r,{text:i,variant:n,showZero:p,className:"absolute right-px top-px -translate-y-1/2 translate-x-1/2 transform"})]});export{i as WithBadge};

package/dist/Components/Wrappers/WithBadge/index.d.ts

@@ -1,2 +1 @@
-export { default as WithBadge } from './WithBadge';
 export * from './WithBadge';

package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.d.ts

@@ -36,4 +36,4 @@ export interface WithRichTooltipProps extends PropsWithChildren {
  * </WithRichTooltip>
  */
 declare const WithRichTooltip: ({ size, variant, title, description, children, className, }: WithRichTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export default WithRichTooltip;
+export { WithRichTooltip };

package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.js

@@ -1,4 +1,4 @@
-"use client";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";import{useState as o}from"react";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"@wishket/yogokit";import"react-dom";import a from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import r from"../../Feedbacks/RichTooltip/RichTooltip.js";import"../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";
+"use client";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";import{useState as o}from"react";import{SystemIcon as s}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"@wishket/yogokit";import"react-dom";import{RichTooltip as a}from"../../Feedbacks/RichTooltip/RichTooltip.js";import"../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";
 /**
  * 정보 아이콘과 함께 리치 툴팁을 표시하는 래퍼 컴포넌트입니다.
  *
@@ -27,6 +27,6 @@
  * >
  *   <p>추가 배송 정보는 여기에 표시됩니다.</p>
  * </WithRichTooltip>
- */const m=({size:m="md",variant:l="right",title:n,description:c,children:d,className:p})=>{const h="md"===m?"medium_information":"small_information",f="right"===l,g="down"===l,[y,u]=o(!1);/*#__PURE__*/
-return t(s,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[
-/*#__PURE__*/i(s,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:()=>u((t=>!t)),children:/*#__PURE__*/i(a,{name:h,className:"text-w-gray-400",testId:"md"===m?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),y&&/*#__PURE__*/i(r,{title:n,description:c,className:e("absolute",f&&"left-[calc(100%_+_12px)] top-0",g&&"left-0 top-[calc(100%_+_12px)]",p),children:d})]})};export{m as default};
+ */const m=({size:m="md",variant:n="right",title:c,description:l,children:d,className:p})=>{const h="md"===m?"medium_information":"small_information",g="right"===n,f="down"===n,[y,u]=o(!1);/*#__PURE__*/
+return t(r,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[
+/*#__PURE__*/i(r,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:()=>u((t=>!t)),children:/*#__PURE__*/i(s,{name:h,className:"text-w-gray-400",testId:"md"===m?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),y&&/*#__PURE__*/i(a,{title:c,description:l,className:e("absolute",g&&"left-[calc(100%_+_12px)] top-0",f&&"left-0 top-[calc(100%_+_12px)]",p),children:d})]})};export{m as WithRichTooltip};