@wishket/design-system 1.1.23 → 1.1.24

package/dist/Components/DataDisplays/Avatar/Avatar.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("react"),i=require("../../Layouts/Box/Box.js"),r=require("../SystemIcon/SystemIcon.js"),s=require("../Typography/Typography.js"),n=function(t){var i=t.size,i=void 0===i?"md":i,n=t.name,o=t.imgUrl,l=t.isMonogram,t=t.avatarStyle,d=a.useState(!1),c=d[0],m=d[1],d=null==n?void 0:n.slice(0,1);return o&&!c?e.jsx("img",{src:o,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image",onError:function(){return m(!0)}}):l?e.jsx(s,{variant:t[i].char,className:"cursor-default select-none text-w-white",children:d}):e.jsx(r,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})},o=a.memo(function(a){var s=a.size,s=void 0===s?"md":s,o=a.name,l=a.imgUrl,d=a.isEditable,d=void 0!==d&&d,a=a.onClick,c=!l&&!!o,m={sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}};return e.jsxs(i,{className:t.twMerge("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:a,children:[e.jsx(i,{"data-testid":"design-system-avatar--container",className:t.twMerge(m[s].container,"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200"),children:e.jsx(n,{size:s,name:o,imgUrl:l,isMonogram:c,avatarStyle:m})}),!c&&d&&e.jsx(i,{className:t.twMerge("absolute -right-0.5 bottom-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",m[s].editButton),"data-testid":"design-system-avatar--edit-button",children:e.jsx(r,{name:"small_camera",solid:!0,className:t.twJoin("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})});module.exports=o;

package/dist/Components/DataDisplays/ImageLabel/ImageLabel.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Layouts/Box/Box.js"),s=require("./parts/NewCircle.js"),i=require("./parts/New.js"),a=require("./parts/Beta.js"),u=require("./parts/Ai.js");module.exports=function(n){var c=n.type;return e.jsx(t,{"data-testid":"design-system-imageLabel",className:r.twJoin("h-fit w-fit text-primary","new_circle"!==c&&"pb-1.5"),children:e.jsx(function(){switch(c){case"new_circle":return e.jsx(s,{});case"new":return e.jsx(i,{});case"beta":return e.jsx(a,{});case"ai":return e.jsx(u,{});default:return null}},{})})};

package/dist/Components/DataDisplays/ImageLabel/parts/NewCircle.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("../../../Layouts/Box/Box.js");require("tailwind-merge"),module.exports=function(){return e.jsx(i,{className:"size-3.5 rounded-full bg-gradient-primary-90","data-testid":"imageLabel-newCircle",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M9.6499 10H8.50732L5.7124 5.95703H5.66406V10H4.3457V3.63672H5.50586L8.27881 7.67529H8.33594V3.63672H9.6499V10Z",fill:"white"})})})};

package/dist/Components/DataDisplays/Label/Label.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),i=require("../Typography/Typography.js"),n=require("../SystemIcon/SystemIcon.js"),s=require("../../Layouts/Box/Box.js"),o=t.createContext({type:"",variant:"",size:""}),y={Root:function(i){function n(r){return t.isValidElement(r)&&"function"==typeof r.type&&r.type.toString().includes("icon")}var y=i.children,p=i.className,c=i.size,d=void 0===c?"md":c,c=i.type,g=void 0===c?"text":c,c=i.variant,l=void 0===c?"primary":c,c=(i.ref,i.canHover),m=void 0!==c&&c,c=e.__rest(i,["children","className","size","type","variant","ref","canHover"]),i=t.Children.toArray(y),u=i.length-1,x=n(i[0]),v=n(i[u]);return r.jsx(o.Provider,{value:{type:g,variant:l,size:d},children:r.jsx(s,e.__assign({"data-testid":"design-system-label",className:a.twMerge("flex w-fit items-center","sm"===d&&"gap-1","md"===d&&"gap-1.5",function(){var r="sm"===d,e="rounded-lg px-2";if("text"!==g)return"outlined"===g?a.twMerge(e,r?"border py-px":"border py-0",x&&"pl-1.5",v&&"pr-1.5"):a.twMerge(e,r?"py-0.5":"py-px",x&&"pl-1.5",v&&"pr-1.5")}(),m&&"cursor-pointer",function(){var r="outlined"===g;if("text"!==g)return"gray"===l?r?m?"bg-w-gray-10 border-w-gray-200 hover:border-w-gray-400":"bg-w-gray-10 border-w-gray-200":m?"bg-w-gray-10 hover:bg-w-gray-200":"bg-w-gray-10":r?m?"bg-primary-50 border-primary-200 hover:border-primary":"bg-primary-50 border-primary-200":m?"bg-primary-50 hover:bg-primary-100":"bg-primary-50"}(),p)},c,{children:y}))})},Text:function(e){var n=e.children,e=e.className,s=t.useContext(o),y=s.type,p=s.variant,s=s.size;return r.jsx(i,{variant:"md"===s?"body2":"caption1","data-testid":"design-system-label--text",className:a.twMerge("select-none text-w-gray-600",!("text"===y)&&"primary"===p&&"text-primary",e),children:n})},Icon:function(e){var i=e.children,y=e.className,e=e.icon,p=t.useContext(o),c=p.type,p=p.variant;return r.jsxs(s,{"data-testid":"design-system-label--icon",className:a.twMerge("aspect-w-[14px] size-[14px] shrink-0 object-contain",!e&&y),children:[e&&r.jsx(n,{name:e,className:a.twMerge("text-w-gray-400","primary"===p&&"text-primary","text"===c&&"text-w-gray-400",y)}),i]})}};module.exports=y;

package/dist/Components/{Atoms → DataDisplays}/ProductIcon/ProductIcon.stories.d.ts

@@ -4,7 +4,6 @@ import { ProductIconProps } from './ProductIcon.types';
 declare const meta: Meta<typeof ProductIcon>;
 export default meta;
 type Story = StoryObj<ProductIconProps>;
-export declare const Default: Story;
 export declare const Small: Story;
 export declare const Medium: Story;
 export declare const Large: Story;

package/dist/Components/DataDisplays/SkillLabel/SkillLabel.parts.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../Typography/Typography.js"),t=require("../../Layouts/Box/Box.js");exports.Icon=function(s){var t=s.className,s=s.iconUrl;return e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:s,alt:"icon",width:24,height:24,className:r.twMerge("size-6 shrink-0 rounded-full object-cover",t)})},exports.Root=function(s){var i=s.children,s=s.className;return e.jsx(t,{"data-testid":"design-system-skill-chip",className:r.twMerge("flex h-9 w-fit shrink-0 select-none items-center gap-2 rounded-xl border border-w-gray-200 py-[5px] pl-[7px] pr-[15px]",s),children:i})},exports.Text=function(t){var i=t.children,t=t.className;return e.jsx(s,{variant:"body2",className:r.twMerge("text-w-gray-900",t),children:i})};

package/dist/Components/DataDisplays/Typography/Typography.js

@@ -0,0 +1 @@
+"use strict";var t=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),e=require("tailwind-merge"),a=[{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"}];module.exports=function(n){var l=n.children,i=n.variant,c=n.className,n=t.__rest(n,["children","variant","className"]),o=(null==(o=a.find(function(t){return t.name===i}))?void 0:o.class)||"";return s.jsx("span",t.__assign({className:e.twJoin("tracking-default",o,c)},n,{children:l}))};

package/dist/Components/DataDisplays/WithBadge/WithBadge.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Layouts/Box/Box.js"),a=require("../CountBadge/CountBadge.js"),s=require("../NewBadge/NewBadge.js");module.exports=function(i){var o=i.text,n=i.children,l=i.className,u=i.variant,u=void 0===u?"primary":u,i=i.showZero,i=void 0!==i&&i;return e.jsxs(r,{className:t.twMerge("relative w-fit",l),"data-testid":"with-badge",children:[n,"new"===u?e.jsx(s,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):e.jsx(a,{text:o,variant:u,showZero:i,className:"absolute right-px top-px -translate-y-1/2 translate-x-1/2 transform"})]})};

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

@@ -0,0 +1,11 @@
+export { default as Avatar } from './Avatar';
+export { default as CountBadge } from './CountBadge';
+export { default as ImageLabel } from './ImageLabel';
+export { default as Label } from './Label';
+export { default as NewBadge } from './NewBadge';
+export { default as ProductIcon } from './ProductIcon';
+export { default as ServiceLogo } from './ServiceLogo';
+export { default as SkillLabel } from './SkillLabel';
+export { default as SystemIcon } from './SystemIcon';
+export { default as Typography } from './Typography';
+export { default as WithBadge } from './WithBadge';

package/dist/Components/Feedbacks/Dialog/Dialog.js

@@ -0,0 +1 @@
+"use strict";var i=require("react/jsx-runtime"),o=require("../../Utils/BackDropLiftContainer/BackDropLiftContainer.js"),e=require("../DialogBox/DialogBox.js");module.exports=function(r){var n=r.isOpen,t=r.title,s=r.description,a=r.variant,l=r.onClose,c=r.onConfirm,d=r.confirm,r=r.close;return i.jsx(o,{isOpen:n,onClose:l,testId:"design-system--dialog",children:i.jsx(e,{title:t,description:s,variant:void 0===a?"primary":a,onConfirm:c,onClose:l,confirm:d,close:void 0===r?"닫기":r})})};

package/dist/Components/Feedbacks/DialogBox/DialogBox.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),a=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),i=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("react"),require("@wishket/yogokit"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Button/Button.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"),module.exports=function(t){var o=t.title,l=t.description,n=t.variant,u=t.onClose,c=t.onConfirm,d=t.confirm,p=t.close,p=void 0===p?"닫기":p,t=t.testId,n="caution"===(void 0===n?"primary":n);return e.jsxs(s,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl bg-w-white p-8 shadow-modal tablet:w-[400px]","data-testid":t||"design-system--dialog-box",children:[e.jsxs(s,{className:"flex w-full flex-col gap-6",children:[e.jsx(a,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:o}),e.jsx(a,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:l})]}),e.jsxs(s,{className:"flex w-full items-center justify-end gap-4",children:[p&&e.jsx(i,{role:"close",onClick:u,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:p}),d&&e.jsx(i,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(n&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};

package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),r=require("../../Layouts/Box/Box.js"),t=require("./LoadingIndicator.parts.js");module.exports=function(a){var s=a.isFixed,n=a.size,n=void 0===n?"md":n,a=a.className,l=t.SIZES[n],o=l.width,c=l.height,d=l.viewBox,u=l.circle,l=l.r;return e.jsx(r,{role:"loading-indicator",className:i.twMerge("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",void 0!==s&&s?"fixed":"absolute",t.generateBoxSize(n)),children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",role:"loading-indicator--dots",width:o,height:c,viewBox:d,fill:"none",className:i.twMerge("text-primary",a),children:[e.jsx("circle",{cx:u[0],cy:u[1],r:l,fill:"currentColor",children:e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0s"})}),e.jsx("circle",{cx:u[1],cy:u[1],r:l,fill:"currentColor",children:e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.3s"})}),e.jsx("circle",{cx:u[2],cy:u[1],r:l,fill:"currentColor",children:e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.6s"})})]})})};

package/dist/Components/{Molecules → Feedbacks}/MessageBox/MessageBox.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { ProductIconName } from '../../Atoms/ProductIcon/ProductIcon.types';
+import { ProductIconName } from '../../DataDisplays/ProductIcon/ProductIcon.types';
 import { ExternalLink } from './MessageBox.types';
 interface MessageBoxProps extends PropsWithChildren {
     icon?: ProductIconName;

package/dist/Components/Feedbacks/MessageBox/MessageBox.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge"),require("../../Layouts/Box/Box.js")),a=require("../../Layouts/Divider/Divider.js"),r=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),i=require("../../DataDisplays/Typography/Typography.js"),t=(require("../../../_virtual/_tslib.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("./MessageBox.parts.js"));module.exports=function(l){var n=l.icon,o=l.title,d=l.description,c=l.children,l=l.links;return e.jsxs(s,{className:"box-border flex h-auto flex-col rounded-3xl border border-w-gray-200","data-testid":"design-system-message-box--container",children:[e.jsxs(s,{className:"flex h-auto flex-col gap-4 p-6",children:[n&&e.jsx(s,{className:"size-10 flex-shrink-0",children:e.jsx(r,{name:n,size:"medium"})}),e.jsxs(s,{className:"flex h-auto flex-col gap-1.5",children:[e.jsx(i,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:o}),d&&e.jsx(i,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:d}),c]})]}),l&&0<l.length&&e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(t.ExternalLinks,{links:l})]})]})};

package/dist/Components/Feedbacks/MessageBox/MessageBox.parts.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("next/link"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge"),require("../../Layouts/Box/Box.js")),t=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),s=require("../../DataDisplays/SystemIcon/SystemIcon.js");exports.ExternalLinks=function(i){i=i.links;return e.jsx(a,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==i?void 0:i.map(function(a,i){return e.jsxs(r,{target:a.target||"_blank",prefetch:"_self"===a.target,href:a.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":"design-system-message-box--external-links-item-".concat(i),children:[e.jsx(t,{variant:"body1",className:"hover:underline hover:underline-offset-2",children:a.title}),e.jsx(s,{name:"small_arrow_right"})]},"".concat(a.title,"-").concat(a.url))})})};

package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.js

@@ -0,0 +1 @@
+"use strict";var t=require("react/jsx-runtime"),e=require("tailwind-merge"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),r=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),s=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("./PlainTooltip.parts.js"));module.exports=function(l){var i=l.variant,i=void 0===i?"up":i,o=l.text,n=l.children,p=l.className,u=l.disabled,u=void 0!==u&&u,l=l.tooltipClassName;return t.jsx(a,{"data-testid":"design-system-plain-toolTip",className:e.twMerge("inline-block",p),children:t.jsxs(a,{"data-testid":"design-system-plain-toolTip--child",className:"group relative",children:[n,!u&&t.jsxs(a,{className:e.twMerge("pointer-events-none absolute z-10 w-max select-none opacity-0 transition-all duration-500 ease-in-out","group-hover:pointer-events-auto group-hover:opacity-100","up"===i&&"bottom-full left-1/2 -translate-x-1/2 group-hover:-translate-y-3","down"===i&&"left-1/2 top-full -translate-x-1/2 group-hover:translate-y-3","left"===i&&"right-full top-1/2 -translate-y-1/2 group-hover:-translate-x-3","right"===i&&"left-full top-1/2 -translate-y-1/2 group-hover:translate-x-3",l),"data-testid":"design-system-plain-toolTip--container",children:[t.jsx(s.Arrow,{testId:"design-system-plain-toolTip--arrow",className:e.twMerge("absolute z-10","up"===i&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===i&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===i&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===i&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0")}),t.jsx(a,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:t.jsx(r,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:o})})]})]})})};

package/dist/Components/{Organisms → Feedbacks}/WithSnackBar/WithSnackBar.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SnackBarProps } from '../../Molecules';
+import { SnackBarProps } from '../SnackBar';
 export interface WithSnackBarProps extends SnackBarProps {
     children: ReactNode;
     isOpen?: boolean;

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

@@ -0,0 +1,4 @@
+export { default as Dialog } from './Dialog';
+export { default as LoadingIndicator } from './LoadingIndicator';
+export { default as MessageBox } from './MessageBox';
+export { default as PlainTooltip } from './PlainTooltip';

package/dist/Components/{Molecules → Inputs}/AutoCompleteList/AutoCompleteList.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import type { SystemIconName } from '../../Atoms/SystemIcon/SystemIcon.types';
+import type { SystemIconName } from '../../DataDisplays/SystemIcon';
 import type { RootProps } from './AutoCompleteList.types';
 export interface ItemProps extends ComponentProps<'li'> {
     text: string;

package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react"),i=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js"),require("../../Layouts/Divider/Divider.js")),a=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),n=require("./AutoCompleteList.parts.js"),l={Root:function(i){var a=i.children,l=i.className,u=i.hasIndexBar,u=void 0!==u&&u,o=i.onIndexClick,i=e.__rest(i,["children","className","hasIndexBar","onIndexClick"]),c=r.useRef(null),d=r.useState(!1),x=d[0],m=d[1];return r.useLayoutEffect(function(){var e,s=c.current;s&&(e=s.scrollHeight,s=s.clientHeight,m(s<e))},[a]),s.jsxs("div",e.__assign({className:t.twMerge("flex max-h-[436px] w-full rounded-xl shadow-graymedium",l)},i,{children:[u&&s.jsx(n.IndexBar,{onIndexClick:o}),s.jsx("ul",{ref:c,"data-testid":"design-system-autoCompleteList",className:t.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",u?"rounded-r-xl":"rounded-xl",x&&"pr-0"),children:a})]}))},Item:function(r){var i=r.text,l=r.count,u=r.leadingIcon,o=r.iconUrl,c=r.isInputItem,c=void 0!==c&&c,d=r.isFocused,d=void 0!==d&&d,x=r.inputValue,m=r.className,r=e.__rest(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);return s.jsxs("li",e.__assign({className:t.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",d&&"bg-primary-10",m)},r,{"data-testid":"design-system-list-item",children:[u&&s.jsx(a,{name:u,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),o&&s.jsx(n.Icon,{iconUrl:o}),s.jsx(n.TextSection,{text:i,isInputItem:c,inputValue:x}),s.jsx(n.CountSection,{count:l})]}))},Divider:function(){return s.jsx(i,{className:"my-2"})}};module.exports=l;

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge"),require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),t=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),Array.from({length:26},function(e,r){return String.fromCharCode(65+r)}));exports.CountSection=function(t){t=t.count;return e.jsx(r,{variant:"body1",className:"text-w-gray-400",children:t})},exports.INDEXES=t,exports.Icon=function(r){r=r.iconUrl;return e.jsx("img",{src:r,alt:"icon",width:24,height:24,className:"rounded-full border"})},exports.IndexBar=function(a){var i=a.onIndexClick;return e.jsx("ul",{className:"flex flex-col gap-0.5 rounded-l-xl bg-w-gray-10 p-[3px] text-center",children:t.map(function(t){return e.jsx("li",{className:"size-3.5 cursor-pointer",onClick:function(){return null==i?void 0:i(t)},children:e.jsx(r,{variant:"caption2",className:"text-gray-400",children:t})},t)})})},exports.TextSection=function(t){var a=t.text,i=t.isInputItem,t=t.inputValue,s=a.slice(0,null==t?void 0:t.length),n=a.slice(null==t?void 0:t.length);return e.jsx(e.Fragment,{children:i?e.jsxs(e.Fragment,{children:[e.jsxs(r,{variant:"body1",className:"font-medium text-primary-500","data-testid":"design-system-list-item-text",children:["‘",a,"’"]}),e.jsx(r,{variant:"body1",className:"text-w-gray-600",children:"입력"})]}):e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-list-item-text",children:t?e.jsxs(e.Fragment,{children:[e.jsx(r,{variant:"body1",className:"text-primary",children:s}),n]}):a})})};

package/dist/Components/Inputs/Autocomplete/Autocomplete.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("@wishket/yogokit"),i=require("../AutoCompleteList/AutoCompleteList.js"),l=require("../TextFieldContainer/TextFieldContainer.js"),s=require("../../Layouts/Box/Box.js"),a=(require("tailwind-merge"),require("../Input/Input.js")),u=require("../InputChip/InputChip.js"),o=require("../SupportTextContainer/SupportTextContainer.js"),c=require("./Autocomplete.parts.js"),p=require("./Autocomplete.utils.js");module.exports=function(d){function m(){B(!1)}function f(t){C(t),M(e.__spreadArray(e.__spreadArray([],E,!0),[t],!1))}function x(t){A(t),M(e.__spreadArray(e.__spreadArray([],E,!0),[t],!1))}function g(){""!==k.trim()&&(q(k.trim()),j(""),M(e.__spreadArray(e.__spreadArray([],E,!0),[k],!1)))}var h=d.skillItems,v=d.legacySkillItems,y=d.selectedItems,I=d.onChipDelete,k=d.value,j=d.onValueChange,_=d.placeholder,C=d.onSkillItemClick,A=d.onLegacySkillItemClick,q=d.onInputItemClick,S=d.supportingText,w=d.hasIndexBar,w=void 0!==w&&w,D=d.errorMessage,b=d.leadingIcon,d=r.useState(!1),F=d[0],B=d[1],d=r.useRef(null),V=r.useRef(null),L=r.useRef(null),T=r.useState([]),E=T[0],M=T[1],T=r.useState(-1),R=T[0],U=T[1],N=p.getSortedSkillItems(h),T=p.getSortedSkillItems(v),W=(n.useClickOutside(d,m),e.__spreadArray(e.__spreadArray(e.__spreadArray([],N.map(function(e){return{type:"static_skill",item:e}}),!0),T.map(function(e){return{type:"legacy",item:e}}),!0),k?[{type:"input",item:k}]:[],!0));return t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"relative flex w-full flex-col gap-3",ref:d,onKeyDown:function(e){if(!e.nativeEvent.isComposing&&F)switch(e.key){case"ArrowDown":e.preventDefault(),U(function(e){var e=e<W.length-1?e+1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),U(function(e){var e=0<e?e-1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"Enter":var t,r;e.preventDefault(),0<=R&&R<W.length?(t=(r=W[R]).type,r=r.item,"static_skill"===t?f(r):"legacy"===t?x(r):"input"===t&&g()):k.trim()&&g();break;case"Backspace":k||(e.preventDefault(),I(y[y.length-1]));break;case"Escape":e.preventDefault(),m()}},children:[t.jsx("label",{children:t.jsxs(l,{isError:!!D,isFocused:F,testId:"design-system--selectBox",isAutoComplete:!0,children:[y.map(function(e){return t.jsx(u,{onDelete:function(){return I(e)},children:e},e)}),t.jsx(a,{value:k,onChange:function(e){j(e.target.value)},placeholder:_,onFocus:function(){F||B(!F)},className:"w-fit flex-auto"})]})}),(S||D)&&t.jsx(o,{supportMessage:S,errorMessage:D}),F&&t.jsx(s,{"data-testid":"design-system-autocomplete-list",ref:V,className:"absolute top-[54px] z-40 w-full",onMouseLeave:function(){0<E.length&&(m(),M([]))},children:t.jsx(i.Root,{hasIndexBar:w,onIndexClick:function(t){var e=N.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&V.current&&(e=V.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsx("ul",{ref:L,children:t.jsxs(c.WithDivider,{children:[0<h.length&&t.jsx(t.Fragment,{children:N.map(function(e,r){return t.jsx(i.Item,{id:"item-".concat(e.value.replace(/ /g,"_")),leadingIcon:b,iconUrl:e.iconUrl,text:e.value,onClick:function(){return f(e)},isFocused:R===r,inputValue:k},e.value)})}),0<v.length&&t.jsx(t.Fragment,{children:T.map(function(e,r){return t.jsx(i.Item,{text:e.value,count:e.count,onClick:function(){return x(e)},isFocused:R===N.length+r,inputValue:k},"".concat(e.value,"-").concat(r))})}),""!==k.trim()&&t.jsx(i.Item,{text:k,isInputItem:!0,onClick:g,isFocused:R===W.length-1})]})})})})]})};

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

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("../AutoCompleteList/AutoCompleteList.js");exports.WithDivider=function(i){var i=i.children,u=e.Children.toArray(i).filter(Boolean);return r.jsx(r.Fragment,{children:u.map(function(i,n){var s=u.length-1===n;return r.jsxs(e.Fragment,{children:[i,!s&&r.jsx(t.Divider,{})]},n)})})};

package/dist/Components/{Organisms → Inputs}/Autocomplete/Autocomplete.types.d.ts

@@ -1,4 +1,4 @@
-import { MediumSystemIconName } from '../../Atoms/SystemIcon';
+import { MediumSystemIconName } from '../../DataDisplays/SystemIcon';
 export type SkillItem = {
     iconUrl: string;
     value: string;

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

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge"),i=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/CountBadge/CountBadge.js")),a=(require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js"));exports.ButtonContainer=function(t){function s(){return"solid"===n&&c?"text-w-white":"outline_filled"===n&&c||c?"text-primary-100":"solid"===n?"text-w-white":"text-primary-500"}var o=t.rounded,l=t.size,d=t.type,n=t.variant,p=t.children,x=t.leadingIcon,m=t.isLeadingIconSolid,m=void 0!==m&&m,b=t.trailingIcon,u=t.isTrailingIconSolid,u=void 0!==u&&u,g=t.badgeNumber,g=void 0===g?"":g,y=t.className,c=t.disabled,t=t.onClick;return r.jsxs("button",{className:e.twMerge("box-border flex w-fit cursor-pointer items-center justify-center border","outlined"===n&&o?"rounded-full":"rounded-xl","sm"===l?"h-[36px] px-[11px] text-sm leading-6 gap-x-1":"lg"===l?"h-[60px] px-[23px] text-[20px] leading-[30px] gap-x-2":"h-[50px] px-[15px] text-base leading-[26px] gap-x-1.5",s(),"solid"===n?"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700":"outline_filled"===n?"bg-primary-10 border-primary-200 hover:border-primary-500":"bg-w-white border-w-gray-200 hover:border-primary-500",c&&"cursor-not-allowed",c&&("solid"===n?"bg-primary-100 border-primary-100 hover:bg-primary-100 hover:border-primary-100":"outline_filled"===n?"bg-primary-10 border-primary-200 hover:border-primary-200":"bg-w-white border-w-gray-200 hover:border-w-gray-200"),y),onClick:t,disabled:c,type:d,children:[x&&r.jsx(a,{name:x,solid:m,testId:"design-system-button--leading-icon",className:e.twMerge("flex-shrink-0","sm"===l?"size-[14px]":"size-4",s())}),p,b&&r.jsx(a,{name:b,solid:u,testId:"design-system-button--trailing-icon",className:e.twMerge("flex-shrink-0","sm"===l?"size-[14px]":"size-4",s())}),g&&r.jsx(i,{text:g,className:"relative flex-shrink-0"})]})};

package/dist/Components/{Atoms → Inputs}/Button/Button.types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
-import { SystemIconName } from '../SystemIcon/SystemIcon.types';
+import { SystemIconName } from '../../DataDisplays/SystemIcon';
 type ButtonSizeType = 'sm' | 'md' | 'lg';
 type ButtonVariantType = 'outlined' | 'solid' | 'outline_filled';
 export interface ButtonProps extends ComponentPropsWithRef<'button'> {

package/dist/Components/Inputs/Calendar/Calendar.constants.js

@@ -0,0 +1 @@
+"use strict";var a=new Map([[0,"일"],[1,"월"],[2,"화"],[3,"수"],[4,"목"],[5,"금"],[6,"토"]]);exports.dayMap=a;

package/dist/Components/Inputs/Calendar/Calendar.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),n=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),i=require("../../DataDisplays/SystemIcon/SystemIcon.js"),d=require("./Calendar.parts.js"),o=require("./Calendar.utils.js");module.exports=function(c){function l(){p||w(function(e){return!e})}function u(e){y&&o.isSameDate(e,D)||(e="".concat(e.year,"-").concat(e.month,"-").concat(e.date),null!=x&&x(e),w(!1))}var g=c.defaultDate,y=c.selected,x=c.onChange,p=c.disabled,m=c.placeholder,c=c.isError,h=r.useState(!1),f=h[0],w=h[1],h=g?o.generateDate(g):o.today,g=r.useState(y?o.generateDate(y):h),b=g[0],j=g[1],D=y?o.generateDate(y):h,g=o.getKoreanTimeString(D),h=g.year,v=g.month,g=g.date,q=o.getMonthDate(b.year,b.month).dateList,S=Array.from({length:q[0].day},function(){return null}),S=e.__spreadArray(e.__spreadArray([],S,!0),q,!0);return r.useEffect(function(){!f&&y&&j(o.generateDate(y))},[f]),a.jsxs(s,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[a.jsxs(s,{"data-testid":"design-system-calendar--trigger",className:t.twMerge("flex h-[50px] w-[220px] cursor-pointer items-center gap-3 rounded-xl border border-w-gray-200 px-4 py-2.5 hover:border-primary",f&&"border-primary",y?"text-w-gray-600":"text-w-gray-300",c&&"border-w-red-500 hover:border-w-red-500",p&&"cursor-default bg-w-gray-10 text-w-gray-300 hover:border-w-gray-200"),onClick:l,children:[a.jsx(i,{name:"medium_calendar",className:p||!y?"text-w-gray-300":"text-w-gray-400"}),a.jsx(n,{variant:"body1","data-testid":"design-system-calendar--selected-date",children:y?"".concat(h," ").concat(v," ").concat(g):m})]}),f&&a.jsx("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:l}),f&&a.jsxs(s,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[a.jsx(d.SelectHeader,{visibleDate:b,onChange:function(e){j(e)}}),a.jsx(d.WeekHeader,{}),a.jsx(s,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:S.map(function(e,r){var t=!(!e||!y)&&o.isSameDate(e,D);return e?a.jsx(d.DateBox,{date:e,selected:t,onChange:u},"".concat(e.year,"-").concat(e.month,"-").concat(e.date)):a.jsx(d.DateBox,{disabled:!0},r)})})]})]})};

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),r=require("../../Layouts/Box/Box.js"),t=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),n=require("../../DataDisplays/SystemIcon/SystemIcon.js"),s=require("./Calendar.utils.js"),l=require("./Calendar.constants.js");exports.DateBox=function(n){var s=n.selected,l=n.date,i=n.disabled,o=void 0!==i&&i,c=n.onChange,i=1===String(null==l?void 0:l.date).length?"0".concat(null==l?void 0:l.date):null==l?void 0:l.date;return e.jsx(r,{className:a.twMerge("flex size-[42px] cursor-pointer items-center justify-center rounded-full bg-w-white p-2 text-center",!o&&!s&&"hover:bg-primary-10",s&&"bg-primary",o&&"cursor-default"),onClick:function(){o||null==c||c(l)},children:e.jsx(t,{variant:"body1",className:a.twMerge("text-w-gray-900",s&&"text-w-white",o&&"text-w-gray-300"),children:i})})},exports.SelectHeader=function(a){var l=a.visibleDate,i=a.onChange,o=1===(null==l?void 0:l.month),c=12===(null==l?void 0:l.month),a=l&&s.getKoreanTimeString(l),u=a.year,a=a.month;return e.jsxs(r,{className:"flex h-[50px] w-full gap-4",children:[e.jsx(r,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:function(){o?null!=i&&i({year:l.year-1,month:12,date:1}):null!=i&&i({year:l.year,month:l.month-1,date:1})},children:e.jsx(n,{name:"large_arrow_left",className:"text-gray-600"})}),e.jsxs(t,{variant:"subTitle2",className:"h-fit w-full text-center leading-normal text-gray-900",children:[u," ",a]}),e.jsx(r,{"data-testid":"design-system-calendar--to-next-month",className:"size-6 cursor-pointer text-gray-600",onClick:function(){c?null!=i&&i({year:l.year+1,month:1,date:1}):null!=i&&i({year:l.year,month:l.month+1,date:1})},children:e.jsx(n,{name:"large_arrow_right",className:"text-gray-600"})})]})},exports.WeekHeader=function(){var a=Array.from(l.dayMap.values());return e.jsx(r,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:a.map(function(a){return e.jsx(r,{className:"flex h-5 items-center justify-center",children:e.jsx(t,{variant:"body3",className:"leading-normal text-w-gray-500",children:a})},a)})})};

package/dist/Components/Inputs/Calendar/Calendar.utils.js

@@ -0,0 +1 @@
+"use strict";var e=require("./Calendar.constants.js"),t={year:(new Date).getFullYear(),month:(new Date).getMonth()+1,date:(new Date).getDate(),day:(new Date).getDay()};exports.generateDate=function(e){var e=null==e?void 0:e.split("-"),t=e[0],a=e[1],e=e[2],r=new Date(Number(t),Number(a)-1,Number(e)).getDay();return{year:Number(t),month:Number(a),date:Number(e),day:r}},exports.getKoreanTimeString=function(t){var a=t.year,r=t.month,t=t.date,r=r.toString().padStart(2,"0"),t=null==t?void 0:t.toString().padStart(2,"0"),a=new Date("".concat(a,"-").concat(r,"-").concat(t)),r=new Intl.DateTimeFormat("ko-KR",{timeZone:"Asia/Seoul",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!0}).format(a).replace(/\./g,"").split(" "),t=r[0],a=r[1],n=r[2],o=r[3],r=r[4],m=new Date(Number(t),Number(a)-1,Number(n)).getDay();return{year:"".concat(t,"년"),month:"".concat(a,"월"),date:"".concat(n,"일"),time:"".concat(o," ").concat(r),day:e.dayMap.get(m)}},exports.getMonthDate=function(a,r){var e=new Date(a,r,0).getDate();return{lastDate:e,firstDay:new Date(a,r-1,1).getDay(),lastDay:new Date(a,r-1,e).getDay(),dateList:new Array(e).fill(null).map(function(e,t){return{year:a,month:r,date:t+1,day:new Date(a,r-1,t+1).getDay()}})}},exports.isSameDate=function(e,t){var a,r,n;return"string"==typeof e?(a=(n=e.split("-"))[0],r=n[1],n=n[2],new Date(Number(a),Number(r)-1,Number(n)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime()):"object"==typeof e?new Date(e.year,Number(e.month)-1,Number(e.date)).getTime()==new Date(t.year,Number(t.month)-1,Number(t.date)).getTime():void 0},exports.today=t;

package/dist/Components/Inputs/Calendar/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./Calendar.js");module.exports=e;

package/dist/Components/Inputs/CheckboxCard/CheckboxCard.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),r=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("./CheckboxCard.parts.js"));module.exports=function(s){var i=s.disabled,i=void 0!==i&&i,d=s.checked,d=void 0!==d&&d,c=s.isError,c=void 0!==c&&c,o=s.onChange,n=s.isWide,n=void 0!==n&&n,l=s.className,x=s.iconName,h=s.title,y=s.description,s=s.testId;return e.jsx("label",{"data-testid":s,role:"checkbox-card",className:"group",children:e.jsxs(r.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:d,isError:c,isWide:n,disabled:i,className:l,children:[e.jsx(r.StyledCheckbox,{isWide:n,checked:d,onChange:o,isError:c,disabled:i}),e.jsx(r.CheckboxCardIcon,{isError:c,checked:d,iconName:x,disabled:i}),e.jsxs(r.TitleContainer,{isWide:n,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(a,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",n?"text-left":"text-center",i?"text-w-gray-300":"text-w-gray-900"),children:h}),y&&e.jsx(a,{variant:"body2",className:t.twMerge("font-normal",n?"text-left":"text-center",i?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:y})]})]})})};

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

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),a=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../Checkbox/Checkbox.js"));exports.CheckboxCardContainer=function(s){var a=s.children,t=s.isWide,o=s.checked,c=s.isError,d=s.disabled,l=s.className,s=e.__rest(s,["children","isWide","checked","isError","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",t?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",d?i.twMerge("cursor-not-allowed",o&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":o?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?o&&!c?"bg-primary-10":"bg-w-gray-10":o?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",l)},s,{children:a}))},exports.CheckboxCardIcon=function(e){var a=e.iconName,t=e.disabled,o=e.checked,e=e.isError||!o;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",t&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:r.jsx(s,{name:a,disabled:e})})},exports.StyledCheckbox=function(s){var t=s.isWide,o=s.className,s=e.__rest(s,["isWide","className"]);return r.jsx(a,e.__assign({className:i.twMerge(!t&&"absolute left-[17px] top-[17px] group-hover:border-primary-500",o)},s))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",s?"items-start":"items-center"),children:e})};

package/dist/Components/{Molecules → Inputs}/CheckboxCard/CheckboxCard.types.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEvent, PropsWithChildren, ReactNode } from 'react';
 import { CheckboxStatus } from '../../../types';
-import { ProductIconName } from '../../Atoms/ProductIcon/ProductIcon.types';
-import { CheckboxProps } from '../../Atoms/Checkbox/Checkbox.types';
+import { CheckboxProps } from '../../Inputs/Checkbox/Checkbox.types';
+import { ProductIconName } from '../../DataDisplays/ProductIcon/ProductIcon.types';
 export interface CheckboxCardProps extends CheckboxStatus {
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     className?: string;

package/dist/Components/{Molecules → Inputs}/CheckboxList/CheckboxList.types.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-import { CheckboxType } from '../../Atoms/Checkbox/Checkbox.types';
+import { CheckboxType } from '../../Inputs/Checkbox/Checkbox.types';
 type CheckboxListData = {
     label: string;
     description?: string;

package/dist/Components/{Molecules → Inputs}/CheckboxListItem/CheckboxListItem.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, PropsWithChildren } from 'react';
 import { CheckboxStatus } from '../../../types';
-import { CheckboxType } from '../../Atoms/Checkbox/Checkbox.types';
+import { CheckboxType } from '../../Inputs/Checkbox/Checkbox.types';
 interface CheckboxListItemProps extends CheckboxStatus, PropsWithChildren {
     label?: string;
     description?: string;

package/dist/Components/Inputs/CheckboxListItem/CheckboxListItem.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),a=require("tailwind-merge"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),t=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),c=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../Checkbox/Checkbox.js")),l=function(i){var r=i.children,t=i.disabled,c=i.hasDescription,l=i.className,i=e.__rest(i,["children","disabled","hasDescription","className"]);return s.jsx("label",e.__assign({className:a.twMerge("grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3 grid-areas-checkbox-list-item-container",c?"gap-y-0.5":"gap-y-0",t?"cursor-not-allowed":"cursor-pointer",l)},i,{children:r}))};module.exports=function(e){var o=e.label,n=e.description,d=e.type,d=void 0===d?"box":d,m=e.checked,h=e.disabled,h=void 0!==h&&h,u=e.isError,u=void 0!==u&&u,x=e.className,b=e.CheckboxClassName,g=e.onChange,e=e.children,p=i.useState(!1),y=p[0],j=p[1];return s.jsxs(l,{"data-testid":"design-system-checkboxList--item",disabled:h,hasDescription:!!n,className:x,onMouseOver:function(){j(!0)},onMouseOut:function(){j(!1)},children:[s.jsx(r,{className:"cursor-pointer pt-1 grid-in-checkbox",children:s.jsx(c,{checked:m,isHover:y,isError:u,disabled:h,onChange:g,className:b,type:d})}),s.jsxs(r,{className:"flex w-full items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:[o&&s.jsx(t,{variant:"body1",className:a.twJoin("w-full whitespace-normal break-words",h?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:o}),e]}),n&&s.jsx(r,{className:"flex items-center grid-in-description",children:s.jsx(t,{variant:"body2",className:h?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:n})})]})};

package/dist/Components/{Atoms → Inputs}/ChoiceChip/ChoiceChip.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { LargeSystemIconName, MediumSystemIconName } from '../SystemIcon/SystemIcon.types';
+import { LargeSystemIconName, MediumSystemIconName } from '../../DataDisplays/SystemIcon';
 export interface ChoiceChipProps extends ComponentPropsWithoutRef<'input'> {
     label: string;
     error?: boolean;

package/dist/Components/Inputs/ChoiceChip/ChoiceChip.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("react"),i=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),t=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),n=require("../../DataDisplays/SystemIcon/SystemIcon.js"),c=require("./ChoiceChip.styles.js"),l=s.forwardRef(function(l,o){var d=l.label,u=l.checked,g=void 0!==u&&u,u=l.error,u=void 0!==u&&u,h=l.leadingIcon,p=l.trailingIcon,y=l.onChange,l=e.__rest(l,["label","checked","error","leadingIcon","trailingIcon","onChange"]),m=s.useState(g),j=m[0],x=m[1];return s.useEffect(function(){x(g)},[g]),a.jsxs("label",{children:[a.jsx("input",e.__assign({type:"checkbox",checked:j,className:"absolute h-0 w-0 opacity-0",onChange:function(e){y&&(y(e),x(e.target.checked))}},l,{ref:o})),a.jsxs("div",{"data-testid":"design-system-choiceChip",className:r.twJoin("flex w-fit cursor-pointer select-none items-center gap-2 rounded-full",c.generateBackgroundColor(j,u),c.generateBackgroundPadding(!!h)),children:[h&&a.jsx(i,{className:"flex size-8 items-center justify-center rounded-full bg-w-white p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:a.jsx(n,{name:h,className:c.generateLeadingIconColor(j,u)})}),a.jsxs(i,{className:"flex items-center gap-1.5",children:[a.jsx(t,{"data-testid":"design-system-choiceChip-label",variant:"body1",className:c.generateLabelStyle(j,u),children:d}),p&&a.jsx(n,{name:p,className:c.generateTrailingIconStyle(j,u)})]})]})]})});l.displayName="ChoiceChip",module.exports=l;

package/dist/Components/Inputs/IconButton/IconButton.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),n=require("tailwind-merge"),r=require("../../Layouts/Box/Box.js");module.exports=function(s){var u=s.size,u=void 0===u?"md":u,l=s.outline,l=void 0!==l&&l,a=s.children,o=s.onClick,c=s.className,s=e.__rest(s,["size","outline","children","onClick","className"]),d=i.useState(!1),m=d[0],f=d[1],_=i.useRef(null);return i.useEffect(function(){return function(){_.current&&clearTimeout(_.current)}},[]),t.jsxs("button",e.__assign({"data-testid":"design-system-icon-button",type:"button",className:n.twMerge("relative flex cursor-pointer items-center justify-center rounded-xl border bg-transparent","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,l?"border-w-gray-200 overflow-hidden":"border-transparent",c),onClick:function(e){null!=o&&o(e),f(!0),_.current&&clearTimeout(_.current),_.current=setTimeout(function(){f(!1)},300)}},s,{children:[m&&t.jsx(r,{"data-testid":"design-system-icon-button--ripple",className:n.twMerge("absolute h-full w-full bg-w-gray-50",l&&"sm"===u?"animate-[rippleOutlineSmall_0.3s_ease-in-out_infinite]":l?"animate-[rippleOutline_0.3s_ease-in-out_infinite]":"animate-[ripple_0.3s_ease-in-out_infinite]")}),t.jsx(r,{"data-testid":"design-system-icon-button--icon",className:"absolute flex h-full w-full items-center justify-center",children:a})]}))};

package/dist/Components/Inputs/Input/Input.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),s=t.forwardRef(function(t,s){var l=t.disabled,i=t.className,t=(t.isError,t.isFocused,e.__rest(t,["disabled","className","isError","isFocused"]));return r.jsx("input",e.__assign({role:"text-input",ref:s,className:a.twMerge("w-full tracking-default text-w-gray-600 outline-none typo-body1 placeholder:tracking-default placeholder:text-w-gray-300 placeholder:typo-body1 disabled:bg-w-gray-10",l&&"cursor-not-allowed text-w-gray-300 placeholder:text-w-gray-200 placeholder:typo-body1",i),"data-testid":"design-system--input",disabled:l},t))});s.displayName="Input",module.exports=s;

package/dist/Components/Inputs/InputChip/InputChip.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),s=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),t=require("../../DataDisplays/SystemIcon/SystemIcon.js");module.exports=function(i){var l=i.children,n=i.onDelete,i=i.className;return e.jsxs(r,{"data-testid":"design-system-input-chip--container",className:a.twMerge("flex h-6 w-fit max-w-[100px] select-none items-center gap-0.5 rounded-lg bg-w-gray-100 px-2 py-px",!!n&&"pl-2 pr-1.5",i),children:[e.jsx(s,{variant:"body2",className:"h-6 w-full overflow-hidden text-ellipsis whitespace-nowrap break-all text-w-gray-600",children:l}),!!n&&e.jsx(r,{onClick:n,"data-testid":"design-system-input-chip--delete",children:e.jsx(t,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]})};

package/dist/Components/{Molecules → Inputs}/List/List.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, PropsWithChildren } from 'react';
-import { SystemIconName } from '../../Atoms/SystemIcon/SystemIcon.types';
+import { SystemIconName } from '../../DataDisplays/SystemIcon';
 interface RootProps extends PropsWithChildren<ComponentProps<'ul'>> {
     disableScroll?: boolean;
 }

package/dist/Components/Inputs/List/List.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),r=require("../../DataDisplays/SystemIcon/SystemIcon.js"),l={Root:function(a){var r=a.children,l=a.className,n=a.disableScroll,n=void 0!==n&&n,a=e.__rest(a,["children","className","disableScroll"]),c=t.useRef(null),d=t.useState(!1),o=d[0],u=d[1];return t.useLayoutEffect(function(){var e,s=c.current;s&&(e=s.scrollHeight,s=s.clientHeight,u(s<e))},[]),s.jsx("ul",e.__assign({ref:c,"data-testid":"design-system-list",className:i.twMerge("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",n?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",o&&!n&&"pr-0",l)},a,{children:r}))},Item:function(t){var l=t.leadingIcon,n=t.text,c=t.selected,c=void 0!==c&&c,d=t.disabled,o=void 0!==d&&d,d=t.canceled,d=void 0!==d&&d,u=t.children,m=t.className,g=t.isFocused,g=void 0!==g&&g,y=e.__rest(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]),t=i.twMerge(c?"text-primary-500":"text-w-gray-600",d&&"text-w-red-500",o&&"text-w-gray-300");return s.jsxs("li",e.__assign({className:i.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!o&&g&&"bg-primary-10",!o&&"hover:bg-primary-10",m)},y,{onClick:function(e){var s;o||null==(s=y.onClick)||s.call(y,e)},"data-testid":"design-system-list-item",children:[l&&s.jsx(r,{name:l,className:t,testId:"design-system-list-item-leading-icon"}),n&&s.jsx(a,{variant:"body1",className:t,"data-testid":"design-system-list-item-text",children:n}),u]}))}};module.exports=l;

package/dist/Components/Inputs/RadioCard/RadioCard.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),i=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),r=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("./RadioCard.parts.js")),t=require("./useRadioCard.js");module.exports=function(s){var d=s.disabled,d=void 0!==d&&d,o=s.isSelected,o=void 0!==o&&o,n=s.isError,n=void 0!==n&&n,l=s.onChange,c=s.isWide,c=void 0!==c&&c,u=s.className,m=s.iconName,y=s.title,x=s.description,v=s.testId,g=s.value,s=s.name,l=t({checked:o,disabled:d,onChange:l}),j=l.isHover,C=l.hoverListItemContainer,h=l.unhoverListItemContainer,l=l.handleChange;return e.jsx("label",{"data-testid":v,role:"radio-card",className:"group",children:e.jsxs(r.RadioCardContainer,{"data-testid":"design-system-radioCard--container",isSelected:o,isError:n,isWide:c,isHover:j,disabled:d,onMouseOver:C,onMouseOut:h,className:u,children:[e.jsx(r.StyledRadio,{name:s,value:g,isWide:c,isSelected:o,onChange:l,isError:n,isHover:j,disabled:d}),e.jsx(r.RadioCardIcon,{isError:n,isSelected:o,iconName:m,disabled:d}),e.jsxs(r.TitleContainer,{isWide:c,"data-testid":"design-system-radioCard--titleBox",children:[e.jsx(i,{"data-testid":"design-system-radioCard--title",variant:"body1",className:a.twMerge("font-medium",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:y}),x&&e.jsx(i,{variant:"body2",className:a.twMerge("font-normal",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:x})]})]})})};

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

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=(require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),a=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../AutoCompleteList/AutoCompleteList.parts.js"),require("../Input/Input.js"),require("../Calendar/Calendar.utils.js"),require("../Checkbox/Checkbox.js"),require("../ChoiceChip/ChoiceChip.js"),require("../Radio/Radio.js"));require("../TextField/TextField.js"),exports.RadioCardContainer=function(s){var a=s.children,t=s.isWide,o=s.isSelected,d=s.isError,l=s.disabled,n=s.className,s=e.__rest(s,["children","isWide","isSelected","isError","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",t?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",l&&o&&!d?"cursor-not-allowed border-primary-100":l?"cursor-not-allowed border-w-gray-200":d?"border-w-red-500":o?"border-primary-500":"border-w-gray-200 group-hover:border-primary",l?o&&!d?"bg-primary-10":"bg-w-gray-10":o?d?"bg-w-red-10":"bg-primary-10":"bg-w-white",n)},s,{children:a}))},exports.RadioCardIcon=function(e){var a=e.iconName,t=e.disabled,o=e.isSelected,e=e.isError||!o;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",t&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:r.jsx(s,{name:a,disabled:e})})},exports.StyledRadio=function(s){var t=s.isWide,o=s.className,d=s.disabled,l=s.isError,n=s.isSelected,s=e.__rest(s,["isWide","className","disabled","isError","isSelected"]),c=l&&n&&d;return r.jsx(a,e.__assign({className:i.twMerge(!t&&"absolute left-[17px] top-[17px]",o),isDisabled:d||c,isError:l,isSelected:!c&&n},s))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twJoin("flex h-auto w-full flex-col justify-between gap-0.5",s?"items-start":"items-center"),children:e})};

package/dist/Components/{Molecules → Inputs}/RadioCard/RadioCard.types.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { RadioStatus } from '../../../types';
-import { ProductIconName } from '../../Atoms/ProductIcon/ProductIcon.types';
+import { ProductIconName } from '../../DataDisplays/ProductIcon/ProductIcon.types';
 export interface RadioCardProps extends RadioStatus {
     iconName: ProductIconName;
     isWide?: boolean;

package/dist/Components/Inputs/RadioList/RadioListItem.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),r=require("react"),s=require("tailwind-merge"),a=(require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),t=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),l=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../AutoCompleteList/AutoCompleteList.parts.js"),require("../Input/Input.js"),require("../Calendar/Calendar.utils.js"),require("../Checkbox/Checkbox.js"),require("../ChoiceChip/ChoiceChip.js"),require("../Radio/Radio.js")),o=(require("../TextField/TextField.js"),function(r){var a=r.children,t=r.disabled,l=r.className,o=r.hasDescription,r=e.__rest(r,["children","disabled","className","hasDescription"]);return i.jsx("label",e.__assign({className:s.twMerge("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",t?"cursor-not-allowed":"cursor-pointer",o?"gap-y-0.5":"gap-y-0",l)},r,{children:a}))});module.exports=function(e){var n=e.name,d=e.value,c=e.label,u=e.description,m=e.isSelected,p=e.isDisabled,p=void 0!==p&&p,g=e.isError,g=void 0!==g&&g,h=e.className,x=e.RadioClassName,e=e.onChange,j=r.useState(!1),y=j[0],b=j[1];return i.jsxs(o,{"data-testid":"design-system-radioList--item",disabled:p,hasDescription:!!u,className:h,onMouseOver:function(){b(!0)},onMouseOut:function(){b(!1)},children:[i.jsx(a,{className:"flex cursor-pointer pt-1 grid-in-radio",children:i.jsx(l,{name:n,value:d,isSelected:m,isHover:y,isError:g,isDisabled:p,onChange:e,className:x})}),i.jsx(a,{className:"flex w-full items-center grid-in-label",children:i.jsx(t,{variant:"body1",className:s.twMerge("w-full whitespace-normal break-words",p?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:c})}),u&&i.jsx(a,{className:"flex items-center grid-in-description",children:i.jsx(t,{variant:"body2",className:p?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:u})})]})};

package/dist/Components/Inputs/SearchField/SearchField.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("react"),t=require("../../Layouts/Box/Box.js"),a=(require("tailwind-merge"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),i=require("../TextButtonsDropdown/TextButtonsDropdown.js"),n=require("../TextFieldContainer/TextFieldContainer.js"),l=require("../Input/Input.js");module.exports=function(u){u.type;var o=u.onSearch,c=(u.className,u.disabled),d=u.spellCheck,m=u.onFocus,x=u.onBlur,j=u.filters,u=e.__rest(u,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]),p=r.useState(!1),h=p[0],q=p[1];return s.jsx("form",{onSubmit:function(e){e.preventDefault(),o()},"data-testid":"design-system-search-field",children:s.jsx("label",{className:"cursor-text",children:s.jsxs(n,{isFocused:h,isDisabled:c,children:[!!j&&s.jsx(t,{className:"shrink-0",children:s.jsx(i,e.__assign({},j))}),s.jsx(l,e.__assign({onFocus:function(e){q(!0),null!=m&&m(e)},onBlur:function(e){q(!1),null!=x&&x(e)},spellCheck:d||!1},u)),s.jsx("button",{type:"submit",className:"shrink-0",children:s.jsx(a,{name:"medium_search",className:"pointer-events-none text-w-gray-600"})})]})})})};

package/dist/Components/Inputs/SegmentedControl/SegmentedControl.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../../Layouts/Box/Box.js"),t=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js"));require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),module.exports=function(s){var l=s.valueList,o=s.selectedValue,u=s.onChange;return e.jsx(a,{className:"flex w-full cursor-pointer overflow-hidden rounded-xl","data-testid":"design-system--segmented-control",children:l.map(function(s,i){var n=i===l.length-1;return e.jsx(a,{onClick:function(){return u(s.key)},className:r.twJoin(o===s.key?"border border-primary bg-primary-50 px-[15px] py-[11px] text-primary":"bg-w-gray-50 px-4 py-3 text-w-gray-300",0===i&&"rounded-l-xl",n&&"rounded-r-xl"),"data-testid":"design-system--segmented-control-item",children:e.jsx(t,{variant:"body1",children:s.name})},s.key)})})};

package/dist/Components/Inputs/SupportTextContainer/SupportTextContainer.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),a=require("../../Layouts/Box/Box.js"),s=(require("tailwind-merge"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js"));require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),module.exports=function(r){var t=r.errorMessage,i=r.supportMessage,l=r.currentLength,x=r.maxLength,r=r.isMaxLengthVisible,n=i||r;return e.jsxs(a,{className:"flex flex-col gap-2 px-[17px]","data-testid":"design-system--support-text-container",children:[t&&e.jsx(s,{variant:"body2",className:"text-w-red-500",children:t}),n&&e.jsxs(a,{className:"flex gap-6",children:[e.jsx(s,{variant:"body2",className:"flex-1 text-w-gray-400",children:i}),r&&e.jsxs(s,{variant:"body2",className:"w-[72px] text-right text-w-gray-400",children:[l,"/",x]})]})]})};

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

@@ -0,0 +1 @@
+"use strict";var t=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),a=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),i=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),r=require("../../DataDisplays/SystemIcon/SystemIcon.js");module.exports=function(n){var l=n.text,m=n.isTextSmall,m=void 0!==m&&m,c=n.leadingIcon,o=n.trailingIcon,n=t.__rest(n,["text","isTextSmall","leadingIcon","trailingIcon"]);return e.jsxs("button",t.__assign({"data-testid":"design-system-text-button--container",className:a.twMerge("flex min-h-6 w-fit items-center justify-center",m?"gap-x-0.5":"gap-x-1")},n,{children:[c&&e.jsx(s,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:e.jsx(r,{name:c,className:"text-primary-500"})}),e.jsx(s,{"data-testid":"design-system-text-button--text",className:"w-fit",children:e.jsx(i,{variant:m?"body2":"body1",className:"align-baseline font-medium text-primary-500",children:l})}),o&&e.jsx(s,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:e.jsx(r,{name:o,className:"text-primary-500"})})]}))};

package/dist/Components/{Molecules → Inputs}/TextButton/TextButton.types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { SystemIconName } from '../../Atoms';
+import { SystemIconName } from '../../DataDisplays/SystemIcon';
 export interface TextButtonProps extends ComponentProps<'button'> {
     text: string;
     isTextSmall?: boolean;

package/dist/Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),n=require("@wishket/yogokit"),s=require("../List/List.js"),r=require("./TextButtonsDropdown.parts.js");module.exports=function(l){function o(){m(!1)}var u=l.items,a=l.selectedItem,c=l.onItemClick,l=l.alignRight,l=void 0!==l&&l,d=t.useState(!1),f=d[0],m=d[1],d=t.useRef(null);return n.useClickOutside(d,o),e.jsxs("div",{"data-testid":"design-system-textButtonsDropdown",className:"relative flex w-fit flex-col gap-1",ref:d,children:[e.jsx(r.TextButton,{value:a.value,"data-testid":"design-system-textButtonsDropdown-textButton",isListOpen:f,onClick:function(e){e.preventDefault(),m(function(e){return!e})}}),f&&e.jsx("div",{className:i.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all",l?"right-0":"left-0 "),children:e.jsx(s.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:u.map(function(t){return e.jsx(s.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:function(){c(t),o()},selected:t.key===(null==a?void 0:a.key)},t.key)})})})]})};

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

@@ -0,0 +1 @@
+"use strict";var a=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),t=require("../../DataDisplays/SystemIcon/SystemIcon.js");exports.TextButton=function(i){var n=i.value,u=i.isListOpen,i=a.__rest(i,["value","isListOpen"]);return e.jsxs("button",a.__assign({type:"button",className:"flex items-center gap-2"},i,{children:[e.jsx(s,{variant:"body1",className:"text-w-gray-600",children:n}),e.jsx("span",{className:r.twJoin("transition-transform duration-300",u&&"rotate-180"),children:e.jsx(t,{name:"medium_arrow_down",className:"text-w-gray-600"})})]}))};

package/dist/Components/{Organisms → Inputs}/TextButtonsDropdown/TextButtonsDropdown.types.d.ts

@@ -1,4 +1,4 @@
-import { SystemIconName } from '../../Atoms';
+import { SystemIconName } from '../../DataDisplays/SystemIcon';
 export type Item = {
     key: number | string;
     value: string;

package/dist/Components/{Molecules → Inputs}/TextField/TextField.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { MediumSystemIconName } from '../../Atoms/SystemIcon';
+import { MediumSystemIconName } from '../../DataDisplays/SystemIcon';
 type variant = 'default' | 'lable';
 export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
     variant?: variant;

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

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("react"),a=require("tailwind-merge"),t=require("../Input/Input.js"),i=require("../TextFieldContainer/TextFieldContainer.js"),n=require("../SupportTextContainer/SupportTextContainer.js"),l=require("./parts/LableInput.js"),o=require("./parts/PasswordInput.js"),u=r.forwardRef(function(u,d){var c=u.type,g=u.name,p=u.value,x=u.onChange,f=u.maxLength,m=u.disabled,m=void 0!==m&&m,h=u.placeholder,b=u.lable,j=u.testId,v=u.measure,I=u.isError,_=u.endIcon,M=u.startIcon,q=u.errorMessage,L=u.supportMessage,w=u.variant,w=void 0===w?"default":w,C=u.isMaxLengthVisible,C=void 0!==C&&C,F=u.className,u=e.__rest(u,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible","className"]),y=r.useState(!1),E=y[0],N=y[1],y=r.useState(0),T=y[0],S=y[1],y=e.__assign({variant:w,type:c,name:g,value:p,placeholder:h,lable:b,maxLength:f,onChange:x,isFocused:E,isError:I,onFocus:function(){N(!0)},onBlur:function(){N(!1)},disabled:m},u),g=I||L||C;return r.useEffect(function(){"string"==typeof p&&f&&S(p.length)},[p,f]),s.jsxs("div",{className:a.twMerge("flex min-w-fit select-none flex-col gap-2 tracking-default",F),"data-testid":j,children:[s.jsx("label",{role:"input-box",className:m?"cursor-not-allowed":"cursor-text",children:s.jsxs(i,{leadingIcon:M,trailingIcon:_,measure:v,isFocused:E,isError:I,isDisabled:m,children:["default"===w&&"password"===c&&s.jsx(o,e.__assign({},y,{ref:d})),"default"===w&&"password"!==c&&s.jsx(t,e.__assign({},y,{ref:d})),"lable"===w&&s.jsx(l,e.__assign({isFixed:!!h},y,{ref:d}))]})}),g&&s.jsx(n,{errorMessage:q,supportMessage:L,currentLength:T,maxLength:f,isMaxLengthVisible:C})]})});u.displayName="TextField",module.exports=u;

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

@@ -0,0 +1 @@
+"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),s=require("../../../Layouts/Box/Box.js"),i=require("../../Input/Input.js"),l=t.forwardRef(function(t,l){var n=t.isFixed,o=t.isFocused,u=t.isError,d=t.lable,x=(t.placeholder,t.value),t=e.__rest(t,["isFixed","isFocused","isError","lable","placeholder","value"]);return r.jsxs(s,{className:"relative flex h-[42px] w-full flex-col gap-0.5 py-px","data-testid":"design-system--lable-input",children:[r.jsx("div",{className:a.twMerge("absolute tracking-default",u?"text-w-red-500":o?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",n?"text-[11px] leading-[14px]":o||x?"scale-[0.6875] -translate-y-0.5 origin-top-left transition-[transform] duration-300":"text-[16px] transition-[transform] duration-300 translate-y-2 origin-top-left"),"data-testid":"design-system--lable-text",children:d}),r.jsx(i,e.__assign({ref:l},t,{className:"pt-[14px]"}))]})});l.displayName="LableInput",module.exports=l;

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

@@ -0,0 +1 @@
+"use strict";var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("react"),a=(require("../../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge"),require("../../../Layouts/Box/Box.js")),t=(require("../../../DataDisplays/Label/Label.js"),require("../../../DataDisplays/SystemIcon/SystemIcon.js")),i=require("../../Input/Input.js"),u=r.forwardRef(function(u,n){u.type;var l=u.disabled,u=e.__rest(u,["type","disabled"]),d=r.useState(!1),o=d[0],c=d[1];return s.jsxs(a,{className:"flex items-center gap-2","data-testid":"design-system--password-input",children:[s.jsx(i,e.__assign({type:o?"text":"password",ref:n},u,{disabled:l})),s.jsx("button",{onClick:function(e){e.preventDefault(),c(function(e){return!e})},disabled:l,className:l?"cursor-not-allowed":"cursor-pointer",children:s.jsx(t,{name:o?"medium_eye_slash":"medium_eye",className:"text-w-gray-400"})})]})});u.displayName="PasswordInput",module.exports=u;

package/dist/Components/{Atoms → Inputs}/TextFieldContainer/TextFieldContainer.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { MediumSystemIconName } from '../SystemIcon';
+import { MediumSystemIconName } from '../../DataDisplays/SystemIcon';
 interface TextFieldContainerProps extends PropsWithChildren {
     leadingIcon?: MediumSystemIconName;
     trailingIcon?: MediumSystemIconName;

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=require("../../Layouts/Box/Box.js"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),s=require("../../DataDisplays/SystemIcon/SystemIcon.js");module.exports=function(t){var o=t.children,n=t.leadingIcon,l=t.trailingIcon,d=t.isLeadingIconSolid,c=t.isTrailingIconSolid,y=t.measure,g=t.isFocused,u=t.isDisabled,x=t.isError,m=t.onClick,p=t.isTextarea,w=t.isAutoComplete,t=t.testId;return e.jsxs(i,{className:r.twMerge("group flex w-full items-center gap-3 overflow-hidden rounded-xl border bg-w-white px-4 py-[11px]",u?"border-w-gray-200":x?"border-w-red-500":g?"border-primary":"border-w-gray-200 hover:border-primary",u&&"cursor-not-allowed bg-w-gray-10",p&&"relative p-0",w&&"flex-wrap"),"data-testid":t||"design-system--text-field-container",onClick:m,children:[n&&e.jsx(s,{name:n,solid:d,className:"shrink-0 text-w-gray-600",testId:"design-system--text-field-container-leading-icon"}),o,y&&e.jsx(a,{variant:"body1",className:"w-fit shrink-0 text-w-gray-400",children:y}),l&&e.jsx(s,{name:l,solid:c,className:"shrink-0 text-w-gray-600",testId:"design-system--text-field-container-trailing-icon"})]})};

package/dist/Components/{Organisms → Inputs}/TextFieldDropdown/TextFieldDropdown.d.ts

@@ -1,4 +1,4 @@
-import { SystemIconName } from '../../Atoms/SystemIcon/SystemIcon.types';
+import { SystemIconName } from '../../DataDisplays/SystemIcon';
 export type Item = {
     key: number | string;
     value: string;

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

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@wishket/yogokit"),n=require("../../Layouts/Box/Box.js"),l=(require("tailwind-merge"),require("../List/List.js")),i=require("../SupportTextContainer/SupportTextContainer.js"),o=require("./TextFieldDropdown.parts.js");module.exports=function(s){function u(){k&&w(!1)}function a(e){p(e),u()}var c=s.selectedItem,d=s.items,p=s.onItemClick,f=s.placeholder,x=s.disabled,s=s.errorMessage,v=r.useState(!1),k=v[0],w=v[1],v=r.useState(-1),g=v[0],j=v[1],m=r.useRef(null);t.useClickOutside(m,u);return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:m,className:"relative flex w-full flex-col gap-2 outline-none",onKeyDown:function(e){if(k)switch(e.key){case"ArrowDown":e.preventDefault(),j(function(e){var e=e<d.length-1?e+1:e,r=m.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),j(function(e){var e=0<e?e-1:e,r=m.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"Enter":e.preventDefault(),0<=g&&a(d[g]);break;case"Escape":e.preventDefault(),u()}},tabIndex:0,children:[e.jsx(o.SelectBox,{placeholder:f,value:null==c?void 0:c.value,leadingIcon:null==c?void 0:c.leadingIcon,disabled:x,isListOpen:k,onClick:function(){x||w(!k)},error:!!s}),e.jsx(i,{errorMessage:s}),k&&e.jsx(n,{className:"absolute top-[54px] z-40 w-full",children:e.jsx(l.Root,{children:d.map(function(r,t){return e.jsx(l.Item,{text:r.value,leadingIcon:r.leadingIcon,onClick:function(){return a(r)},selected:r.key===(null==c?void 0:c.key),isFocused:t===g},r.key)})})})]})};

package/dist/Components/{Organisms → Inputs}/TextFieldDropdown/TextFieldDropdown.parts.d.ts

@@ -1,4 +1,4 @@
-import { SystemIconName } from '../../Atoms/SystemIcon/SystemIcon.types';
+import { SystemIconName } from '../../DataDisplays/SystemIcon';
 interface SelectBoxProps {
     placeholder: string;
     isListOpen: boolean;

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),s=require("../../DataDisplays/SystemIcon/SystemIcon.js"),a=require("../TextFieldContainer/TextFieldContainer.js");exports.SelectBox=function(i){var o=i.placeholder,l=i.value,l=void 0===l?"":l,n=i.isListOpen,d=i.disabled,d=void 0!==d&&d,x=i.error,i=i.onClick;return e.jsxs(a,{isDisabled:d,isFocused:n,isError:x,testId:"design-system--selectBox",onClick:i,children:[e.jsx(r,{"data-testid":"design-system--selectBox-text",variant:"body1",className:t.twJoin(d&&l?"text-w-gray-300":d&&!l?"text-w-gray-200":l?"text-w-gray-600":"text-w-gray-300","w-full"),children:l||o}),e.jsx("div",{className:t.twJoin("transition-transform duration-300",n&&"rotate-180"),children:e.jsx(s,{name:"medium_arrow_down",className:d?"text-w-gray-300":"text-w-gray-600",testId:"design-system--selectBox-icon"})})]})};

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

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("tailwind-merge"),a=require("../../Layouts/Box/Box.js"),i=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),n=require("../TextFieldContainer/TextFieldContainer.js"),o=require("../SupportTextContainer/SupportTextContainer.js");module.exports=function(l){var u=l.isError,u=void 0!==u&&u,x=l.size,x=void 0===x?"md":x,d=l.resize,d=void 0!==d&&d,g=l.isLengthVisible,g=void 0!==g&&g,m=l.supportText,p=l.errorText,c=l.maxLength,h=l.value,v=l.disabled,y=l.name,f=l.onChange,l=e.__rest(l,["isError","size","resize","isLengthVisible","supportText","errorText","maxLength","value","disabled","name","onChange"]),b=t.useState(!1),j=b[0],L=b[1],b=u||m||g;return r.jsxs(a,{"data-testid":"design-system-textarea",className:"flex h-fit w-full flex-col gap-2",children:[r.jsxs(n,{isDisabled:v,isError:u,isFocused:j,isTextarea:!0,children:[r.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:s.twMerge("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"===x?"min-h-[118px]":"md"===x?"min-h-[238px]":"lg"===x?"min-h-[358px]":void 0,d?"resize-y":"resize-none",v&&"resize-none"),name:y,value:h,disabled:v,onChange:f,maxLength:c,onFocus:function(e){L(!0)},onBlur:function(e){L(!1)}},l)),d&&r.jsx(i,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),b&&r.jsx(o,{errorMessage:p,supportMessage:m,currentLength:(null==h?void 0:h.toString().length)||0,maxLength:c,isMaxLengthVisible:g})]})};

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

@@ -0,0 +1,21 @@
+export { Autocomplete } from './Autocomplete';
+export { default as Button } from './Button';
+export { default as Calendar } from './Calendar';
+export { default as Checkbox } from './Checkbox';
+export { default as CheckboxCard } from './CheckboxCard';
+export { default as CheckboxList } from './CheckboxList';
+export { default as CheckboxListItem } from './CheckboxListItem';
+export { default as ChoiceChip } from './ChoiceChip';
+export { default as IconButton } from './IconButton';
+export { default as InputChip } from './InputChip';
+export { default as Radio } from './Radio';
+export { default as RadioCard } from './RadioCard';
+export { default as RadioList } from './RadioList';
+export { default as RadioGroup } from './RadioGroup';
+export { default as SearchField } from './SearchField';
+export { default as SegmentedControl } from './SegmentedControl';
+export { default as Switch } from './Switch';
+export { default as Textarea } from './Textarea';
+export { default as TextButton } from './TextButton';
+export { default as TextField } from './TextField';
+export { default as TextFieldDropdown } from './TextFieldDropdown';

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

@@ -0,0 +1,3 @@
+export { default as Box } from './Box';
+export { default as Divider } from './Divider';
+export { default as GridLayout } from './GridLayout';

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=require("../../Utils/BackDrop/BackDrop.js"),s=(require("react"),require("../../Layouts/Box/Box.js")),t=require("./Drawer.styles.js");module.exports=function(a){var n=a.isOpen,o=a.onClose,l=a.direction,l=void 0===l?"right":l,c=a.size,c=void 0===c?"quarter":c,d=a.className,a=a.children;return e.jsxs(e.Fragment,{children:[n&&e.jsx(i,{onClick:o,isBlack:!0}),e.jsx(s,{className:r.twMerge("fixed z-30 flex flex-col bg-white transition-transform duration-300 ease-in-out",t.directionStyle[l],t.sizeStyle(c,l),n&&t.openStyle[l],d),"data-testid":"design-system-drawer",children:a})]})};

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

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),a=require("react"),r=require("tailwind-merge"),t=require("../../DataDisplays/Avatar/Avatar.js"),l=require("../../Layouts/Box/Box.js"),i=require("../../Layouts/Divider/Divider.js"),n=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/NewBadge/NewBadge.js")),d=require("../../DataDisplays/Typography/Typography.js"),o=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),a.createContext({type:""}));exports.Item=function(t){var i=t.hasNew,i=void 0!==i&&i,c=t.children,u=t.className,t=e.__rest(t,["hasNew","children","className"]),x=a.useContext(o).type;return s.jsxs(l,e.__assign({className:r.twMerge("flex w-full cursor-pointer gap-1 px-4 py-3 hover:bg-primary-10","user"===x&&"px-6",u),"data-testid":"design-system-gnb-list--".concat(x,"-item-").concat(c)},t,{children:[s.jsx(d,{variant:"body1",children:c}),i&&s.jsx(n,{className:"mt-1"})]}))},exports.List=function(e){e=e.children;return s.jsx(l,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:e})},exports.Root=function(e){var t=e.type,t=void 0===t?"main":t,n=e.children,e=e.className,n=a.Children.map(n,function(e,l){return 0===l?e:s.jsxs(a.Fragment,{children:[s.jsx(i,{className:"my-2"}),e]})});return s.jsxs(o.Provider,{value:{type:t},children:["main"===t&&s.jsxs(l,{className:r.twMerge("absolute flex h-auto w-[200px] overflow-hidden rounded-xl bg-w-white shadow-graymedium",e),"data-testid":"design-system-gnb-list--root-main",children:[s.jsx(l,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),s.jsx(l,{className:"w-full py-[13px]",children:n})]}),"sub"===t&&s.jsx(l,{className:r.twMerge("absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-[13px] shadow-graymedium ",e),"data-testid":"design-system-gnb-list--root-sub",children:n}),"user"===t&&s.jsx(l,{className:r.twMerge("absolute flex w-full flex-col bg-w-white pb-[14px] pt-[22px] desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium",e),"data-testid":"design-system-gnb-list--root-user",children:n})]})},exports.SubList=function(e){e=e.children;return s.jsx(l,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:e})},exports.UserInfo=function(e){var a=e.imgUrl,r=e.userId,i=e.email,n=e.children,e=e.onClick;return s.jsxs(l,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[s.jsxs(l,{className:"flex w-full items-center gap-4",children:[s.jsx(t,{size:"lg",isEditable:!0,imgUrl:a,onClick:e}),s.jsxs(l,{className:"flex w-full flex-col gap-0.5",children:[s.jsx(d,{variant:"body1",className:"font-medium text-w-gray-900",children:r}),s.jsx(d,{variant:"body2",className:"line-clamp-2 break-all text-w-gray-600",children:i})]})]}),n&&s.jsx(l,{className:"flex w-full flex-col gap-2",children:n})]})};

package/dist/Components/{Organisms → Navigations}/GNBList/GNBList.stories.d.ts

@@ -3,6 +3,7 @@ import { StoryObj } from '@storybook/react';
 import GNBList from './GNBList';
 declare const meta: {
     title: string;
+    tags: string[];
     component: ({ type, children, className }: import("./GNBList.types").RootProps) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         type: {