@wishket/design-system 1.17.2 → 1.17.3

package/dist/Components/Inputs/TextButton/TextButton.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twMerge as r}from"tailwind-merge";import"react";import{SystemIcon as n}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as o}from"../../Base/Typography/Typography.js";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function s(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}function c(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}
+import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{TextWithIcons as r}from"../../Base/TextWithIcons/TextWithIcons.js";function n(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 i(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}
 /**
  * 텍스트 버튼 컴포넌트
  *
@@ -23,6 +23,5 @@ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twMerge as r}from"tailw
  *   leadingIcon="search"
  *   trailingIcon="arrow-right"
  * />
- */(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}const l=l=>{var{text:m,isTextSmall:y=!1,leadingIcon:p,trailingIcon:u}=l,f=c(l,["text","isTextSmall","leadingIcon","trailingIcon"]);/*#__PURE__*/
-return t("button",s(function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){a(t,e,r[e])}))}return t}({"data-testid":"design-system-text-button--container",className:r("flex min-h-6 w-fit items-center justify-center",y?"gap-x-0.5":"gap-x-1")},f),{children:[p&&/*#__PURE__*/e(i,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:/*#__PURE__*/e(n,{name:p,className:"text-primary-500"})}),
-/*#__PURE__*/e(i,{"data-testid":"design-system-text-button--text",className:"w-fit",children:/*#__PURE__*/e(o,{variant:y?"body2":"body1",className:"align-baseline font-medium text-primary-500",children:m})}),u&&/*#__PURE__*/e(i,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:/*#__PURE__*/e(n,{name:u,className:"text-primary-500"})})]}))};export{l as TextButton};
+ */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const c=c=>{var{text:l,isTextSmall:a=!1,leadingIcon:s,trailingIcon:u}=c,f=i(c,["text","isTextSmall","leadingIcon","trailingIcon"]);/*#__PURE__*/
+return e("button",o(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}({"data-testid":"design-system-text-button--container",className:t("flex min-h-6 w-fit items-center justify-center",a?"gap-x-0.5":"gap-x-1")},f),{children:/*#__PURE__*/e(r,{text:l,leadingIcon:s,trailingIcon:u,isTextSmall:a})}))};export{c as TextButton};

package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as r,twJoin as n}from"tailwind-merge";import"react";import{SystemIcon as o}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";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,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 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 l=l=>{var{value:p,isListOpen:u,disabled:y,className:m}=l,b=c(l,["value","isListOpen","disabled","className"]);/*#__PURE__*/
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as r,twJoin as n}from"tailwind-merge";import"react";import{SystemIcon as o}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"../../DataDisplays/Accordion/Accordion.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,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 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 l=l=>{var{value:p,isListOpen:u,disabled:y,className:m}=l,b=c(l,["value","isListOpen","disabled","className"]);/*#__PURE__*/
 return e("button",i(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){s(e,t,r[t])}))}return e}({type:"button",className:r("flex items-center gap-2 outline-none",y?"cursor-not-allowed":"cursor-pointer",m),disabled:y},b),{children:[
 /*#__PURE__*/t(a,{variant:"body1",className:r("text-w-gray-600",y&&"text-w-gray-300"),children:p}),
 /*#__PURE__*/t("span",{className:n("transition-transform duration-300",u&&"rotate-180"),children:/*#__PURE__*/t(o,{name:"medium_arrow_down",className:r("text-w-gray-600",y&&"text-w-gray-300")})})]}))};export{l as TextButton};

package/dist/Components/Inputs/TextField/TextField.d.ts

@@ -1,9 +1,9 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { MediumSystemIconName } from '../../DataDisplays/SystemIcon';
-type variant = 'default' | 'lable';
+type variant = 'default' | 'label';
 export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
     variant?: variant;
-    lable?: string;
+    label?: string;
     isError?: boolean;
     startIcon?: MediumSystemIconName;
     endIcon?: MediumSystemIconName;
@@ -18,8 +18,8 @@ export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
  *
  * @component
  * @param {Object} props - 컴포넌트 props
- * @param {'default' | 'lable'} [props.variant='default'] - 텍스트 필드의 변형 타입
- * @param {string} [props.lable] - 입력 필드의 라벨
+ * @param {'default' | 'label'} [props.variant='default'] - 텍스트 필드의 변형 타입
+ * @param {string} [props.label] - 입력 필드의 라벨
  * @param {boolean} [props.isError] - 오류 상태 표시 여부
  * @param {MediumSystemIconName} [props.startIcon] - 시작 부분에 표시될 아이콘
  * @param {MediumSystemIconName} [props.endIcon] - 끝 부분에 표시될 아이콘
@@ -38,8 +38,8 @@ export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
  *
  * // 라벨이 있는 텍스트 필드
  * <TextField
- *   variant="lable"
- *   lable="이름"
+ *   variant="label"
+ *   label="이름"
  *   placeholder="홍길동"
  *   startIcon="user"
  *   supportMessage="실명을 입력해주세요"

package/dist/Components/Inputs/TextField/TextField.js

@@ -1,11 +1,11 @@
-"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as n,useEffect as o}from"react";import{twMerge as a}from"tailwind-merge";import{TextFieldContainer as i}from"../TextFieldContainer/TextFieldContainer.js";import{SupportTextContainer as s}from"../SupportTextContainer/SupportTextContainer.js";import"../Input/Input.js";import"../Input/PasswordInput.js";import{LableInput as l}from"../Input/LableInput.js";import{InputTypeSelector as c}from"../Input/InputTypeSelector.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}function b(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 t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function f(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}
+"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as n,useEffect as o}from"react";import{twMerge as a}from"tailwind-merge";import{TextFieldContainer as i}from"../TextFieldContainer/TextFieldContainer.js";import{SupportTextContainer as s}from"../SupportTextContainer/SupportTextContainer.js";import"../Input/Input.js";import"../Input/PasswordInput.js";import{LabelInput as l}from"../Input/LabelInput.js";import{InputTypeSelector as c}from"../Input/InputTypeSelector.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}function b(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 t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function f(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}
 /**
  * 사용자 입력을 받을 수 있는 텍스트 필드 컴포넌트입니다.
  *
  * @component
  * @param {Object} props - 컴포넌트 props
- * @param {'default' | 'lable'} [props.variant='default'] - 텍스트 필드의 변형 타입
- * @param {string} [props.lable] - 입력 필드의 라벨
+ * @param {'default' | 'label'} [props.variant='default'] - 텍스트 필드의 변형 타입
+ * @param {string} [props.label] - 입력 필드의 라벨
  * @param {boolean} [props.isError] - 오류 상태 표시 여부
  * @param {MediumSystemIconName} [props.startIcon] - 시작 부분에 표시될 아이콘
  * @param {MediumSystemIconName} [props.endIcon] - 끝 부분에 표시될 아이콘
@@ -24,8 +24,8 @@
  *
  * // 라벨이 있는 텍스트 필드
  * <TextField
- *   variant="lable"
- *   lable="이름"
+ *   variant="label"
+ *   label="이름"
  *   placeholder="홍길동"
  *   startIcon="user"
  *   supportMessage="실명을 입력해주세요"
@@ -39,5 +39,5 @@
  *   maxLength={50}
  *   isMaxLengthVisible={true}
  * />
- */(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const m=/*#__PURE__*/t(((t,p)=>{var{type:m,name:d,value:g,onChange:y,maxLength:O,disabled:j=!1,placeholder:h,lable:x,testId:I,measure:v,isError:w,endIcon:P,startIcon:L,errorMessage:M,supportMessage:S,variant:C="default",isMaxLengthVisible:E=!1,className:F,onBlur:T}=t,D=f(t,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible","className","onBlur"]);const[N,k]=n(!1),[B,V]=n(0),q=u({variant:C,type:m,name:d,value:g,placeholder:h,lable:x,maxLength:O,onChange:y,isFocused:N,isError:w,onFocus:()=>{k(!0)},disabled:j,onBlur:e=>{k(!1),T&&T(e)}},D),z=w||S||E;return o((()=>{"string"==typeof g&&O&&V(g.length)}),[g,O]),/*#__PURE__*/e("div",{className:a("flex min-w-fit select-none flex-col gap-2 tracking-default",F),"data-testid":I,children:[
-/*#__PURE__*/r("label",{role:"input-box",className:j?"cursor-not-allowed":"cursor-text",children:/*#__PURE__*/e(i,{leadingIcon:L,trailingIcon:P,measure:v,isFocused:N,isError:w,isDisabled:j,children:["lable"===C&&/*#__PURE__*/r(l,b(u({isFixed:!!h},q),{ref:p})),"default"===C&&/*#__PURE__*/r(c,b(u({},q),{ref:p}))]})}),z&&/*#__PURE__*/r(s,{errorMessage:M,supportMessage:S,currentLength:B,maxLength:O,isMaxLengthVisible:E})]})}));m.displayName="TextField";export{m as TextField};
+ */(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const m=/*#__PURE__*/t(((t,p)=>{var{type:m,name:d,value:g,onChange:y,maxLength:O,disabled:j=!1,placeholder:h,label:x,testId:I,measure:v,isError:w,endIcon:P,startIcon:L,errorMessage:M,supportMessage:S,variant:C="default",isMaxLengthVisible:E=!1,className:F,onBlur:T}=t,D=f(t,["type","name","value","onChange","maxLength","disabled","placeholder","label","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible","className","onBlur"]);const[N,k]=n(!1),[B,V]=n(0),q=u({variant:C,type:m,name:d,value:g,placeholder:h,label:x,maxLength:O,onChange:y,isFocused:N,isError:w,onFocus:()=>{k(!0)},disabled:j,onBlur:e=>{k(!1),T&&T(e)}},D),z=w||S||E;return o((()=>{"string"==typeof g&&O&&V(g.length)}),[g,O]),/*#__PURE__*/e("div",{className:a("flex min-w-fit select-none flex-col gap-2 tracking-default",F),"data-testid":I,children:[
+/*#__PURE__*/r("label",{role:"input-box",className:j?"cursor-not-allowed":"cursor-text",children:/*#__PURE__*/e(i,{leadingIcon:L,trailingIcon:P,measure:v,isFocused:N,isError:w,isDisabled:j,children:["label"===C&&/*#__PURE__*/r(l,b(u({isFixed:!!h},q),{ref:p})),"default"===C&&/*#__PURE__*/r(c,b(u({},q),{ref:p}))]})}),z&&/*#__PURE__*/r(s,{errorMessage:M,supportMessage:S,currentLength:B,maxLength:O,isMaxLengthVisible:E})]})}));m.displayName="TextField";export{m as TextField};

package/dist/Components/Inputs/TextFieldContainer/TextFieldContainer.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";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"react";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";const o=({children:o,className:n,leadingIcon:l,trailingIcon:d,isLeadingIconSolid:m,isTrailingIconSolid:c,measure:y,isFocused:g,isDisabled:p,isError:x,onClick:w,isTextarea:f,isAutoComplete:u,testId:h})=>/*#__PURE__*/e(s,{className:t("group flex w-full items-center gap-3 overflow-hidden rounded-xl border px-4 py-[11px]",p?"border-w-gray-200":x?"border-w-red-500":g?"border-primary":"border-w-gray-200 hover:border-primary",p?"bg-w-gray-10":"bg-w-white",p&&"cursor-not-allowed",f&&"relative p-0",u&&"flex-wrap",n),"data-testid":h||"design-system--text-field-container",onClick:w,children:[l&&/*#__PURE__*/r(a,{name:l,solid:m,className:t("shrink-0 text-w-gray-600",p&&"text-w-gray-300"),testId:"design-system--text-field-container-leading-icon"}),o,y&&/*#__PURE__*/r(i,{variant:"body1",className:t("w-fit shrink-0 text-w-gray-400",p&&"text-w-gray-300"),children:y}),d&&/*#__PURE__*/r(a,{name:d,solid:c,className:t("shrink-0 text-w-gray-600",p&&"text-w-gray-300"),testId:"design-system--text-field-container-trailing-icon"})]});export{o as TextFieldContainer};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{Typography as i}from"../../Base/Typography/Typography.js";import{Box as o}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import{SystemIcon as s}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";const a=({children:a,className:n,leadingIcon:l,trailingIcon:d,isLeadingIconSolid:m,isTrailingIconSolid:c,measure:y,isFocused:p,isDisabled:g,isError:x,onClick:w,isTextarea:f,isAutoComplete:u,testId:h})=>/*#__PURE__*/e(o,{className:t("group flex w-full items-center gap-3 overflow-hidden rounded-xl border px-4 py-[11px]",g?"border-w-gray-200":x?"border-w-red-500":p?"border-primary":"border-w-gray-200 hover:border-primary",g?"bg-w-gray-10":"bg-w-white",g&&"cursor-not-allowed",f&&"relative p-0",u&&"flex-wrap",n),"data-testid":h||"design-system--text-field-container",onClick:w,children:[l&&/*#__PURE__*/r(s,{name:l,solid:m,className:t("shrink-0 text-w-gray-600",g&&"text-w-gray-300"),testId:"design-system--text-field-container-leading-icon"}),a,y&&/*#__PURE__*/r(i,{variant:"body1",className:t("w-fit shrink-0 text-w-gray-400",g&&"text-w-gray-300"),children:y}),d&&/*#__PURE__*/r(s,{name:d,solid:c,className:t("shrink-0 text-w-gray-600",g&&"text-w-gray-300"),testId:"design-system--text-field-container-trailing-icon"})]});export{a as TextFieldContainer};

package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js

@@ -1,3 +1,3 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twJoin as s}from"tailwind-merge";import"react";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as r}from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{TextFieldContainer as o}from"../TextFieldContainer/TextFieldContainer.js";const i=({placeholder:i,value:m="",isListOpen:l,disabled:n=!1,error:d,onClick:c,className:y})=>/*#__PURE__*/e(o,{isDisabled:n,isFocused:l,isError:d,testId:"design-system--selectBox",onClick:c,className:y,children:[
-/*#__PURE__*/t(r,{"data-testid":"design-system--selectBox-text",variant:"body1",className:s(n&&m?"text-w-gray-300":n&&!m?"text-w-gray-200":m?"text-w-gray-600":"text-w-gray-300","w-full"),children:m||i}),
-/*#__PURE__*/t("div",{className:s("transition-transform duration-300",l&&"rotate-180"),children:/*#__PURE__*/t(a,{name:"medium_arrow_down",className:n?"text-w-gray-300":"text-w-gray-600",testId:"design-system--selectBox-icon"})})]});export{i as SelectBox};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twJoin as s}from"tailwind-merge";import"react";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as o}from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Accordion/Accordion.js";import{TextFieldContainer as r}from"../TextFieldContainer/TextFieldContainer.js";const i=({placeholder:i,value:m="",isListOpen:l,disabled:n=!1,error:c,onClick:d,className:y})=>/*#__PURE__*/t(r,{isDisabled:n,isFocused:l,isError:c,testId:"design-system--selectBox",onClick:d,className:y,children:[
+/*#__PURE__*/e(o,{"data-testid":"design-system--selectBox-text",variant:"body1",className:s(n&&m?"text-w-gray-300":n&&!m?"text-w-gray-200":m?"text-w-gray-600":"text-w-gray-300","w-full"),children:m||i}),
+/*#__PURE__*/e("div",{className:s("transition-transform duration-300",l&&"rotate-180"),children:/*#__PURE__*/e(a,{name:"medium_arrow_down",className:n?"text-w-gray-300":"text-w-gray-600",testId:"design-system--selectBox-icon"})})]});export{i as SelectBox};

package/dist/Components/Inputs/Textarea/Textarea.js

@@ -1,4 +1,4 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r}from"react";import{twMerge as n,twJoin as o}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{TextFieldContainer as i}from"../TextFieldContainer/TextFieldContainer.js";import{SupportTextContainer as s}from"../SupportTextContainer/SupportTextContainer.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(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){u(e,t,r[t])}))}return e}function c(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r}from"react";import{twMerge as n,twJoin as o}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{TextFieldContainer as i}from"../TextFieldContainer/TextFieldContainer.js";import{SupportTextContainer as s}from"../SupportTextContainer/SupportTextContainer.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(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){u(e,t,r[t])}))}return e}function c(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}
 /**
  * 사용자가 여러 줄의 텍스트를 입력할 수 있는 textarea 컴포넌트입니다.
  *
@@ -41,7 +41,7 @@
  *   />
  * </div>
  * ```
- */(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const p=u=>{var{isError:p=!1,size:f="md",resize:g=!1,isLengthVisible:x=!1,supportText:d,errorText:y,maxLength:h,value:b,disabled:j,name:O,onChange:v,onBlur:w}=u,S=c(u,["isError","size","resize","isLengthVisible","supportText","errorText","maxLength","value","disabled","name","onChange","onBlur"]);const[L,z]=r(!1),B=p||d||x;/*#__PURE__*/
+ */(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const p=u=>{var{isError:p=!1,size:f="md",resize:d=!1,isLengthVisible:g=!1,supportText:x,errorText:y,maxLength:h,value:b,disabled:j,name:O,onChange:v,onBlur:w}=u,S=c(u,["isError","size","resize","isLengthVisible","supportText","errorText","maxLength","value","disabled","name","onChange","onBlur"]);const[L,z]=r(!1),B=p||x||g;/*#__PURE__*/
 return e(l,{"data-testid":"design-system-textarea",className:n("flex w-full flex-col gap-2","full"===f?"h-full":"h-fit"),children:[
 /*#__PURE__*/e(i,{isDisabled:j,isError:p,isFocused:L,isTextarea:!0,className:o("full"===f&&"h-full"),children:[
-/*#__PURE__*/t("textarea",m({"data-testid":"design-system-textarea--textarea",className:n("w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal tracking-default text-w-gray-600 outline-none scrollbar-list placeholder:font-[inherit] placeholder:tracking-default placeholder:text-w-gray-300","sm"===f?"min-h-[118px]":"md"===f?"min-h-[238px]":"lg"===f?"min-h-[358px]":"full"===f?"min-h-full":void 0,g?"resize-y":"resize-none",j&&"resize-none"),name:O,value:b,disabled:j,onChange:v,maxLength:h,onFocus:e=>{z(!0)},onBlur:e=>{z(!1),w&&w(e)}},S)),g&&/*#__PURE__*/t(a,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),B&&/*#__PURE__*/t(s,{errorMessage:y,supportMessage:d,currentLength:(null==b?void 0:b.toString().length)||0,maxLength:h,isMaxLengthVisible:x})]})};export{p as Textarea};
+/*#__PURE__*/t("textarea",m({"data-testid":"design-system-textarea--textarea",className:n("w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal tracking-default text-w-gray-600 outline-none scrollbar-list placeholder:font-[inherit] placeholder:tracking-default placeholder:text-w-gray-300","sm"===f?"min-h-[118px]":"md"===f?"min-h-[238px]":"lg"===f?"min-h-[358px]":"full"===f?"min-h-full":void 0,d?"resize-y":"resize-none",j&&"resize-none"),name:O,value:b,disabled:j,onChange:v,maxLength:h,onFocus:e=>{z(!0)},onBlur:e=>{z(!1),w&&w(e)}},S)),d&&/*#__PURE__*/t(a,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),B&&/*#__PURE__*/t(s,{errorMessage:y,supportMessage:x,currentLength:(null==b?void 0:b.toString().length)||0,maxLength:h,isMaxLengthVisible:g})]})};export{p as Textarea};

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

@@ -1,4 +1,4 @@
-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:[
+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";import"../../DataDisplays/Accordion/Accordion.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"}),

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"react";import{SystemIcon as n}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 p}from"../../DataDisplays/CountBadge/CountBadge.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/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 c=({type:c="main",variant:u="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,D=(t,e,o)=>{const r="sub"===t?"pl-12":"",n={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",r,n[e])},v=/*#__PURE__*/t(e,{children:[g&&/*#__PURE__*/o(n,{testId:"design-system-menu-leading-icon",name:g,className:s("white"===u&&y&&"text-primary")}),
+/*#__PURE__*/o(a,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:d}),I&&/*#__PURE__*/o(p,{variant:((t,e)=>"white"!==t?"white_gray":e?"primary":"gray")(u,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(),j()},children:/*#__PURE__*/o(n,{name:h})})]});return w?/*#__PURE__*/o(r,{href:w,"data-testid":"design-system-menu",className:D(c,u,y),children:v}):/*#__PURE__*/o("button",{"data-testid":"design-system-menu",className:D(c,u,y),onClick:C,children:v})};export{c 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__*/
+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";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=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/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{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 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),[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",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)}},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",!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 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 p?/*#__PURE__*/e("a",h(y({href:p},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})};
 /**
  * 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 t,jsx as a}from"react/jsx-runtime";import{twMerge as s}from"tailwind-merge";import{Box as e}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"../../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__*/t(e,{className:s("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/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{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";
+"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"../../DataDisplays/Accordion/Accordion.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: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__*/
+ */const m=({size:m="md",variant:c="right",title:n,description:l,children:d,className:p})=>{const h="md"===m?"medium_information":"small_information",g="right"===c,f="down"===c,[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};
+/*#__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:n,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};

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 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"../../DataDisplays/Accordion/Accordion.js";import{SnackBar as o}from"../../Feedbacks/SnackBar/SnackBar.js";import"@wishket/yogokit";import"react-dom";import"../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";
 /**
  * 스낵바를 포함하는 래퍼 컴포넌트입니다.
  * 자식 컴포넌트 상단에 알림 메시지를 표시할 수 있습니다.

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("react");var 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"),require("../../DataDisplays/Accordion/Accordion.js");exports.TextWithIcons=({text:r,leadingIcon:n,trailingIcon:o,isTextSmall:c=!1,isGray:l=!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(l?"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:c?"body2":"body1",className:t.twJoin("align-baseline font-medium",l?"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(l?"text-w-gray-600":"text-primary-500")})})]});

package/dist/cjs/Components/DataDisplays/Accordion/Accordion.js

@@ -0,0 +1,58 @@
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),i=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../SystemIcon/SystemIcon.js");require("../SystemIcon/SystemIcon.constants.js"),require("@wishket/yogokit"),require("react-dom"),require("next/link"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LabelInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js"),require("../../Inputs/FilterChip/FilterChip.js");var o=require("../../Navigations/TextLink/TextLink.js");
+/**
+ * 아코디언 컨테이너 컴포넌트
+ *
+ * @description
+ * 여러 개의 접을 수 있는 콘텐츠 섹션을 관리하는 컨테이너입니다.
+ * Compound Component 패턴을 사용하여 Accordion.Item과 함께 사용합니다.
+ *
+ * @param {React.ReactNode} children - Accordion.Item 컴포넌트들
+ *
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <Accordion.Item title="첫 번째 섹션">
+ *     <p>첫 번째 섹션의 내용</p>
+ *   </Accordion.Item>
+ *   <Accordion.Item title="두 번째 섹션">
+ *     <p>두 번째 섹션의 내용</p>
+ *   </Accordion.Item>
+ * </Accordion>
+ * ```
+ */const a=({children:r})=>/*#__PURE__*/e.jsx(s.Box,{className:"flex w-full flex-col gap-6 p-6",children:r});
+/**
+ * 아코디언의 개별 아이템 컴포넌트
+ *
+ * @description
+ * 클릭 가능한 제목과 접을 수 있는 콘텐츠 영역을 제공합니다.
+ * 선택적으로 하단에 링크를 추가할 수 있습니다.
+ *
+ * @param {string} title - 아코디언 아이템의 제목
+ * @param {string} href - 링크 대상 URL (linkText와 함께 사용)
+ * @param {string} linkText - 링크에 표시될 텍스트 (href와 함께 사용)
+ * @param {'_blank' | '_self'} linkTarget - 링크 타겟 설정 ('_blank' | '_self')
+ * @param {React.ReactNode} children - 아코디언 아이템의 콘텐츠
+ *
+ * @example
+ * ```tsx
+ * // 기본 사용법
+ * <Accordion.Item title="제목">
+ *   <p>콘텐츠 내용</p>
+ * </Accordion.Item>
+ *
+ * // 링크가 포함된 아이템
+ * <Accordion.Item
+ *   title="제목"
+ *   href="/detail"
+ *   linkText="자세히 보기"
+ *   linkTarget="_blank"
+ * >
+ *   <p>콘텐츠 내용</p>
+ * </Accordion.Item>
+ * ```
+ */a.Item=({title:a,href:u,linkText:l,linkTarget:c="_blank",children:p})=>{const[d,x]=r.useState(!1),m=r.useId(),j=u&&l&&c;/*#__PURE__*/
+return e.jsxs(s.Box,{className:"flex w-full flex-col border-b border-w-gray-200 pb-6 last:border-b-0 last:pb-0",children:[
+/*#__PURE__*/e.jsxs("button",{type:"button",className:"box-border flex cursor-pointer items-center justify-between gap-6 text-left",onClick:()=>x(!d),"aria-expanded":d,"aria-controls":`accordionregion-${m}`,id:`accordionbutton-${m}`,children:[
+/*#__PURE__*/e.jsx(i.Typography,{variant:"subTitle2",className:"w-full font-medium text-w-gray-900",children:a}),
+/*#__PURE__*/e.jsx(s.Box,{className:t.twJoin("transition-transform duration-300 ease-in-out",d?"rotate-180":"rotate-0"),children:/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_arrow_down"})})]}),
+/*#__PURE__*/e.jsx(s.Box,{role:"region",id:`accordionregion-${m}`,"aria-labelledby":`accordionbutton-${m}`,className:t.twJoin("w-full overflow-hidden transition-all duration-300 ease-in-out",d?"max-h-screen":"max-h-0"),children:/*#__PURE__*/e.jsxs(s.Box,{className:"mt-4 flex flex-col gap-4",children:[p,j&&/*#__PURE__*/e.jsx(o.TextLink,{href:u,text:l,target:c,trailingIcon:"medium_arrow_right"})]})})]})},exports.Accordion=a;

package/dist/cjs/Components/Feedbacks/MessageBar/MessageBar.js

@@ -1,5 +1,47 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../DataDisplays/ProductIcon/ProductIcon.js"),i=require("../../Inputs/Button/Button.js");exports.MessageBar=({variant:n="primary",icon:o,title:d,text:l,buttonName:m,onClick:u})=>{const c="primary"===n,y="white"===n;/*#__PURE__*/
-return e.jsxs(a.Box,{"data-testid":"design-system-message-bar",className:s.twMerge("flex w-full items-center gap-5 rounded-2xl border px-8 py-5",c&&"border-primary-100 bg-primary-10",y&&"border-w-gray-200 bg-white"),children:[
-/*#__PURE__*/e.jsx(a.Box,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:/*#__PURE__*/e.jsx(r.ProductIcon,{name:o,size:"medium"})}),
-/*#__PURE__*/e.jsxs(a.Box,{className:"flex w-full flex-col gap-1",children:[d&&/*#__PURE__*/e.jsx(t.Typography,{variant:"subTitle2",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:d}),
-/*#__PURE__*/e.jsx(t.Typography,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:l})]}),m&&u&&/*#__PURE__*/e.jsx(i.Button,{variant:"outlined",size:"sm",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:m})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var t=require("../../DataDisplays/ProductIcon/ProductIcon.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../../Inputs/Button/Button.js");
+/**
+ * 사용자에게 정보를 표시하는 메시지 바 컴포넌트입니다.
+ *
+ * @component
+ *
+ * @param {Object} props
+ * @param {'primary' | 'white'} props.variant - 메시지 바의 스타일 변형. 'primary' 또는 'white' 중 선택
+ * @param {(typeof MediumProductIconNames)[number]} props.icon - 메시지 바에 표시될 ProductIcon 이름
+ *        ('person_smile', 'lock', 'logout', 'contract_pen', 'paper_pen', 'paper_hold' 등)
+ * @param {string} [props.title] - 메시지 바의 제목 (선택사항)
+ * @param {string} props.text - 메시지 바에 표시될 본문 텍스트
+ * @param {string} [props.buttonName] - 버튼에 표시될 텍스트 (선택사항)
+ * @param {() => void} [props.onClick] - 버튼 클릭 시 실행될 콜백 함수 (선택사항)
+ *
+ * @example
+ * // 기본 사용 예시
+ * <MessageBar
+ *   variant="primary"
+ *   icon="person_smile"
+ *   title="알림"
+ *   text="새로운 메시지가 도착했습니다."
+ *   buttonName="확인"
+ *   onClick={() => console.log('버튼이 클릭되었습니다')}
+ * />
+ *
+ * // 제목과 버튼이 없는 간단한 메시지
+ * <MessageBar
+ *   variant="white"
+ *   icon="paper_pen"
+ *   text="작업이 성공적으로 완료되었습니다."
+ * />
+ *
+ * // 보안 관련 메시지
+ * <MessageBar
+ *   variant="primary"
+ *   icon="lock"
+ *   title="보안 알림"
+ *   text="계정의 보안을 위해 비밀번호를 변경해주세요."
+ *   buttonName="비밀번호 변경"
+ *   onClick={() => handlePasswordChange()}
+ * />
+ */exports.MessageBar=({variant:n="primary",icon:o,title:d,text:l,buttonName:c,onClick:u})=>{const m="primary"===n,y="white"===n;/*#__PURE__*/
+return e.jsxs(r.Box,{"data-testid":"design-system-message-bar",className:s.twMerge("flex w-full items-center gap-5 rounded-2xl border px-8 py-5",m&&"border-primary-100 bg-primary-10",y&&"border-w-gray-200 bg-white"),children:[
+/*#__PURE__*/e.jsx(r.Box,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:o,size:"medium"})}),
+/*#__PURE__*/e.jsxs(r.Box,{className:"flex w-full flex-col gap-1",children:[d&&/*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle2",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:d}),
+/*#__PURE__*/e.jsx(a.Typography,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:l})]}),c&&u&&/*#__PURE__*/e.jsx(i.Button,{variant:"outlined",size:"sm",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:c})]})};