@wishket/design-system 1.0.2 → 1.0.4

package/dist/Components/Atoms/Box/Box.d.ts

@@ -1,7 +1,5 @@
-import { PropsWithChildren } from 'react';
-interface BoxProps extends PropsWithChildren {
-    className?: string;
-    [key: string]: any;
+import { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
+interface BoxProps extends PropsWithChildren<ComponentPropsWithoutRef<'div'>> {
 }
-declare const Box: <T>({ children, className, ...rest }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Box;

package/dist/Components/Atoms/Box/Box.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("tailwind-merge");module.exports=function(i){var a=i.children,t=i.className,i=e.__rest(i,["children","className"]);return r.jsx("div",e.__assign({className:s.twMerge("box-border",t)},i,{children:a}))};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("react").forwardRef(function(s,a){var t=s.className,l=s.children,s=e.__rest(s,["className","children"]);return r.jsx("div",e.__assign({ref:a,className:i.twMerge("box-border",t)},s,{children:l}))});s.displayName="Box",module.exports=s;

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

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

package/dist/Components/Atoms/Radio/Radio.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioProps } from './Radio.types';
-declare const Radio: ({ value, checked, disabled, isError, isHover, className, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default Radio;

package/dist/Components/Atoms/Radio/Radio.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var r=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),i=require("tailwind-merge"),s=function(r){var s=r.disabled,d=r.checked,d=void 0!==d&&d,a=r.isError,o=r.isHover,r=r.className;return e.jsx("div",{className:i.twMerge("relative box-border flex h-[18px] w-[18px] items-center justify-center rounded-full border p-[4px]",s?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":d&&!a?"bg-w-white border-primary-500":d&&a?"bg-w-white border-w-red-500":!d&&a?"border-w-red-500":!o||s||d||a?"bg-white border-w-gray-200 hover:border-primary-500 cursor-pointer":"border-primary-500",r),role:"radio-button",children:e.jsx("div",{className:i.twMerge("size-2 rounded-full bg-w-primary transition-all duration-100 ease-in-out",!d&&"h-0 w-0",a&&"bg-w-red-500",s&&"bg-w-gray-200")})})};module.exports=function(i){var d=i.value,d=void 0===d?"":d,a=i.checked,a=void 0!==a&&a,o=i.disabled,o=void 0!==o&&o,t=i.isError,t=void 0!==t&&t,l=i.isHover,l=void 0!==l&&l,c=i.className,i=r.__rest(i,["value","checked","disabled","isError","isHover","className"]);return e.jsxs("label",{"data-testid":"design-system-radio",className:"cursor-pointer",children:[e.jsx("input",r.__assign({type:"radio",className:"hidden",value:d,checked:a,disabled:o},i)),e.jsx(s,{checked:a,isError:t,isHover:l,disabled:o,className:c})]})};
+"use strict";var r=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),i=require("tailwind-merge"),a=require("react"),d=function(r){var a=r.disabled,s=r.checked,s=void 0!==s&&s,d=r.isError,o=r.isHover,r=r.className;return e.jsx("div",{className:i.twMerge("relative box-border flex h-[18px] w-[18px] items-center justify-center rounded-full border p-[4px]",s&&a?"bg-w-white border-primary-100 cursor-not-allowed":a?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":s&&!d?"bg-w-white border-primary-500":s&&d?"bg-w-white border-w-red-500":!s&&d?"border-w-red-500":!o||a||s||d?"bg-white border-w-gray-200 hover:border-primary-500 cursor-pointer":"border-primary-500",r),role:"radio-button",children:e.jsx("div",{className:i.twMerge("size-2 rounded-full bg-primary transition-all duration-100 ease-in-out",!s&&"h-0 w-0",d&&"bg-w-red-500",a&&"bg-w-gray-200",s&&a&&"bg-primary-100")})})},s=a.forwardRef(function(i,a){var s=i.value,s=void 0===s?"":s,o=i.checked,o=void 0!==o&&o,t=i.disabled,t=void 0!==t&&t,l=i.isError,l=void 0!==l&&l,c=i.isHover,c=void 0!==c&&c,b=i.className,i=r.__rest(i,["value","checked","disabled","isError","isHover","className"]);return e.jsxs("label",{"data-testid":"design-system-radio",className:"cursor-pointer",children:[e.jsx("input",r.__assign({ref:a,type:"radio",className:"hidden",value:s,checked:o,disabled:t},i)),e.jsx(d,{checked:o,isError:l,isHover:c,disabled:t,className:b})]})});s.displayName="Radio",module.exports=s;

package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("react"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),n=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./AutoCompleteList.parts.js")),a={Root:function(i){var o=i.children,a=i.className,l=i.hasIndexBar,l=void 0!==l&&l,c=i.onIndexClick,i=e.__rest(i,["children","className","hasIndexBar","onIndexClick"]),u=r.useRef(null),d=r.useState(!1),x=d[0],m=d[1];return r.useLayoutEffect(function(){var e,t=u.current;t&&(e=t.scrollHeight,t=t.clientHeight,m(t<e))},[]),t.jsxs("div",e.__assign({className:s.twMerge("flex max-h-[436px] w-[500px] rounded-xl border shadow-graymedium",a)},i,{children:[l&&t.jsx(n.IndexBar,{onIndexClick:c}),t.jsx("ul",{ref:u,"data-testid":"design-system-autoCompleteList",className:s.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",l?"rounded-r-xl":"rounded-xl",x&&"pr-0"),children:o})]}))},Item:function(r){var o=r.text,a=r.count,l=r.leadingIcon,c=r.iconUrl,u=r.isInputItem,u=void 0!==u&&u,d=r.className,r=e.__rest(r,["text","count","leadingIcon","iconUrl","isInputItem","className"]);return t.jsxs("li",e.__assign({className:s.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)},r,{"data-testid":"design-system-list-item",children:[l&&t.jsx(i,{name:l,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),c&&t.jsx(n.Icon,{iconUrl:c}),t.jsx(n.TextSection,{text:o,isInputItem:u}),a&&t.jsx(n.CountSection,{count:a})]}))},Divider:function(){return t.jsx(o,{className:"my-2"})}};module.exports=a;

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.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(i){var s=i.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==s?void 0:s(t)},children:e.jsx(r,{variant:"caption2",className:"text-gray-400",children:t})},t)})})},exports.TextSection=function(t){var i=t.text,t=t.isInputItem;return e.jsx(e.Fragment,{children:t?e.jsxs(e.Fragment,{children:[e.jsxs(r,{variant:"body1",className:"text-primary-500","data-testid":"design-system-list-item-text",children:["‘",i,"’"]}),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:i})})};

package/dist/Components/Molecules/AutoCompleteList/index.js

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

package/dist/Components/Molecules/CheckboxCard/CheckboxCard.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(a){var o=a.disabled,o=void 0!==o&&o,d=a.checked,c=a.isError,c=void 0!==c&&c,n=a.onChange,l=a.isWide,l=void 0!==l&&l,h=a.className,x=a.iconName,m=a.title,C=a.description,a=a.testId,d=s({checked:void 0!==d&&d,disabled:o,onChange:n}),n=d.isHover,u=d.isChecked,b=d.hoverListItemContainer,j=d.unhoverListItemContainer,d=d.handleChange;return e.jsx("label",{className:"h-fit w-fit","data-testid":a,role:"checkbox-card",children:e.jsxs(i.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:u,isError:c,isWide:l,isHover:n,disabled:o,onMouseOver:b,onMouseOut:j,className:h,children:[e.jsx(i.StyledCheckbox,{isWide:l,checked:u,onChange:d,isError:c,isHover:n,disabled:o}),e.jsx(i.CheckboxCardIcon,{iconName:x,disabled:!!c||o}),e.jsxs(i.TitleContainer,{isWide:l,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",l?"text-left":"text-center",o?"text-w-gray-300":"text-w-gray-900"),children:m}),C&&e.jsx(r,{variant:"body2",className:t.twMerge("font-normal",l?"text-left":"text-center",o?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:C})]})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(o){var a=o.disabled,a=void 0!==a&&a,d=o.checked,c=o.isError,c=void 0!==c&&c,n=o.onChange,l=o.isWide,l=void 0!==l&&l,h=o.className,x=o.iconName,m=o.title,C=o.description,o=o.testId,d=s({checked:void 0!==d&&d,disabled:a,onChange:n}),n=d.isHover,u=d.isChecked,b=d.hoverListItemContainer,j=d.unhoverListItemContainer,d=d.handleChange;return e.jsx("label",{className:"h-fit w-fit","data-testid":o,role:"checkbox-card",children:e.jsxs(i.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:u,isError:c,isWide:l,isHover:n,disabled:a,onMouseOver:b,onMouseOut:j,className:h,children:[e.jsx(i.StyledCheckbox,{isWide:l,checked:u,onChange:d,isError:c,isHover:n,disabled:a}),e.jsx(i.CheckboxCardIcon,{isError:c,checked:u,iconName:x,disabled:a}),e.jsxs(i.TitleContainer,{isWide:l,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",l?"text-left":"text-center",a?"text-w-gray-300":"text-w-gray-900"),children:m}),C&&e.jsx(r,{variant:"body2",className:t.twMerge("font-normal",l?"text-left":"text-center",a?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:C})]})]})})};

package/dist/Components/Molecules/CheckboxCard/CheckboxCard.parts.d.ts

@@ -2,4 +2,4 @@ import { CheckboxCardContainerProps, CheckboxCardIconProps, StyledCheckboxProps,
 export declare const CheckboxCardContainer: ({ children, isWide, checked, isError, isHover, disabled, className, ...rest }: CheckboxCardContainerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TitleContainer: ({ isWide, children }: TitleContainerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const StyledCheckbox: ({ isWide, className, ...rest }: StyledCheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CheckboxCardIcon: ({ iconName, disabled, }: CheckboxCardIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxCardIcon: ({ iconName, disabled, checked, isError, }: CheckboxCardIconProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("../../Atoms/Checkbox/Checkbox.js"),t=require("../../Atoms/ProductIcon/ProductIcon.js");require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.CheckboxCardContainer=function(s){var t=s.children,o=s.isWide,a=s.checked,c=s.isError,d=s.isHover,n=s.disabled,l=s.className,s=e.__rest(s,["children","isWide","checked","isError","isHover","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",n?i.twMerge("cursor-not-allowed",a&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":a||d?"border-primary-500":"border-w-gray-200",n?a&&!c?"bg-primary-10":"bg-w-gray-10":a?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",l)},s,{children:t}))},exports.CheckboxCardIcon=function(e){var i=e.iconName,e=e.disabled;return r.jsx("div",{className:"flex size-[60px] flex-shrink-0 items-center justify-center","data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:i,disabled:e})})},exports.StyledCheckbox=function(t){var o=t.isWide,a=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px]",a)},t))},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})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("../../Atoms/Checkbox/Checkbox.js"),t=(require("../../Atoms/Box/Box.js"),require("../../Atoms/ProductIcon/ProductIcon.js"));require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.CheckboxCardContainer=function(s){var t=s.children,o=s.isWide,a=s.checked,c=s.isError,d=s.isHover,n=s.disabled,l=s.className,s=e.__rest(s,["children","isWide","checked","isError","isHover","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",n?i.twMerge("cursor-not-allowed",a&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":a||d?"border-primary-500":"border-w-gray-200",n?a&&!c?"bg-primary-10":"bg-w-gray-10":a?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",l)},s,{children:t}))},exports.CheckboxCardIcon=function(e){var s=e.iconName,o=e.disabled,a=e.checked,e=e.isError||!a;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:s,disabled:e})})},exports.StyledCheckbox=function(t){var o=t.isWide,a=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px]",a)},t))},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/CheckboxCard/CheckboxCard.types.d.ts

@@ -21,6 +21,8 @@ export interface CheckboxCardContainerProps extends CheckboxStatus {
 export interface CheckboxCardIconProps {
     iconName: ProductIconName;
     disabled: boolean;
+    checked: boolean;
+    isError: boolean;
 }
 export interface StyledCheckboxProps extends CheckboxProps {
     isWide: boolean;

package/dist/Components/Molecules/CheckboxList/CheckboxListItem.js

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

package/dist/Components/Molecules/Drawer/Drawer.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./Drawer.parts.js")),t=require("./Drawer.styles.js");module.exports=function(o){var a=o.isOpen,n=o.onClose,l=o.direction,l=void 0===l?"right":l,u=o.size,c=o.className,o=o.children;return e.jsxs(e.Fragment,{children:[e.jsx(i,{className:r.twMerge("fixed z-20 flex flex-col bg-white transition-transform duration-300 ease-in-out",t.directionStyle[l],t.sizeStyle(void 0===u?"quarter":u,l),a&&t.openStyle[l],c),"data-testid":"design-system-drawer",children:o}),a&&e.jsx(s.Backdrop,{onClick:n})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./Drawer.parts.js")),t=require("./Drawer.styles.js");module.exports=function(o){var a=o.isOpen,n=o.onClose,l=o.direction,l=void 0===l?"right":l,d=o.size,u=o.className,o=o.children;return e.jsxs(e.Fragment,{children:[e.jsx(i,{className:r.twMerge("fixed z-20 flex flex-col bg-white transition-transform duration-300 ease-in-out",t.directionStyle[l],t.sizeStyle(void 0===d?"quarter":d,l),a&&t.openStyle[l],u),"data-testid":"design-system-drawer",children:o}),a&&e.jsx(s.Backdrop,{onClick:n})]})};

package/dist/Components/Molecules/InputChip/InputChip.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Box/Box.js"),s=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/SystemIcon/SystemIcon.js");module.exports=function(i){var n=i.children,l=i.onDelete,i=i.className;return e.jsxs(r,{"data-testid":"design-system-input-chip--container",className:t.twMerge("bg-w-v flex h-[26px] w-fit max-w-[100px] select-none items-center gap-0.5 rounded-lg bg-w-gray-100 px-2 py-px",!!l&&"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:n}),!!l&&e.jsx(r,{onClick:l,"data-testid":"design-system-input-chip--delete",children:e.jsx(a,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Box/Box.js"),s=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/SystemIcon/SystemIcon.js");module.exports=function(i){var n=i.children,l=i.onDelete,i=i.className;return e.jsxs(r,{"data-testid":"design-system-input-chip--container",className:t.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",!!l&&"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:n}),!!l&&e.jsx(r,{onClick:l,"data-testid":"design-system-input-chip--delete",children:e.jsx(a,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]})};

package/dist/Components/Molecules/List/List.js

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

package/dist/Components/Molecules/MessageBar/MessageBar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js")),i=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),function(s){switch(s.type){case"information":return e.jsx(a,{name:"medium_information",className:"text-primary-500",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(a,{name:"medium_success",className:"text-primary-500",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(a,{name:"medium_success",className:"text-w-green-500",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(a,{name:"medium_wait",className:"text-w-yellow-500",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(a,{name:"medium_caution",className:"text-w-orange-500",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(a,{name:"medium_error",className:"text-w-red-500",testId:"design-system-message-bar--error-icon"});default:return null}});module.exports=function(n){var m=n.message,o=n.type,n=n.onClose,c=!!n;return e.jsxs(t,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(o){case"information":case"success":return"bg-primary-10 border-primary-100";case"progress":return"bg-w-green-10 border-w-green-100";case"waiting":return"bg-w-yellow-10 border-w-yellow-100";case"caution":return"bg-w-orange-10 border-w-orange-100";case"error":return"bg-w-red-10 border-w-red-100";default:return""}}(),"box-border flex w-full items-start justify-between gap-x-4 rounded-xl border px-6 py-4"),children:[e.jsx(t,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:o})}),e.jsx(t,{className:"w-full",children:e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:m})}),c&&e.jsx(t,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(a,{name:"medium_delete",className:"text-w-gray-400"})})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js")),i=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),function(s){switch(s.type){case"information":return e.jsx(a,{name:"medium_information",className:"text-primary-500",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(a,{name:"medium_success",className:"text-primary-500",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(a,{name:"medium_success",className:"text-w-green-500",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(a,{name:"medium_wait",className:"text-w-yellow-500",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(a,{name:"medium_caution",className:"text-w-orange-500",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(a,{name:"medium_error",className:"text-w-red-500",testId:"design-system-message-bar--error-icon"});default:return null}});module.exports=function(n){var m=n.message,o=n.type,n=n.onClose,c=!!n;return e.jsxs(t,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(o){case"information":case"success":return"bg-primary-10 border-primary-100";case"progress":return"bg-w-green-10 border-w-green-100";case"waiting":return"bg-w-yellow-10 border-w-yellow-100";case"caution":return"bg-w-orange-10 border-w-orange-100";case"error":return"bg-w-red-10 border-w-red-100";default:return""}}(),"box-border flex w-full items-start justify-between gap-x-4 rounded-xl border px-6 py-4"),children:[e.jsx(t,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:o})}),e.jsx(t,{className:"w-full",children:e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:m})}),c&&e.jsx(t,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(a,{name:"medium_delete",className:"text-w-gray-400"})})]})};

package/dist/Components/Molecules/MessageBox/MessageBox.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=require("../../Atoms/ProductIcon/ProductIcon.js"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),a=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./MessageBox.parts.js"));module.exports=function(o){var l=o.icon,n=o.title,c=o.description,o=o.links;return e.jsxs(r,{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(r,{className:"flex h-auto flex-col gap-4 p-6",children:[l&&e.jsx(r,{className:"size-10 flex-shrink-0",children:e.jsx(i,{name:l,size:"medium"})}),e.jsxs(r,{className:"flex h-auto flex-col gap-1.5",children:[e.jsx(s,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:n}),c&&e.jsx(s,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:c})]})]}),o&&0<o.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(a.ExternalLinks,{links:o})]})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=require("../../Atoms/ProductIcon/ProductIcon.js"),t=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../../_virtual/_tslib.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),a=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./MessageBox.parts.js"));module.exports=function(o){var l=o.icon,n=o.title,d=o.description,o=o.links;return e.jsxs(r,{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(r,{className:"flex h-auto flex-col gap-4 p-6",children:[l&&e.jsx(r,{className:"size-10 flex-shrink-0",children:e.jsx(i,{name:l,size:"medium"})}),e.jsxs(r,{className:"flex h-auto flex-col gap-1.5",children:[e.jsx(s,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:n}),d&&e.jsx(s,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:d})]})]}),o&&0<o.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(a.ExternalLinks,{links:o})]})]})};

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

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

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.LeftArrow=function(t){return r.jsx("button",e.__assign({},t,{"data-testid":"design-system-pagination-left-arrow",children:r.jsx(s,{name:"medium_arrow_left",className:"text-w-gray-900"})}))},exports.PaginationNumber=function(s){var a=s.value,n=s.enabled,s=e.__rest(s,["value","enabled"]);return r.jsx("button",e.__assign({className:t.twMerge("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",n?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},s,{children:r.jsx(i,{variant:"body2",children:a})}))},exports.RightArrow=function(t){return r.jsx("button",e.__assign({},t,{"data-testid":"design-system-pagination-right-arrow",children:r.jsx(s,{name:"medium_arrow_right",className:"text-w-gray-900"})}))};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.LeftArrow=function(t){return r.jsx("button",e.__assign({},t,{"data-testid":"design-system-pagination-left-arrow",children:r.jsx(s,{name:"medium_arrow_left",className:"text-w-gray-900"})}))},exports.PaginationNumber=function(s){var a=s.value,o=s.enabled,s=e.__rest(s,["value","enabled"]);return r.jsx("button",e.__assign({className:t.twMerge("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",o?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},s,{children:r.jsx(i,{variant:"body2",children:a})}))},exports.RightArrow=function(t){return r.jsx("button",e.__assign({},t,{"data-testid":"design-system-pagination-right-arrow",children:r.jsx(s,{name:"medium_arrow_right",className:"text-w-gray-900"})}))};

package/dist/Components/Molecules/RadioList/RadioList.d.ts

@@ -1,3 +1,3 @@
 import { RadioListProps } from './RadioList.types';
-declare const RadioList: ({ data, name, className, testId }: RadioListProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioList: ({ data, name, className, testId, field, checked, onChange, }: RadioListProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioList;

package/dist/Components/Molecules/RadioList/RadioList.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("./RadioListItem.js"),a=function(e){var s=e.children,a=e.className,e=e.testId;return r.jsx("div",{className:t.twMerge("flex w-min flex-col gap-3",a),"data-testid":e,children:s})};module.exports=function(t){var i=t.data,n=t.name,l=t.className,t=t.testId;return r.jsx(a,{className:l,testId:t,children:i.map(function(t,a){return r.jsx(s,e.__assign({name:n},t),a)})})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("./RadioListItem.js"),i=function(e){var t=e.children,i=e.className,e=e.testId;return a.jsx("div",{className:r.twMerge("flex w-min flex-col gap-3",i),"data-testid":e,children:t})};module.exports=function(r){var s=r.data,n=r.name,l=r.className,d=r.testId,u=r.field,c=r.checked,m=void 0!==c&&c,o=r.onChange;return a.jsx(i,{className:l,testId:d,children:s.map(function(r,i){var s=u?u.value===(null==r?void 0:r.value):m===(null==r?void 0:r.value);return a.jsx(t,e.__assign({name:n,checked:s,onChange:o},r),i)})})};

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

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

package/dist/Components/Molecules/TextButton/TextButton.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),module.exports=function(a){var o=a.text,n=a.isSmall,n=void 0!==n&&n,a=a.iconAlign,a=void 0===a?"none":a;return e.jsxs(s,{"data-testid":"design-system-text-button--container",className:t.twMerge("flex min-h-6 w-fit cursor-pointer items-center justify-center",n?"gap-x-0.5":"gap-x-1"),children:["left"===a&&e.jsx(s,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:e.jsx(i,{name:n?"small_arrow_left":"medium_arrow_left",className:"text-primary-500"})}),e.jsx(s,{"data-testid":"design-system-text-button--text",className:"w-fit",children:e.jsx(r,{variant:n?"body2":"body1",className:"align-baseline text-primary-500",children:o})}),"right"===a&&e.jsx(s,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:e.jsx(i,{name:n?"small_arrow_right":"medium_arrow_right",className:"text-primary-500"})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),module.exports=function(a){var o=a.text,n=a.isSmall,n=void 0!==n&&n,a=a.iconAlign,a=void 0===a?"none":a;return e.jsxs(s,{"data-testid":"design-system-text-button--container",className:t.twMerge("flex min-h-6 w-fit cursor-pointer items-center justify-center",n?"gap-x-0.5":"gap-x-1"),children:["left"===a&&e.jsx(s,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:e.jsx(i,{name:n?"small_arrow_left":"medium_arrow_left",className:"text-primary-500"})}),e.jsx(s,{"data-testid":"design-system-text-button--text",className:"w-fit",children:e.jsx(r,{variant:n?"body2":"body1",className:"align-baseline text-primary-500",children:o})}),"right"===a&&e.jsx(s,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:e.jsx(i,{name:n?"small_arrow_right":"medium_arrow_right",className:"text-primary-500"})})]})};

package/dist/Components/Molecules/WithBadge/WithBadge.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/CountBadge/CountBadge.js")),s=require("../../Atoms/Box/Box.js"),a=(require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/NewBadge/NewBadge.js"));require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),module.exports=function(i){var o=i.text,l=i.children,m=i.className,u=i.variant,u=void 0===u?"primary":u,i=i.showZero,i=void 0!==i&&i;return e.jsxs(s,{className:r.twMerge("relative w-fit",m),"data-testid":"with-badge",children:[l,"new"===u?e.jsx(a,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):e.jsx(t,{text:o,variant:u,showZero:i,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/CountBadge/CountBadge.js")),s=require("../../Atoms/Box/Box.js"),a=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/NewBadge/NewBadge.js"));require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),module.exports=function(i){var o=i.text,m=i.children,u=i.className,l=i.variant,l=void 0===l?"primary":l,i=i.showZero,i=void 0!==i&&i;return e.jsxs(s,{className:r.twMerge("relative w-fit",u),"data-testid":"with-badge",children:[m,"new"===l?e.jsx(a,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):e.jsx(t,{text:o,variant:l,showZero:i,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};

package/dist/Components/Organisms/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,3 @@
+import { AutocompleteProps } from './Autocomplete.types';
+declare const Autocomplete: ({ skillItems, legacySkillItems, selectedItems, onChipDelete, value, onValueChange, placeholder, onSkillItemClick, onLegacySkillItemClick, onInputItemClick, supportingText, hasIndexBar, error, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+export default Autocomplete;

package/dist/Components/Organisms/Autocomplete/Autocomplete.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),i=require("@wishket/yogokit"),o=require("../../Atoms/Typography/Typography.js"),n=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),l=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/InputChip/InputChip.js")),s=require("../../Molecules/AutoCompleteList/AutoCompleteList.js"),a=require("./Autocomplete.utils.js"),u=require("./Autocomplete.parts.js");module.exports=function(c){function d(){w(!1)}var m=c.skillItems,p=c.legacySkillItems,x=c.selectedItems,h=c.onChipDelete,g=c.value,j=c.onValueChange,f=c.placeholder,v=c.onSkillItemClick,C=c.onLegacySkillItemClick,I=c.onInputItemClick,y=c.supportingText,k=c.hasIndexBar,k=void 0!==k&&k,c=c.error,q=t.useState(!1),S=q[0],w=q[1],q=t.useRef(null),A=t.useRef(null),b=a.getSortedSkillItems(m),M=a.getSortedSkillItems(p);return i.useClickOutside(q,d),e.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"flex w-fit flex-col gap-3",ref:q,children:[e.jsxs(n,{className:"relative",children:[e.jsxs(n,{"data-testid":"design-system-autocomplete-chip-input-box",className:r.twMerge("flex w-[500px] flex-wrap gap-3 rounded-xl border border-gray-200 px-4 py-2.5 transition-all duration-300 hover:border-primary-500",S&&"border-primary-500",c&&"border-w-red-500"),children:[x.map(function(t){return e.jsx(l,{onDelete:function(){return h(t)},children:t},t)}),e.jsx("input",{"data-testid":"design-system-autocomplete-input",className:"flex-auto text-w-gray-600 outline-none placeholder:text-w-gray-300",value:g,onChange:function(e){j(e.target.value)},placeholder:f,onClick:function(e){e.stopPropagation(),S||w(!S)}})]}),S&&e.jsx(n,{"data-testid":"design-system-autocomplete-list",ref:A,className:"absolute -bottom-1 z-40 translate-y-full transform transition-all",children:e.jsx(s.Root,{hasIndexBar:k,onIndexClick:function(t){var e=b.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&A.current&&(e=A.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:e.jsxs(u.WithDivider,{children:[0<m.length&&e.jsx(n,{children:b.map(function(t){var r=t.iconUrl,i=t.value;return e.jsx(s.Item,{id:"item-".concat(i.replace(/ /g,"_")),leadingIcon:"medium_plus",iconUrl:r,text:i,onClick:function(e){return t={iconUrl:r,value:i},e.stopPropagation(),v(t),void d();var t}},i)})}),0<p.length&&e.jsx(n,{children:M.map(function(t){var r=t.value,i=t.count;return e.jsx(s.Item,{text:r,count:i,onClick:function(e){return t={value:r,count:i},e.stopPropagation(),C(t),void d();var t}},r)})}),g&&e.jsx(s.Item,{text:g,isInputItem:!0,onClick:function(e){e.stopPropagation(),I(g),j(""),d()}})]})})})]}),y&&e.jsx(o,{variant:"body2",className:r.twMerge("ml-4 text-w-gray-400",c&&"text-w-red-500"),children:y})]})};

package/dist/Components/Organisms/Autocomplete/Autocomplete.parts.d.ts

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

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

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

package/dist/Components/Organisms/Autocomplete/Autocomplete.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Autocomplete from './Autocomplete';
+declare const meta: Meta<typeof Autocomplete>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;

package/dist/Components/Organisms/Autocomplete/Autocomplete.types.d.ts

@@ -0,0 +1,23 @@
+export type SkillItem = {
+    iconUrl: string;
+    value: string;
+};
+export type LegacySkillItem = {
+    count: number;
+    value: string;
+};
+export interface AutocompleteProps {
+    skillItems: SkillItem[];
+    legacySkillItems: LegacySkillItem[];
+    selectedItems: string[];
+    onChipDelete: (item: string) => void;
+    value: string;
+    onValueChange: (newValue: string) => void;
+    placeholder: string;
+    onSkillItemClick: (item: SkillItem) => void;
+    onLegacySkillItemClick: (item: LegacySkillItem) => void;
+    onInputItemClick: (value: string) => void;
+    supportingText?: string;
+    hasIndexBar?: boolean;
+    error?: boolean;
+}

package/dist/Components/Organisms/Autocomplete/Autocomplete.utils.d.ts

@@ -0,0 +1,5 @@
+type Item = {
+    value: string;
+};
+export declare const getSortedSkillItems: <T extends Item>(items: T[]) => T[];
+export {};

package/dist/Components/Organisms/Autocomplete/Autocomplete.utils.js

@@ -0,0 +1 @@
+"use strict";exports.getSortedSkillItems=function(t){return t.length<=1?t:t.sort(function(t,e){function r(t){return u.test(t)?0:n.test(t)?1:a.test(t)?2:l.test(t)?3:4}var u=/^[^a-zA-Z0-9가-힣]/,n=/^[0-9]/,a=/^[A-Za-z]/,l=/^[가-힣]/,s=r(t.value),o=r(e.value);return s!==o?s-o:t.value.localeCompare(e.value)})};

package/dist/Components/Organisms/Autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Autocomplete } from './Autocomplete';
+export type { SkillItem, LegacySkillItem } from './Autocomplete.types';

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),l=(require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),o=require("../../Atoms/Avatar/Avatar.js"),n=require("../../Atoms/NewBadge/NewBadge.js"),d=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),t.createContext({type:""}));exports.Item=function(l){var o=l.hasNew,o=void 0!==o&&o,c=l.children,m=l.className,l=e.__rest(l,["hasNew","children","className"]),u=t.useContext(d).type;return s.jsx(i,e.__assign({className:r.twMerge("h-10 w-full cursor-pointer px-4 py-2 hover:bg-primary-10","user"===u&&"px-6",m),"data-testid":"design-system-gnb-list--".concat(u,"-item-").concat(c)},l,{children:s.jsxs(a,{variant:"body2",className:"relative text-inherit",children:[c,o&&s.jsx(n,{className:"absolute -right-2 top-0"})]})}))},exports.List=function(e){e=e.children;return s.jsx(i,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:e})},exports.Root=function(e){var a=e.type,a=void 0===a?"main":a,o=e.children,e=e.className,o=t.Children.map(o,function(e,i){return 0===i?e:s.jsxs(t.Fragment,{children:[s.jsx(l,{className:"my-2"}),e]})});return s.jsxs(d.Provider,{value:{type:a},children:["main"===a&&s.jsxs(i,{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(i,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),s.jsx(i,{className:"w-full py-[13px]",children:o})]}),"sub"===a&&s.jsx(i,{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:o}),"user"===a&&s.jsx(i,{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:o})]})},exports.SubList=function(e){e=e.children;return s.jsx(i,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:e})},exports.UserInfo=function(e){var t=e.imgUrl,r=e.userId,l=e.email,n=e.children,e=e.onClick;return s.jsxs(i,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[s.jsxs(i,{className:"flex w-full gap-4",children:[s.jsx(o,{size:"lg",isEditable:!0,imgUrl:t,onClick:e}),s.jsxs(i,{className:"flex w-full flex-col gap-1",children:[s.jsx(a,{variant:"body2",className:"min-h-6 font-medium text-w-gray-900",children:r}),s.jsx(a,{variant:"body3",className:"min-h-5 text-w-gray-600",children:l})]})]}),n&&s.jsx(i,{className:"flex w-full flex-col gap-2",children:n})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),l=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),o=require("../../Atoms/Avatar/Avatar.js"),n=require("../../Atoms/NewBadge/NewBadge.js"),d=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),t.createContext({type:""}));exports.Item=function(l){var o=l.hasNew,o=void 0!==o&&o,c=l.children,m=l.className,l=e.__rest(l,["hasNew","children","className"]),u=t.useContext(d).type;return s.jsx(a,e.__assign({className:r.twMerge("h-10 w-full cursor-pointer px-4 py-2 hover:bg-primary-10","user"===u&&"px-6",m),"data-testid":"design-system-gnb-list--".concat(u,"-item-").concat(c)},l,{children:s.jsxs(i,{variant:"body2",className:"relative text-inherit",children:[c,o&&s.jsx(n,{className:"absolute -right-2 top-0"})]})}))},exports.List=function(e){e=e.children;return s.jsx(a,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:e})},exports.Root=function(e){var i=e.type,i=void 0===i?"main":i,o=e.children,e=e.className,o=t.Children.map(o,function(e,r){return 0===r?e:s.jsxs(t.Fragment,{children:[s.jsx(l,{className:"my-2"}),e]})});return s.jsxs(d.Provider,{value:{type:i},children:["main"===i&&s.jsxs(a,{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(a,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),s.jsx(a,{className:"w-full py-[13px]",children:o})]}),"sub"===i&&s.jsx(a,{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:o}),"user"===i&&s.jsx(a,{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:o})]})},exports.SubList=function(e){e=e.children;return s.jsx(a,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:e})},exports.UserInfo=function(e){var t=e.imgUrl,r=e.userId,l=e.email,n=e.children,e=e.onClick;return s.jsxs(a,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[s.jsxs(a,{className:"flex w-full gap-4",children:[s.jsx(o,{size:"lg",isEditable:!0,imgUrl:t,onClick:e}),s.jsxs(a,{className:"flex w-full flex-col gap-1",children:[s.jsx(i,{variant:"body2",className:"min-h-6 font-medium text-w-gray-900",children:r}),s.jsx(i,{variant:"body3",className:"min-h-5 text-w-gray-600",children:l})]})]}),n&&s.jsx(a,{className:"flex w-full flex-col gap-2",children:n})]})};

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

@@ -1,4 +1,4 @@
-import { ComponentProps, PropsWithChildren } from 'react';
+import { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
 export type GNBListType = 'main' | 'sub' | 'user';
 export interface RootProps extends PropsWithChildren {
     type?: GNBListType;
@@ -10,6 +10,6 @@ export interface UserInfoProps extends PropsWithChildren {
     email?: string;
     onClick?: () => void;
 }
-export interface ItemProps extends ComponentProps<'div'> {
+export interface ItemProps extends ComponentPropsWithoutRef<'div'> {
     hasNew?: boolean;
 }

package/dist/Components/Organisms/SelectDropdown/SelectDropdown.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@wishket/yogokit"),i=(require("tailwind-merge"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/List/List.js")),s=require("./SelectDropdown.parts.js");module.exports=function(o){function l(){p&&j(!1)}var u=o.selectedItem,c=o.items,n=o.onItemClick,a=o.placeholder,d=o.disabled,m=o.error,o=o.className,x=t.useState(!1),p=x[0],j=x[1],x=t.useRef(null);return r.useClickOutside(x,l),e.jsxs("div",{"data-testid":"design-system-selectDropdown",ref:x,className:"flex w-[220px] flex-col gap-1",children:[e.jsx(s.SelectBox,{placeholder:a,value:null==u?void 0:u.value,disabled:d,isListOpen:p,onClick:function(e){d||(j(!p),e.stopPropagation())},error:m,className:o}),p&&e.jsx(i.Root,{children:c.map(function(t){return e.jsx(i.Item,{text:t.value,onClick:function(){n(t),l()},selected:t.key===(null==u?void 0:u.key)},t.key)})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@wishket/yogokit"),i=(require("tailwind-merge"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/List/List.js")),s=require("./SelectDropdown.parts.js");module.exports=function(o){function l(){j&&p(!1)}var u=o.selectedItem,a=o.items,c=o.onItemClick,n=o.placeholder,d=o.disabled,m=o.error,o=o.className,x=r.useState(!1),j=x[0],p=x[1],x=r.useRef(null);return t.useClickOutside(x,l),e.jsxs("div",{"data-testid":"design-system-selectDropdown",ref:x,className:"flex w-[220px] flex-col gap-1",children:[e.jsx(s.SelectBox,{placeholder:n,value:null==u?void 0:u.value,disabled:d,isListOpen:j,onClick:function(e){d||(p(!j),e.stopPropagation())},error:m,className:o}),j&&e.jsx(i.Root,{children:a.map(function(r){return e.jsx(i.Item,{text:r.value,onClick:function(){c(r),l()},selected:r.key===(null==u?void 0:u.key)},r.key)})})]})};

package/dist/Components/Organisms/SelectDropdown/SelectDropdown.parts.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
-interface SelectBoxProps extends ComponentProps<'div'> {
+import { ComponentPropsWithoutRef } from 'react';
+interface SelectBoxProps extends ComponentPropsWithoutRef<'div'> {
     placeholder: string;
     isListOpen: boolean;
     value?: string;

package/dist/Components/Organisms/SelectDropdown/SelectDropdown.parts.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=(require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.SelectBox=function(i){var d=i.placeholder,l=i.value,n=i.isListOpen,c=i.disabled,x=i.error,m=i.className,i=e.__rest(i,["placeholder","value","isListOpen","disabled","error","className"]);return r.jsxs(a,e.__assign({"data-testId":"design-system-selectBox",className:t.twMerge("flex h-[50px] w-full cursor-pointer select-none items-center justify-between rounded-xl border border-w-gray-200 bg-w-white px-4 py-2.5 hover:border-w-primary-500",n&&"border-w-primary-500",x&&"border-w-red-500 hover:border-w-red-500",c&&"cursor-not-allowed border-w-gray-200 bg-w-gray-10 hover:border-w-gray-200",m)},i,{children:[r.jsx(s,{variant:"body1",className:t.twMerge(l?"text-w-gray-600":"text-w-gray-300",c&&l&&"text-w-gray-300",c&&!l&&"text-w-gray-200"),children:l||d}),r.jsx("div",{className:t.twJoin("transition-transform duration-300",n&&"rotate-180"),children:r.jsx(o,{name:"medium_arrow_down",className:c?"text-w-gray-300":"text-w-gray-600"})})]}))};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),o=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.SelectBox=function(i){var d=i.placeholder,l=i.value,n=i.isListOpen,c=i.disabled,m=i.error,u=i.className,i=e.__rest(i,["placeholder","value","isListOpen","disabled","error","className"]);return r.jsxs(o,e.__assign({"data-testId":"design-system-selectBox",className:t.twMerge("flex h-[50px] w-full cursor-pointer select-none items-center justify-between rounded-xl border border-w-gray-200 bg-w-white px-4 py-2.5 hover:border-w-primary-500",n&&"border-w-primary-500",m&&"border-w-red-500 hover:border-w-red-500",c&&"cursor-not-allowed border-w-gray-200 bg-w-gray-10 hover:border-w-gray-200",u)},i,{children:[r.jsx(s,{variant:"body1",className:t.twMerge(l?"text-w-gray-600":"text-w-gray-300",c&&l&&"text-w-gray-300",c&&!l&&"text-w-gray-200"),children:l||d}),r.jsx("div",{className:t.twJoin("transition-transform duration-300",n&&"rotate-180"),children:r.jsx(a,{name:"medium_arrow_down",className:c?"text-w-gray-300":"text-w-gray-600"})})]}))};

package/dist/Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),s=require("@wishket/yogokit"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/List/List.js")),o=require("./TextButtonsDropdown.parts.js");module.exports=function(n){function l(){x(!1)}var u=n.items,a=n.selectedItem,c=n.onItemClick,n=n.alignRight,n=void 0!==n&&n,d=t.useState(!1),m=d[0],x=d[1],d=t.useRef(null);return s.useClickOutside(d,l),e.jsxs("div",{"data-testid":"design-system-textButtonsDropdown",className:"relative flex w-fit flex-col gap-1",ref:d,children:[e.jsx(o.TextButton,{value:a.value,"data-testid":"design-system-textButtonsDropdown-textButton",isListOpen:m,onClick:function(e){e.stopPropagation(),x(!m)}}),m&&e.jsx("div",{className:i.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all",n?"right-0":"left-0 "),children:e.jsx(r.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:u.map(function(i){return e.jsx(r.Item,{text:i.value,onClick:function(e){return t=i,e.stopPropagation(),c(t),void l();var t},selected:i.key===(null==a?void 0:a.key)},i.key)})})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),s=require("@wishket/yogokit"),o=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/List/List.js")),r=require("./TextButtonsDropdown.parts.js");module.exports=function(n){function l(){x(!1)}var u=n.items,a=n.selectedItem,c=n.onItemClick,n=n.alignRight,n=void 0!==n&&n,d=t.useState(!1),m=d[0],x=d[1],d=t.useRef(null);return s.useClickOutside(d,l),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:m,onClick:function(e){e.stopPropagation(),x(!m)}}),m&&e.jsx("div",{className:i.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all",n?"right-0":"left-0 "),children:e.jsx(o.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:u.map(function(i){return e.jsx(o.Item,{text:i.value,onClick:function(e){return t=i,e.stopPropagation(),c(t),void l();var t},selected:i.key===(null==a?void 0:a.key)},i.key)})})})]})};

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/CountBadge/CountBadge.js")),s=require("../../Atoms/Box/Box.js"),n=(require("../../../_virtual/_tslib.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),l=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),t.createContext({activeTab:0,defaultActive:0,animationDirection:"right",isFit:!0,hasPadding:!1,handleTabClick:function(e){}}));exports.Panel=function(a){var i=a.children,a=a.index;return t.useContext(l).activeTab===a&&e.jsx(s,{"data-testid":"design-system-textTab--content",children:i})},exports.Root=function(a){function i(e){if(e===d)return m(void 0);d<e&&m("right"),e<d&&m("left"),null!=c&&c(),x(e)}var r=a.children,s=a.defaultActive,n=void 0===s?0:s,s=a.isFit,s=void 0===s||s,o=a.hasPadding,o=void 0!==o&&o,c=a.onChange,a=t.useState(n),d=a[0],x=a[1],a=t.useState(void 0),u=a[0],m=a[1];return t.useEffect(function(){i(n)},[n]),e.jsx(l.Provider,{value:{activeTab:d,animationDirection:u,defaultActive:n,isFit:s,hasPadding:o,handleTabClick:i},children:r})},exports.Tab=function(o){var c=o.children,d=o.index,x=o.className,u=o.barColor,m=o.disabled,g=void 0!==m&&m,m=o.badgeNumber,o=o.iconName,h=t.useContext(l),f=h.isFit,v=h.handleTabClick,b=h.activeTab,h=h.animationDirection,b=d===b;return e.jsx(s,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(d),className:a.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",g&&"cursor-not-allowed",x),onClick:function(){g||v(d)},children:e.jsxs(s,{className:a.twMerge("relative flex w-max flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!f&&"px-[33.5px]",b&&"font-medium text-w-gray-900"),children:[o&&e.jsx(s,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:e.jsx(n,{name:o,className:a.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",b&&"text-w-gray-900")})}),e.jsx(r,{variant:"body1",className:"relative",children:c}),m&&e.jsx(i,{text:m,className:"relative",variant:"gray"}),e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(d),className:a.twMerge("absolute -bottom-px left-0 h-0.5 w-full rounded-t-lg bg-transparent",b&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(h||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),u)})]})})},exports.Tabs=function(i){var i=i.children,r=t.useContext(l).hasPadding;return e.jsxs(e.Fragment,{children:[e.jsx(s,{className:a.twJoin("block w-full items-start overflow-x-scroll scrollbar-hide",r&&"px-9"),"data-testid":"design-system-textTab--container",children:e.jsx(s,{className:"mb-px inline-flex min-w-max gap-10",children:i})}),e.jsx(o,{className:"w-full"})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/CountBadge/CountBadge.js")),s=require("../../Atoms/Box/Box.js"),n=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),l=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),t.createContext({activeTab:0,defaultActive:0,animationDirection:"right",isFit:!0,hasPadding:!1,handleTabClick:function(e){}}));exports.Panel=function(a){var i=a.children,a=a.index;return t.useContext(l).activeTab===a&&e.jsx(s,{"data-testid":"design-system-textTab--content",children:i})},exports.Root=function(a){function i(e){if(e===d)return m(void 0);d<e&&m("right"),e<d&&m("left"),null!=c&&c(),u(e)}var r=a.children,s=a.defaultActive,n=void 0===s?0:s,s=a.isFit,s=void 0===s||s,o=a.hasPadding,o=void 0!==o&&o,c=a.onChange,a=t.useState(n),d=a[0],u=a[1],a=t.useState(void 0),x=a[0],m=a[1];return t.useEffect(function(){i(n)},[n]),e.jsx(l.Provider,{value:{activeTab:d,animationDirection:x,defaultActive:n,isFit:s,hasPadding:o,handleTabClick:i},children:r})},exports.Tab=function(o){var c=o.children,d=o.index,u=o.className,x=o.barColor,m=o.disabled,g=void 0!==m&&m,m=o.badgeNumber,o=o.iconName,h=t.useContext(l),f=h.isFit,v=h.handleTabClick,b=h.activeTab,h=h.animationDirection,b=d===b;return e.jsx(s,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(d),className:a.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",g&&"cursor-not-allowed",u),onClick:function(){g||v(d)},children:e.jsxs(s,{className:a.twMerge("relative flex w-max flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!f&&"px-[33.5px]",b&&"font-medium text-w-gray-900"),children:[o&&e.jsx(s,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:e.jsx(n,{name:o,className:a.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",b&&"text-w-gray-900")})}),e.jsx(r,{variant:"body1",className:"relative",children:c}),m&&e.jsx(i,{text:m,className:"relative",variant:"gray"}),e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(d),className:a.twMerge("absolute -bottom-px left-0 h-0.5 w-full rounded-t-lg bg-transparent",b&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(h||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),x)})]})})},exports.Tabs=function(i){var i=i.children,r=t.useContext(l).hasPadding;return e.jsxs(e.Fragment,{children:[e.jsx(s,{className:a.twJoin("block w-full items-start overflow-x-scroll scrollbar-hide",r&&"px-9"),"data-testid":"design-system-textTab--container",children:e.jsx(s,{className:"mb-px inline-flex min-w-max gap-10",children:i})}),e.jsx(o,{className:"w-full"})]})};

package/dist/Components/Organisms/WithMessageBar/WithMessageBar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),t=(require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/MessageBar/MessageBar.js"));module.exports=function(i){var a=i.children,l=i.isOpen,o=i.message,n=i.type,i=i.onClose;return e.jsxs(r,{"data-testid":"design-system-with-message-bar",children:[e.jsx(r,{className:"w-full overflow-y-hidden",children:e.jsx(r,{className:s.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",l?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:e.jsx(r,{className:"pt-8",children:e.jsx(t,{message:o,type:n,onClose:i})})})}),a]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/MessageBar/MessageBar.js"));module.exports=function(t){var a=t.children,o=t.isOpen,l=t.message,n=t.type,t=t.onClose;return e.jsxs(r,{"data-testid":"design-system-with-message-bar",children:[e.jsx(r,{className:"w-full overflow-y-hidden",children:e.jsx(r,{className:s.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",o?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:e.jsx(r,{className:"pt-8",children:e.jsx(i,{message:l,type:n,onClose:t})})})}),a]})};

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

@@ -3,3 +3,5 @@ export { default as GNBList } from './GNBList';
 export { default as SelectDropdown } from './SelectDropdown';
 export { default as TextButtonsDropdown } from './TextButtonsDropdown';
 export { default as WithMessageBar } from './WithMessageBar';
+export { Autocomplete } from './Autocomplete';
+export type { SkillItem, LegacySkillItem } from './Autocomplete';

package/dist/index.js

@@ -1 +1 @@
-"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),s=require("./Components/Atoms/CountBadge/CountBadge.js"),t=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),u=require("./Components/Atoms/Divider/Divider.js"),x=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),C=require("./Components/Atoms/Avatar/Avatar.js"),m=require("./Components/Atoms/Switch/Switch.js"),c=require("./Components/Atoms/SystemIcon/SystemIcon.js"),d=require("./Components/Atoms/NewBadge/NewBadge.js"),l=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),B=require("./Components/Atoms/SkillChip/SkillChip.js"),g=require("./Components/Atoms/TextLabel/TextLabel.js"),h=require("./Components/Atoms/ModalContext/ModalContext.js"),A=require("./Components/Molecules/WithBadge/WithBadge.js"),L=require("./Components/Molecules/GridLayout/GridLayout.js"),M=require("./Components/Molecules/CheckboxList/CheckboxList.js"),T=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),b=require("./Components/Molecules/RadioList/RadioList.js"),w=require("./Components/Molecules/MessageBox/MessageBox.js"),I=require("./Components/Molecules/TextButton/TextButton.js"),S=require("./Components/Molecules/InputChip/InputChip.js"),k=require("./Components/Molecules/List/List.js"),y=require("./Components/Molecules/Pagination/Pagination.js"),D=require("./Components/Molecules/Drawer/Drawer.js"),v=require("./Components/Molecules/MessageBar/MessageBar.js"),G=require("./Components/Organisms/TextTab/TextTab.js"),N=require("./Components/Organisms/GNBList/GNBList.js"),P=require("./Components/Organisms/SelectDropdown/SelectDropdown.js"),R=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),W=require("./Components/Organisms/WithMessageBar/WithMessageBar.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=s,exports.Box=t,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=u,exports.ServiceLogo=x,exports.Avatar=C,exports.Switch=m,exports.SystemIcon=c,exports.NewBadge=d,exports.ChoiceChip=l,exports.Textarea=j,exports.IconButton=q,exports.SkillChip=B,exports.TextLabel=g,exports.ModalContext=h,exports.WithBadge=A,exports.GridLayout=L,exports.CheckboxList=M,exports.CheckboxCard=T,exports.RadioList=b,exports.MessageBox=w,exports.TextButton=I,exports.InputChip=S,exports.List=k,exports.Pagination=y,exports.Drawer=D,exports.MessageBar=v,exports.TextTab=G,exports.GNBList=N,exports.SelectDropdown=P,exports.TextButtonsDropdown=R,exports.WithMessageBar=W;
+"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),u=require("./Components/Atoms/Divider/Divider.js"),x=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),m=require("./Components/Atoms/Avatar/Avatar.js"),C=require("./Components/Atoms/Switch/Switch.js"),c=require("./Components/Atoms/SystemIcon/SystemIcon.js"),d=require("./Components/Atoms/NewBadge/NewBadge.js"),l=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),g=require("./Components/Atoms/SkillChip/SkillChip.js"),B=require("./Components/Atoms/TextLabel/TextLabel.js"),h=require("./Components/Atoms/ModalContext/ModalContext.js"),A=require("./Components/Molecules/WithBadge/WithBadge.js"),L=require("./Components/Molecules/GridLayout/GridLayout.js"),M=require("./Components/Molecules/CheckboxList/CheckboxList.js"),T=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),b=require("./Components/Molecules/RadioList/RadioList.js"),w=require("./Components/Molecules/MessageBox/MessageBox.js"),I=require("./Components/Molecules/TextButton/TextButton.js"),S=require("./Components/Molecules/InputChip/InputChip.js"),k=require("./Components/Molecules/List/List.js"),y=require("./Components/Molecules/Pagination/Pagination.js"),D=require("./Components/Molecules/Drawer/Drawer.js"),v=require("./Components/Molecules/MessageBar/MessageBar.js"),G=require("./Components/Organisms/TextTab/TextTab.js"),N=require("./Components/Organisms/GNBList/GNBList.js"),O=require("./Components/Organisms/SelectDropdown/SelectDropdown.js"),P=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),R=require("./Components/Organisms/WithMessageBar/WithMessageBar.js"),W=require("./Components/Organisms/Autocomplete/Autocomplete.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=t,exports.Box=s,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=u,exports.ServiceLogo=x,exports.Avatar=m,exports.Switch=C,exports.SystemIcon=c,exports.NewBadge=d,exports.ChoiceChip=l,exports.Textarea=j,exports.IconButton=q,exports.SkillChip=g,exports.TextLabel=B,exports.ModalContext=h,exports.WithBadge=A,exports.GridLayout=L,exports.CheckboxList=M,exports.CheckboxCard=T,exports.RadioList=b,exports.MessageBox=w,exports.TextButton=I,exports.InputChip=S,exports.List=k,exports.Pagination=y,exports.Drawer=D,exports.MessageBar=v,exports.TextTab=G,exports.GNBList=N,exports.SelectDropdown=O,exports.TextButtonsDropdown=P,exports.WithMessageBar=R,exports.Autocomplete=W;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -16,7 +16,8 @@
     "lint": "eslint './**/*.{ts,tsx,js,jsx}' --ignore-path .eslintignore || true",
     "test": "jest --ci --runInBand --coverage --watchAll=false --passWithNoTests --testMatch=\"**/*.spec.@(ts|tsx)\"",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "chromatic": "chromatic --exit-zero-on-changes"
   },
   "dependencies": {
     "@savvywombat/tailwindcss-grid-areas": "^4.0.0",
@@ -33,6 +34,7 @@
     "@babel/preset-react": "^7.23.3",
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.1",
+    "@chromatic-com/storybook": "^1.6.1",
     "@faker-js/faker": "^8.4.1",
     "@rollup/plugin-swc": "^0.3.0",
     "@storybook/addon-essentials": "^7.6.7",
@@ -56,6 +58,7 @@
     "@wishket/eslint-config-wishket": "^1.0.0",
     "autoprefixer": "^10.4.18",
     "babel-jest": "^29.7.0",
+    "chromatic": "^11.7.0",
     "dotenv": "^16.3.1",
     "eslint": "^8",
     "eslint-config-next": "14.0.4",