@wishket/design-system 1.17.2 → 1.17.4

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

@@ -2,40 +2,134 @@ import { PropsWithChildren } from 'react';
 import { GNBListRootProps, GNBListItemProps, UserInfoProps } from './GNBList.types';
 /**
  * GNB 리스트의 루트 컴포넌트
+ *
+ * @description
+ * GNB 리스트의 컨테이너 역할을 합니다.
+ * - withUserInfo prop에 따라 스타일 자동 조정
+ *
  * @param {Object} props
- * @param {'main'|'sub'|'user'} [props.type] - 리스트 타입 (main, sub, user)
- * @param {string} [props.className] - 추가적인 CSS 클래스
- * @param {ReactNode} props.children - 리스트 아이템들
+ * @param {boolean} [props.withUserInfo=false] - 사용자 정보 포함 여부
+ * @param {string} [props.className] - 추가 CSS 클래스
+ * @param {ReactNode} props.children - 메뉴 구성 요소 (UserInfo, List, SubList)
+ *
+ * @example
+ * // 기본 메뉴 리스트
+ * <Root>
+ *   <List>
+ *     <Item href="/projects">프로젝트</Item>
+ *     <Item href="/settings">설정</Item>
+ *   </List>
+ * </Root>
+ *
+ * @example
+ * // 사용자 정보 포함 메뉴
+ * <Root withUserInfo>
+ *   <UserInfo username="홍길동" email="hong@example.com" />
+ *   <List>
+ *     <Item href="/account">계정 설정</Item>
+ *   </List>
+ *   <SubList>
+ *     <Item href="/logout">로그아웃</Item>
+ *   </SubList>
+ * </Root>
  */
-declare const Root: ({ type, children, className }: GNBListRootProps) => import("react/jsx-runtime").JSX.Element;
+declare const Root: ({ withUserInfo, children, className, }: GNBListRootProps) => import("react/jsx-runtime").JSX.Element;
 /**
- * GNB 리스트의 기본 리스트 컴포넌트
+ * 사용자 정보 컴포넌트
+ *
+ * @description
+ * 사용자의 프로필 이미지, 이름, 이메일을 표시합니다.
+ *
  * @param {Object} props
- * @param {ReactNode} props.children - 리스트 아이템들
- * @param {string} [props.className] - 추가적인 CSS 클래스
+ * @param {string} [props.imgUrl] - 프로필 이미지 URL
+ * @param {string} [props.username] - 사용자 이름
+ * @param {string} [props.email] - 사용자 이메일
+ * @param {() => void} [props.onClick] - 프로필 이미지 클릭 핸들러
+ * @param {ReactNode} [props.children] - 액션 버튼 (예: 프로필 수정, 내 프로젝트)
+ *
+ * @example
+ * <UserInfo
+ *   username="홍길동"
+ *   email="hong@example.com"
+ *   imgUrl="/profile.jpg"
+ *   onClick={() => handleProfileEdit()}
+ * >
+ *   <Button size="sm">프로필 수정</Button>
+ *   <Button size="sm" variant="outlined">내 프로젝트</Button>
+ * </UserInfo>
  */
-declare const UserInfo: ({ imgUrl, userId, email, children, onClick, }: UserInfoProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserInfo: ({ imgUrl, username, email, children, onClick, }: UserInfoProps) => import("react/jsx-runtime").JSX.Element;
 /**
- * GNB 리스트의 기본 리스트 컴포넌트
+ * 메인 메뉴 리스트 컴포넌트
+ *
+ * @description
+ * 주요 메뉴 아이템들을 담는 컨테이너입니다.
+ * - 텍스트 색상 gray-900 (주요 메뉴)
+ *
  * @param {Object} props
- * @param {ReactNode} props.children - 리스트 아이템들
- * @param {string} [props.className] - 추가적인 CSS 클래스
+ * @param {ReactNode} props.children - 메뉴 아이템들 (Item 컴포넌트)
+ *
+ * @example
+ * <List>
+ *   <Item href="/projects">프로젝트</Item>
+ *   <Item href="/request">의뢰하기</Item>
+ *   <Item href="/support" hasNew>고객센터</Item>
+ * </List>
  */
 declare const List: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 /**
- * GNB 리스트의 서브 리스트 컴포넌트
+ * 서브 메뉴 리스트 컴포넌트
+ *
+ * @description
+ * 부가적인 메뉴 아이템들을 담는 컨테이너입니다.
+ * - 텍스트 색상 gray-600 (보조 메뉴)
+ *
  * @param {Object} props
- * @param {ReactNode} props.children - 서브 리스트 아이템들
- * @param {string} [props.className] - 추가적인 CSS 클래스
+ * @param {ReactNode} props.children - 서브 메뉴 아이템들 (Item 컴포넌트)
+ *
+ * @example
+ * <SubList>
+ *   <Item href="/settings">설정</Item>
+ *   <Item href="/logout">로그아웃</Item>
+ * </SubList>
  */
 declare const SubList: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 /**
- * GNB 리스트의 아이템 컴포넌트
+ * 메뉴 아이템 컴포넌트
+ *
+ * @description
+ * 개별 메뉴 아이템을 렌더링합니다.
+ * - Next.js Link로 페이지 이동
+ * - 키보드 포커스 및 hover 스타일 지원
+ *
  * @param {Object} props
- * @param {ReactNode} props.children - 아이템 컨텐츠
- * @param {string} [props.className] - 추가적인 CSS 클래스
- * @param {() => void} [props.onClick] - 클릭 핸들러
- * @param {boolean} [props.isSelected] - 선택 상태 여부
+ * @param {string} props.href - 이동할 페이지 경로 (필수)
+ * @param {ReactNode} props.children - 메뉴 텍스트
+ * @param {boolean} [props.hasNew=false] - New 뱃지 표시 여부
+ * @param {string} [props.className] - Link에 적용할 추가 CSS 클래스
+ * @param {string} [props.textClassName] - 텍스트에 적용할 CSS 클래스
+ *
+ * @example
+ * // 기본 사용
+ * <Item href="/settings">
+ *   계정 설정
+ * </Item>
+ *
+ * @example
+ * // New 뱃지 포함
+ * <Item href="/new-feature" hasNew>
+ *   새로운 기능
+ * </Item>
+ *
+ * @example
+ * // 커스텀 스타일
+ * <Item
+ *   href="/special"
+ *   className="bg-primary-50"
+ *   textClassName="font-bold"
+ * >
+ *   특별 메뉴
+ * </Item>
  */
-declare const Item: ({ hasNew, children, className, textClassName, ...rest }: GNBListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const Item: ({ hasNew, children, className, textClassName, href, ...rest }: GNBListItemProps) => import("react/jsx-runtime").JSX.Element;
 export { Root, UserInfo, List, SubList, Item };

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

@@ -1,19 +1,67 @@
-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"===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})]}),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:m,"data-testid":`design-system-gnb-list--${g}-item-text-${l}`,children:l}),a&&/*#__PURE__*/t(d,{className:"mt-1"})]}))};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Children as a,Fragment as t}from"react";import{twMerge as l}from"tailwind-merge";import n from"next/link";import{Avatar as o}from"../../DataDisplays/Avatar/Avatar.js";import{Typography as i}from"../../Base/Typography/Typography.js";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{NewBadge as c}from"../../DataDisplays/NewBadge/NewBadge.js";import{Divider as m}from"../../DataDisplays/Divider/Divider.js";import"../../DataDisplays/Accordion/Accordion.js";function p(e,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function f(e){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(r){p(e,r,a[r])}))}return e}function u(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r.push.apply(r,a)}return r}(Object(r)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})),e}function y(e,r){if(null==e)return{};var a,t,l=function(e,r){if(null==e)return{};var a,t,l={},n=Object.keys(e);for(t=0;t<n.length;t++)a=n[t],r.indexOf(a)>=0||(l[a]=e[a]);return l}
 /**
  * GNB 리스트의 루트 컴포넌트
+ *
+ * @description
+ * GNB 리스트의 컨테이너 역할을 합니다.
+ * - withUserInfo prop에 따라 스타일 자동 조정
+ *
  * @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,h as List,b as Root,w as SubList,g as UserInfo};
+ * @param {boolean} [props.withUserInfo=false] - 사용자 정보 포함 여부
+ * @param {string} [props.className] - 추가 CSS 클래스
+ * @param {ReactNode} props.children - 메뉴 구성 요소 (UserInfo, List, SubList)
+ *
+ * @example
+ * // 기본 메뉴 리스트
+ * <Root>
+ *   <List>
+ *     <Item href="/projects">프로젝트</Item>
+ *     <Item href="/settings">설정</Item>
+ *   </List>
+ * </Root>
+ *
+ * @example
+ * // 사용자 정보 포함 메뉴
+ * <Root withUserInfo>
+ *   <UserInfo username="홍길동" email="hong@example.com" />
+ *   <List>
+ *     <Item href="/account">계정 설정</Item>
+ *   </List>
+ *   <SubList>
+ *     <Item href="/logout">로그아웃</Item>
+ *   </SubList>
+ * </Root>
+ */(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)a=n[t],r.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}const b=({withUserInfo:n=!1,children:o,className:i})=>{const c=a.map(o,((a,l)=>0===l?a:/*#__PURE__*/r(t,{children:[
+/*#__PURE__*/e(m,{className:"my-2"}),a]})));/*#__PURE__*/
+return e(s,{as:"nav","aria-label":"네비게이션 메뉴",className:l("absolute flex flex-col rounded-xl bg-w-white shadow-graymedium",n?"w-[280px] pb-3 pt-5":"h-auto w-[200px] overflow-hidden py-3",i),children:c})},d=({imgUrl:a,username:t,email:l,children:n,onClick:c})=>/*#__PURE__*/r(s,{role:"region","aria-label":"사용자 정보",className:"flex w-full flex-col gap-4 px-6 pb-4",children:[
+/*#__PURE__*/r(s,{className:"flex w-full items-center gap-4",children:[
+/*#__PURE__*/e(o,{size:"lg",isEditable:!0,imgUrl:a,onClick:c}),
+/*#__PURE__*/r(s,{className:"flex w-full flex-col gap-0.5",children:[
+/*#__PURE__*/e(i,{variant:"body16",className:"font-medium text-w-gray-900",children:t}),
+/*#__PURE__*/e(i,{variant:"body14",className:"line-clamp-2 break-all text-w-gray-600",children:l})]})]}),n&&/*#__PURE__*/e(s,{className:"flex w-full flex-col gap-2",children:n})]}),h=({children:r})=>/*#__PURE__*/e(s,{as:"ul","aria-label":"메인 메뉴",className:"w-full text-w-gray-900",children:r}),g=({children:r})=>/*#__PURE__*/e(s,{as:"ul","aria-label":"서브 메뉴",className:"w-full text-w-gray-600",children:r}),w=a=>{var{hasNew:t=!1,children:o,className:m,textClassName:p,href:b}=a,d=y(a,["hasNew","children","className","textClassName","href"]);/*#__PURE__*/
+return e(s,{as:"li",children:/*#__PURE__*/r(n,u(f({href:b,className:l("flex w-full cursor-pointer gap-1 px-6 py-2 hover:bg-primary-10",m)},d),{children:[
+/*#__PURE__*/e(i,{variant:"body14",className:p,children:o}),t&&/*#__PURE__*/e(c,{className:"mt-1","aria-label":"새 소식"})]}))})};
+/**
+ * 사용자 정보 컴포넌트
+ *
+ * @description
+ * 사용자의 프로필 이미지, 이름, 이메일을 표시합니다.
+ *
+ * @param {Object} props
+ * @param {string} [props.imgUrl] - 프로필 이미지 URL
+ * @param {string} [props.username] - 사용자 이름
+ * @param {string} [props.email] - 사용자 이메일
+ * @param {() => void} [props.onClick] - 프로필 이미지 클릭 핸들러
+ * @param {ReactNode} [props.children] - 액션 버튼 (예: 프로필 수정, 내 프로젝트)
+ *
+ * @example
+ * <UserInfo
+ *   username="홍길동"
+ *   email="hong@example.com"
+ *   imgUrl="/profile.jpg"
+ *   onClick={() => handleProfileEdit()}
+ * >
+ *   <Button size="sm">프로필 수정</Button>
+ *   <Button size="sm" variant="outlined">내 프로젝트</Button>
+ * </UserInfo>
+ */export{w as Item,h as List,b as Root,g as SubList,d as UserInfo};

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

@@ -1,16 +1,16 @@
+import Link from 'next/link';
 import { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
-export type GNBListType = 'main' | 'sub' | 'user';
 export interface GNBListRootProps extends PropsWithChildren {
-    type?: GNBListType;
+    withUserInfo?: boolean;
     className?: string;
 }
 export interface UserInfoProps extends PropsWithChildren {
     imgUrl?: string;
-    userId?: string;
+    username?: string;
     email?: string;
     onClick?: () => void;
 }
-export interface GNBListItemProps extends ComponentPropsWithoutRef<'div'> {
+export interface GNBListItemProps extends ComponentPropsWithoutRef<typeof Link> {
     hasNew?: boolean;
     textClassName?: string;
 }

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

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

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{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};
+import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as r}from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import{SystemIcon as n}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.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=n=>{var{value:o,enabled:c}=n,l=s(n,["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(r,{variant:"body14",children:o})}))},l=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e(n,{name:"medium_arrow_left",className:"text-w-gray-900"})})),p=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e(n,{name:"medium_arrow_right",className:"text-w-gray-900"})}));export{l as LeftArrow,c as PaginationNumber,p as RightArrow};

package/dist/Components/Navigations/TableOfContents/TableOfContents.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 TableOfContents};
+/*#__PURE__*/t(n,{variant:"body13",className:s("cursor-pointer pl-[18px]",m&&"font-medium"),children:l})]},i)}))]})};export{l as TableOfContents};

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

@@ -0,0 +1,66 @@
+import Link from 'next/link';
+import { ComponentProps } from 'react';
+import { TextWithIconsProps } from '../../Base/TextWithIcons/TextWithIcons';
+interface TextLinkProps extends ComponentProps<typeof Link>, TextWithIconsProps {
+}
+/**
+ * 텍스트 기반의 링크 컴포넌트입니다.
+ *
+ * @description
+ * TextButton과 동일한 스타일을 가지지만 `<a>` 태그 기반으로 페이지 네비게이션을 담당합니다.
+ * Next.js의 Link 컴포넌트를 기반으로 하여 클라이언트 사이드 라우팅을 지원합니다.
+ *
+ * @component
+ * @param {Object} props - TextLink 컴포넌트의 props
+ * @param {string} props.href - 링크 대상 URL (필수)
+ * @param {string} props.text - 표시할 텍스트 (필수)
+ * @param {SystemIconName} [props.leadingIcon] - 텍스트 앞에 표시할 아이콘
+ * @param {SystemIconName} [props.trailingIcon] - 텍스트 뒤에 표시할 아이콘
+ * @param {boolean} [props.isTextSmall=false] - 작은 텍스트 크기 사용 여부
+ * @param {boolean} [props.isGray=false] - 텍스트 색상을 회색으로 사용 여부
+ * @param {boolean} [props.isUnderline=false] - 텍스트에 밑줄 스타일 적용 여부
+ * @param {ComponentProps<typeof Link>} props - Next.js Link 컴포넌트의 모든 props 지원
+ *
+ * @example
+ * // 기본 사용법
+ * <TextLink href="/about" text="소개 페이지로 이동" />
+ *
+ * @example
+ * // 아이콘과 함께 사용
+ * <TextLink
+ *   href="/detail"
+ *   text="자세히 보기"
+ *   trailingIcon="medium_arrow_right"
+ * />
+ *
+ * @example
+ * // 외부 링크로 사용
+ * <TextLink
+ *   href="https://example.com"
+ *   text="외부 사이트 방문"
+ *   target="_blank"
+ *   rel="noopener noreferrer"
+ * />
+ *
+ * @example
+ * // 작은 텍스트 크기로 사용
+ * <TextLink
+ *   href="/help"
+ *   text="도움말"
+ *   isTextSmall
+ *   leadingIcon="small_help"
+ * />
+ *
+ * @example
+ * // 프로그래매틱 네비게이션과 함께
+ * <TextLink
+ *   href="/dashboard"
+ *   text="대시보드"
+ *   onClick={(e) => {
+ *     // 추가 로직 실행 가능
+ *     console.log('대시보드로 이동');
+ *   }}
+ * />
+ */
+declare const TextLink: ({ href, text, leadingIcon, trailingIcon, isTextSmall, isGray, isUnderline, ...rest }: TextLinkProps) => import("react/jsx-runtime").JSX.Element;
+export { TextLink };

package/dist/Components/Navigations/TextLink/TextLink.js

@@ -0,0 +1,61 @@
+import{jsx as e}from"react/jsx-runtime";import t from"next/link";import{twMerge as r}from"tailwind-merge";import{TextWithIcons as n}from"../../Base/TextWithIcons/TextWithIcons.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(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 c(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
+/**
+ * 텍스트 기반의 링크 컴포넌트입니다.
+ *
+ * @description
+ * TextButton과 동일한 스타일을 가지지만 `<a>` 태그 기반으로 페이지 네비게이션을 담당합니다.
+ * Next.js의 Link 컴포넌트를 기반으로 하여 클라이언트 사이드 라우팅을 지원합니다.
+ *
+ * @component
+ * @param {Object} props - TextLink 컴포넌트의 props
+ * @param {string} props.href - 링크 대상 URL (필수)
+ * @param {string} props.text - 표시할 텍스트 (필수)
+ * @param {SystemIconName} [props.leadingIcon] - 텍스트 앞에 표시할 아이콘
+ * @param {SystemIconName} [props.trailingIcon] - 텍스트 뒤에 표시할 아이콘
+ * @param {boolean} [props.isTextSmall=false] - 작은 텍스트 크기 사용 여부
+ * @param {boolean} [props.isGray=false] - 텍스트 색상을 회색으로 사용 여부
+ * @param {boolean} [props.isUnderline=false] - 텍스트에 밑줄 스타일 적용 여부
+ * @param {ComponentProps<typeof Link>} props - Next.js Link 컴포넌트의 모든 props 지원
+ *
+ * @example
+ * // 기본 사용법
+ * <TextLink href="/about" text="소개 페이지로 이동" />
+ *
+ * @example
+ * // 아이콘과 함께 사용
+ * <TextLink
+ *   href="/detail"
+ *   text="자세히 보기"
+ *   trailingIcon="medium_arrow_right"
+ * />
+ *
+ * @example
+ * // 외부 링크로 사용
+ * <TextLink
+ *   href="https://example.com"
+ *   text="외부 사이트 방문"
+ *   target="_blank"
+ *   rel="noopener noreferrer"
+ * />
+ *
+ * @example
+ * // 작은 텍스트 크기로 사용
+ * <TextLink
+ *   href="/help"
+ *   text="도움말"
+ *   isTextSmall
+ *   leadingIcon="small_help"
+ * />
+ *
+ * @example
+ * // 프로그래매틱 네비게이션과 함께
+ * <TextLink
+ *   href="/dashboard"
+ *   text="대시보드"
+ *   onClick={(e) => {
+ *     // 추가 로직 실행 가능
+ *     console.log('대시보드로 이동');
+ *   }}
+ * />
+ */(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}const l=l=>{var{href:a,text:f,leadingIcon:s,trailingIcon:p,isTextSmall:u=!1,isGray:O=!1,isUnderline:b=!1}=l,y=c(l,["href","text","leadingIcon","trailingIcon","isTextSmall","isGray","isUnderline"]);/*#__PURE__*/
+return e(t,o(function(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){i(e,t,r[t])}))}return e}({href:a,className:r("flex min-h-6 w-fit items-center justify-center",u?"gap-x-0.5":"gap-x-1")},y),{children:/*#__PURE__*/e(n,{text:f,leadingIcon:s,trailingIcon:p,isTextSmall:u,isUnderline:b,isGray:O})}))};export{l as TextLink};

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

@@ -0,0 +1 @@
+export { TextLink } from './TextLink';

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

@@ -1,10 +1,10 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,createContext as n,useRef as a,Children as o,useState as s,useEffect as i}from"react";import{twMerge as l,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";import{Divider as b}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 y(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){p(e,t,r[t])}))}return e}function h(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 g=/*#__PURE__*/n({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}}),x=({children:t,currentActiveTab:r=0,isFit:n=!0,hasPadding:a=!1,isFull:o=!1,barColor:l="bg-w-gray-900",onChange:c})=>{const[u,d]=s(r);return i((()=>{r!==u&&d(r);
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,createContext as n,useRef as a,Children as o,useState as s,useEffect as i}from"react";import{twMerge as l,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"../../DataDisplays/Avatar/Avatar.js";import{CountBadge as m}from"../../DataDisplays/CountBadge/CountBadge.js";import{SystemIcon as f}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Divider as p}from"../../DataDisplays/Divider/Divider.js";import"../../DataDisplays/Accordion/Accordion.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 y(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){b(e,t,r[t])}))}return e}function h(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 g=/*#__PURE__*/n({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}}),x=({children:t,currentActiveTab:r=0,isFit:n=!0,hasPadding:a=!1,isFull:o=!1,barColor:l="bg-w-gray-900",onChange:c})=>{const[u,d]=s(r);return i((()=>{r!==u&&d(r);
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[r]),/*#__PURE__*/e(g.Provider,{value:{barColor:l,activeTab:u,currentActiveTab:r,isFit:n,hasPadding:a,handleTabClick:e=>{e!==u&&(null==c||c(e),d(e))},isFull:o},children:t})},w=({children:n,className:u})=>{const{activeTab:m,hasPadding:f,isFull:p,barColor:y}=r(g),h=a([]),x=a(null),w=a(null),v=o.toArray(n),[j,O]=s(!1),[T,D]=s(!1),[N,P]=s({x:0,scrollLeft:0});return i((()=>{if(!h.current[m]||!x.current)return;const e=h.current[m],t=x.current,r=w.current;if(e&&t&&r){const{offsetLeft:n,offsetWidth:a}=e,{scrollLeft:o,clientWidth:s}=r;t.style.width=`${a}px`,t.style.transform=`translateX(${n}px)`;if(!(o<=n&&o+s>=n+a)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[m]),i((()=>{const e=()=>{if(w.current){const e=w.current.scrollWidth>w.current.clientWidth;O(e)}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),i((()=>{if(w.current){const e=w.current.scrollWidth>w.current.clientWidth;O(e)}}),[n]),/*#__PURE__*/e(d,{ref:w,className:c("block w-full touch-pan-x items-start overflow-x-scroll scrollbar-hide",j&&"scrollbar-list",u),"data-testid":"design-system-textTab--container",onMouseDown:e=>{w.current&&(D(!0),P({x:e.pageX,scrollLeft:w.current.scrollLeft}))},onMouseMove:e=>{if(!T||!w.current)return;e.preventDefault();const t=e.pageX-N.x;w.current.scrollLeft=N.scrollLeft-t},onMouseUp:()=>{D(!1)},onMouseLeave:()=>{D(!1)},children:/*#__PURE__*/t(d,{className:l("relative w-full border-b border-w-gray-200",j&&"w-max",f&&"px-9"),"data-testid":"design-system-textTab--inner-container",children:[
-/*#__PURE__*/e(d,{className:l("inline-flex w-max gap-10",p&&"w-full gap-0"),children:v.map(((t,r)=>/*#__PURE__*/e(d,{className:l(p&&"w-full"),ref:e=>{h.current[r]=e},children:t},r)))}),
+}),[r]),/*#__PURE__*/e(g.Provider,{value:{barColor:l,activeTab:u,currentActiveTab:r,isFit:n,hasPadding:a,handleTabClick:e=>{e!==u&&(null==c||c(e),d(e))},isFull:o},children:t})},w=({children:n,className:u})=>{const{activeTab:m,hasPadding:f,isFull:b,barColor:y}=r(g),h=a([]),x=a(null),w=a(null),v=o.toArray(n),[j,O]=s(!1),[D,T]=s(!1),[N,P]=s({x:0,scrollLeft:0});return i((()=>{if(!h.current[m]||!x.current)return;const e=h.current[m],t=x.current,r=w.current;if(e&&t&&r){const{offsetLeft:n,offsetWidth:a}=e,{scrollLeft:o,clientWidth:s}=r;t.style.width=`${a}px`,t.style.transform=`translateX(${n}px)`;if(!(o<=n&&o+s>=n+a)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[m]),i((()=>{const e=()=>{if(w.current){const e=w.current.scrollWidth>w.current.clientWidth;O(e)}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),i((()=>{if(w.current){const e=w.current.scrollWidth>w.current.clientWidth;O(e)}}),[n]),/*#__PURE__*/e(d,{ref:w,className:c("scrollbar-hide block w-full touch-pan-x items-start overflow-x-scroll",j&&"scrollbar-list",u),"data-testid":"design-system-textTab--container",onMouseDown:e=>{w.current&&(T(!0),P({x:e.pageX,scrollLeft:w.current.scrollLeft}))},onMouseMove:e=>{if(!D||!w.current)return;e.preventDefault();const t=e.pageX-N.x;w.current.scrollLeft=N.scrollLeft-t},onMouseUp:()=>{T(!1)},onMouseLeave:()=>{T(!1)},children:/*#__PURE__*/t(d,{className:l("relative w-full border-b border-w-gray-200",j&&"w-max",f&&"px-9"),"data-testid":"design-system-textTab--inner-container",children:[
+/*#__PURE__*/e(d,{className:l("inline-flex w-max gap-10",b&&"w-full gap-0"),children:v.map(((t,r)=>/*#__PURE__*/e(d,{className:l(b&&"w-full"),ref:e=>{h.current[r]=e},children:t},r)))}),
 /*#__PURE__*/e("span",{ref:x,"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",y)}),
-/*#__PURE__*/e(b,{className:"absolute -bottom-px left-0 h-px"})]})})},v=({children:n,index:a,className:o,disabled:s=!1,badgeNumber:i,iconName:c,href:b})=>{const{isFit:p,handleTabClick:x,activeTab:w,isFull:v}=r(g),j=a===w,O={tabIndex:0,"data-testid":`design-system-textTab--item-${a}`,className:l("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",s&&"cursor-not-allowed",v&&"w-full",o),onClick:()=>{!s&&x(a)}},T=/*#__PURE__*/t(d,{className:l("relative flex w-full select-none flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!p&&"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:l("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:n}),void 0!==i&&/*#__PURE__*/e(f,{text:i,showZero:!0,className:"relative",variant:"gray"})]});return b?/*#__PURE__*/e("a",h(y({href:b},O),{children:T})):/*#__PURE__*/e(d,h(y({},O),{children:T}))},j=({children:t,index:n})=>{const{activeTab:a}=r(g);return a===n&&/*#__PURE__*/e(d,{"data-testid":"design-system-textTab--content",children:t})};
+/*#__PURE__*/e(p,{className:"absolute -bottom-px left-0 h-px"})]})})},v=({children:n,index:a,className:o,disabled:s=!1,badgeNumber:i,iconName:c,href:p})=>{const{isFit:b,handleTabClick:x,activeTab:w,isFull:v}=r(g),j=a===w,O={tabIndex:0,"data-testid":`design-system-textTab--item-${a}`,className:l("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",s&&"cursor-not-allowed",v&&"w-full",o),onClick:()=>{!s&&x(a)}},D=/*#__PURE__*/t(d,{className:l("relative flex w-full select-none flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!b&&"px-[33.5px]",v&&"w-full px-0",j&&"font-medium text-w-gray-900"),children:[c&&/*#__PURE__*/e(d,{className:"flex size-4 shrink-0 items-center justify-center",children:/*#__PURE__*/e(f,{name:c,className:l("size-4 text-w-gray-600 group-hover:text-w-gray-900",j&&"text-w-gray-900")})}),
+/*#__PURE__*/e(u,{variant:"body16",className:"relative",children:n}),void 0!==i&&/*#__PURE__*/e(m,{text:i,showZero:!0,className:"relative",variant:"gray"})]});return p?/*#__PURE__*/e("a",h(y({href:p},O),{children:D})):/*#__PURE__*/e(d,h(y({},O),{children:D}))},j=({children:t,index:n})=>{const{activeTab:a}=r(g);return a===n&&/*#__PURE__*/e(d,{"data-testid":"design-system-textTab--content",children:t})};
 /**
  * TextTab의 Root 컴포넌트입니다.
  * TextTab의 상태를 관리합니다.

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

@@ -5,3 +5,4 @@ export * from './TableOfContents';
 export * from './TextTab';
 export * from './BoxTab';
 export * from './Menu';
+export * from './TextLink';

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{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";
+import{jsxs as a,jsx as t}from"react/jsx-runtime";import{twMerge as s}from"tailwind-merge";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Avatar/Avatar.js";import{CountBadge as e}from"../../DataDisplays/CountBadge/CountBadge.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{NewBadge as o}from"../../DataDisplays/NewBadge/NewBadge.js";import"../../DataDisplays/Accordion/Accordion.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: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};
+ */const i=({text:i,children:m,className:l,variant:n="primary",showZero:p=!1})=>/*#__PURE__*/a(r,{className:s("relative w-fit",l),"data-testid":"with-badge",children:[m,"new"===n?/*#__PURE__*/t(o,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):/*#__PURE__*/t(e,{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/WithSnackBar/WithSnackBar.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import{twJoin as s}from"tailwind-merge";import{Box as t}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{SnackBar as o}from"../../Feedbacks/SnackBar/SnackBar.js";import"@wishket/yogokit";import"react-dom";import"../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";
+import{jsxs as t,jsx as a}from"react/jsx-runtime";import{twJoin as s}from"tailwind-merge";import{Box as e}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Avatar/Avatar.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{SnackBar as o}from"../../Feedbacks/SnackBar/SnackBar.js";import"../../Inputs/Button/Button.js";import"@wishket/yogokit";import"react-dom";import"../../Feedbacks/Tooltip/Tooltip.js";import"../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";
 /**
  * 스낵바를 포함하는 래퍼 컴포넌트입니다.
  * 자식 컴포넌트 상단에 알림 메시지를 표시할 수 있습니다.
@@ -21,5 +21,5 @@ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{twJoin as s}from"tailwi
  *   <YourComponent />
  * </WithSnackBar>
  * ```
- */const r=({children:r,isOpen:i,message:l,type:n,onClose:m})=>/*#__PURE__*/e(t,{"data-testid":"design-system-with-message-bar",children:[
-/*#__PURE__*/a(t,{className:"w-full overflow-y-hidden",children:/*#__PURE__*/a(t,{className:s("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",i?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:/*#__PURE__*/a(t,{className:"pt-8",children:/*#__PURE__*/a(o,{message:l,type:n,onClose:m})})})}),r]});export{r as WithSnackBar};
+ */const i=({children:i,isOpen:r,message:l,type:n,onClose:m})=>/*#__PURE__*/t(e,{"data-testid":"design-system-with-message-bar",children:[
+/*#__PURE__*/a(e,{className:"w-full overflow-y-hidden",children:/*#__PURE__*/a(e,{className:s("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",r?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:/*#__PURE__*/a(e,{className:"pt-8",children:/*#__PURE__*/a(o,{message:l,type:n,onClose:m})})})}),i]});export{i as WithSnackBar};

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

@@ -1,3 +1,2 @@
 export * from './WithBadge';
-export * from './WithRichTooltip';
 export * from './WithSnackBar';

package/dist/cjs/Components/Base/Layouts/FullBleed/FullBleed.js

@@ -10,4 +10,4 @@
  */(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const c=/*#__PURE__*/t.forwardRef(((n,c)=>{var{className:s,insideContainerClassName:o,maxWidth:p="1200px",paddingAdjustment:u=8.5,children:f}=n,m=d(n,["className","insideContainerClassName","maxWidth","paddingAdjustment","children"]);
 // TODO: 스크롤바 너비를 제외한 viewport width 계산을 더 나은 방식으로 할 수 있도록 개선(layout shift 방지)
 const[b,g]=t.useState((()=>a.calculateScrollbarWidth())),y=a.getPaddingFromClassName(o,"mobile"),x=a.getPaddingFromClassName(o,"tablet"),O=a.getPaddingFromClassName(o,"desktop");t.useEffect((()=>{g(a.calculateScrollbarWidth())}),[]);const h={"--dynamic-padding-left-tablet":`max(${x.left||x.x}px, ${y.left||y.x}px)`,"--dynamic-padding-right-tablet":`max(${x.right||x.x}px, ${y.right||y.x}px)`,"--dynamic-padding-left-desktop":`calc(max(calc((100dvw - ${p})/2 + ${y.left||y.x}px + ${u}px), ${O.x}px))`,"--dynamic-padding-right-desktop":`calc(max(calc((100dvw - ${p})/2 + ${y.right||y.x}px + ${u}px), ${O.x}px))`},j={"--dynamic-bleed-width":`calc(100dvw - ${b}px)`};/*#__PURE__*/
-return e.jsx("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-full-bleed--container",className:r.twMerge("relative left-1/2 top-0 h-full w-[var(--dynamic-bleed-width)] -translate-x-1/2",s),style:j,children:/*#__PURE__*/e.jsx("div",i(l({"data-testid":"design-system-full-bleed--container-inside",className:r.twMerge("flex w-full overflow-x-auto px-5 scrollbar-hide","tablet:pl-[var(--dynamic-padding-left-tablet)] tablet:pr-[var(--dynamic-padding-right-tablet)]","desktop:pl-[var(--dynamic-padding-left-desktop)] desktop:pr-[var(--dynamic-padding-right-desktop)]",o),style:h,ref:c},m),{children:f}))})})}));c.displayName="FullBleed",exports.FullBleed=c;
+return e.jsx("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-full-bleed--container",className:r.twMerge("relative left-1/2 top-0 h-full w-[var(--dynamic-bleed-width)] -translate-x-1/2",s),style:j,children:/*#__PURE__*/e.jsx("div",i(l({"data-testid":"design-system-full-bleed--container-inside",className:r.twMerge("scrollbar-hide flex w-full overflow-x-auto px-5","tablet:pl-[var(--dynamic-padding-left-tablet)] tablet:pr-[var(--dynamic-padding-right-tablet)]","desktop:pl-[var(--dynamic-padding-left-desktop)] desktop:pr-[var(--dynamic-padding-right-desktop)]",o),style:h,ref:c},m),{children:f}))})})}));c.displayName="FullBleed",exports.FullBleed=c;

package/dist/cjs/Components/Base/Layouts/FullBleed/FullBleed.utils.js

@@ -1,4 +1,4 @@
-"use strict";function t(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const e=(r,n="mobile")=>{const i={mobile:{x:20,left:0,right:0},tablet:{x:20,left:0,right:0},desktop:{x:36,left:0,right:0}};if(!r){if("tablet"===n){const t=e(r,"mobile");return{x:t.x,left:t.left,right:t.right}}return i[n]}const o=r.split(" "),l="mobile"===n?"":`${n}:`;if(!o.some((t=>t.startsWith(l+"px-")||t.startsWith(l+"pl-")||t.startsWith(l+"pr-")))&&"tablet"===n)return e(r,"mobile");const c=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),i.forEach((function(r){t(e,r,n[r])}))}return e}({},i[n]),s=o.find((t=>t===`${l}px-${c.x/4}`||t.startsWith(`${l}px-`)));
+"use strict";function t(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const e=(r,n="mobile")=>{const i={mobile:{x:20,left:0,right:0},tablet:{x:20,left:0,right:0},desktop:{x:36,left:0,right:0}};if(!r){if("tablet"===n){const t=e(r,"mobile");return{x:t.x,left:t.left,right:t.right}}return i[n]}const o=r.split(" "),l="mobile"===n?"":`${n}:`;if(!o.some((t=>t.startsWith(`${l}px-`)||t.startsWith(`${l}pl-`)||t.startsWith(`${l}pr-`)))&&"tablet"===n)return e(r,"mobile");const c=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),i.forEach((function(r){t(e,r,n[r])}))}return e}({},i[n]),s=o.find((t=>t===`${l}px-${c.x/4}`||t.startsWith(`${l}px-`)));
 // px 처리
 if(s){const t=4*Number(s.replace(l,"").replace("px-",""));c.x=t}
 // pl 처리

package/dist/cjs/Components/Base/TextWithIcons/TextWithIcons.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../Typography/Typography.js"),a=require("../Layouts/Box/Box.js");require("../Layouts/FullBleed/FullBleed.js");exports.TextWithIcons=({text:r,leadingIcon:n,trailingIcon:o,isTextSmall:l=!1,isGray:c=!1,isUnderline:y=!1})=>/*#__PURE__*/e.jsxs(e.Fragment,{children:[n&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-text-with-icons--icon--left",className:"w-fit",children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:n,className:t.twJoin(c?"text-w-gray-600":"text-primary-500")})}),
+/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-text-with-icons--text",className:"w-fit",children:/*#__PURE__*/e.jsx(i.Typography,{variant:l?"body14":"body16",className:t.twJoin("align-baseline font-medium",c?"text-w-gray-600":"text-primary-500",y?"underline decoration-1 underline-offset-2":""),children:r})}),o&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-text-with-icons--icon--right",className:"w-fit",children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:o,className:t.twJoin(c?"text-w-gray-600":"text-primary-500")})})]});

package/dist/cjs/Components/Base/Typography/Typography.js

@@ -1,10 +1,10 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function o(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},c=Object.keys(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}const c=[{name:"title1",class:"typo-title1"},{name:"title2",class:"typo-title2"},{name:"title3",class:"typo-title3"},{name:"subTitle1",class:"typo-subTitle1"},{name:"subTitle2",class:"typo-subTitle2"},{name:"contents1",class:"typo-contents1"},{name:"contents2",class:"typo-contents2"},{name:"body1",class:"typo-body1"},{name:"body2",class:"typo-body2"},{name:"body3",class:"typo-body3"},{name:"caption1",class:"typo-caption1"},{name:"caption2",class:"typo-caption2"}];
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function o(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}const a=[{name:"title48",class:"typo-title48"},{name:"title32",class:"typo-title32"},{name:"title28",class:"typo-title28"},{name:"title24",class:"typo-title24"},{name:"subTitle20",class:"typo-subTitle20"},{name:"subTitle18",class:"typo-subTitle18"},{name:"contents18",class:"typo-contents18"},{name:"contents16",class:"typo-contents16"},{name:"body16",class:"typo-body16"},{name:"body14",class:"typo-body14"},{name:"body13",class:"typo-body13"},{name:"caption12",class:"typo-caption12"},{name:"caption11",class:"typo-caption11"}];
 /**
  * Typography
  * @param {Object} props
  * @param {React.ReactNode} props.children - Typography 내부에 들어갈 컨텐츠
- * @param {string} props.variant - 텍스트 스타일 variant ('title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'contents1' | 'contents2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2')
+ * @param {string} props.variant - 텍스트 스타일 variant ('title48' | 'title32' | 'title24' | 'subTitle20' | 'subTitle18' | 'contents18' | 'contents16' | 'body16' | 'body14' | 'body13' | 'caption12' | 'caption11')
  * @param {string} [props.className] - 추가적인 CSS 클래스
  * @param {keyof JSX.IntrinsicElements} [props.as='span'] - 렌더링할 HTML 요소
- */exports.Typography=a=>{var s,{children:l,variant:i,className:p,as:y="span"}=a,u=o(a,["children","variant","className","as"]);const b=y||"span",O=(null===(s=c.find((e=>e.name===i)))||void 0===s?void 0:s.class)||"";/*#__PURE__*/
+ */exports.Typography=c=>{var s,{children:l,variant:i,className:p,as:y="span"}=c,u=o(c,["children","variant","className","as"]);const b=y||"span",O=(null===(s=a.find((e=>e.name===i)))||void 0===s?void 0:s.class)||"";/*#__PURE__*/
 return e.jsx(b,r(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({className:t.twMerge("tracking-default",O,p)},u),{children:l}))};