@wishket/design-system 1.2.2 → 1.4.0

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

@@ -0,0 +1,14 @@
+export interface ProcessIndicatorProps {
+    className?: string;
+    progressClassName?: string;
+    value: number;
+}
+/**
+ * ProcessIndicator
+ * @param {Object} props
+ * @param {string} [props.className] - 컨테이너의 추가 클래스명
+ * @param {string} [props.progressClassName] - 프로그레스 바의 추가 클래스명
+ * @param {number} props.value - 진행률 값 (0-100 사이의 숫자)
+ */
+declare const ProcessIndicator: ({ className, progressClassName, value, }: ProcessIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default ProcessIndicator;

package/dist/Components/DataDisplays/ProcessIndicator/ProcessIndicator.js

@@ -0,0 +1 @@
+"use strict";var s=require("react/jsx-runtime"),e=require("tailwind-merge");module.exports=function(r){var a=r.className,t=r.progressClassName,r=r.value,r=Math.min(100,Math.max(0,r)),r={"--progress":"".concat(r-100,"%")};return s.jsx("div",{"data-testid":"design-system-process-indicator",className:e.twMerge("w-full",a),children:s.jsx("div",{className:"h-1 overflow-hidden rounded-full bg-w-gray-100","data-testid":"design-system-process-indicator--background",children:s.jsx("div",{"data-testid":"design-system-process-indicator--progress",className:e.twMerge("h-full translate-x-[var(--progress)] bg-primary transition-transform !duration-500",t),style:r})})})};

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

@@ -0,0 +1,2 @@
+import ProcessIndicator from './ProcessIndicator';
+export default ProcessIndicator;

package/dist/Components/DataDisplays/ProcessIndicator/index.js

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

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

@@ -9,3 +9,4 @@ export { default as SkillLabel } from './SkillLabel';
 export { default as SystemIcon } from './SystemIcon';
 export type { SystemIconName } from './SystemIcon';
 export { default as Divider } from './Divider';
+export { default as ProcessIndicator } from './ProcessIndicator';

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

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

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js"),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../../_virtual/_tslib.js"),require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),i=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),module.exports=function(u){var n=u.variant,n=void 0===n?"primary":n,l=u.icon,d=u.title,o=u.text,p=u.buttonName,u=u.onClick;return e.jsxs(t,{"data-testid":"design-system-message-bar",className:s.twMerge("flex w-full items-center gap-5 rounded-2xl border px-8 py-5","primary"===n&&"border-primary-100 bg-primary-10","white"===n&&"border-w-gray-200 bg-white"),children:[e.jsx(t,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:e.jsx(a,{name:l,size:"medium"})}),e.jsxs(t,{className:"flex w-full flex-col gap-1",children:[d&&e.jsx(r,{variant:"subTitle2",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:d}),e.jsx(r,{variant:"body2",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:o})]}),p&&u&&e.jsx(i,{variant:"outlined",size:"sm",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:p})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js"),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../../_virtual/_tslib.js"),require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),i=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js"),module.exports=function(u){var n=u.variant,n=void 0===n?"primary":n,l=u.icon,o=u.title,d=u.text,p=u.buttonName,u=u.onClick;return e.jsxs(t,{"data-testid":"design-system-message-bar",className:s.twMerge("flex w-full items-center gap-5 rounded-2xl border px-8 py-5","primary"===n&&"border-primary-100 bg-primary-10","white"===n&&"border-w-gray-200 bg-white"),children:[e.jsx(t,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:e.jsx(a,{name:l,size:"medium"})}),e.jsxs(t,{className:"flex w-full flex-col gap-1",children:[o&&e.jsx(r,{variant:"subTitle2",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:o}),e.jsx(r,{variant:"body2",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:d})]}),p&&u&&e.jsx(i,{variant:"outlined",size:"sm",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:p})]})};

package/dist/Components/Feedbacks/SnackBar/SnackBar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),a=require("../../Base/Layouts/Box/Box.js"),t=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),i=function(s){switch(s.type){case"information":return e.jsx(t,{name:"medium_information",className:"text-primary-500",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(t,{name:"medium_success",className:"text-primary-500",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(t,{name:"medium_success",className:"text-w-green-500",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(t,{name:"medium_wait",className:"text-w-yellow-500",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(t,{name:"medium_caution",className:"text-w-orange-500",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(t,{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,c=n.type,n=n.onClose,o=!!n;return e.jsxs(a,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(c){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(a,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:c})}),e.jsx(a,{className:"w-full",children:e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:m})}),o&&e.jsx(a,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(t,{name:"medium_delete",className:"text-w-gray-400"})})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),a=require("../../Base/Layouts/Box/Box.js"),t=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),i=function(s){switch(s.type){case"information":return e.jsx(t,{name:"medium_information",className:"text-success",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(t,{name:"medium_success",className:"text-success",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(t,{name:"medium_success",className:"text-progress",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(t,{name:"medium_wait",className:"text-waiting",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(t,{name:"medium_caution",className:"text-caution",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(t,{name:"medium_error",className:"text-error",testId:"design-system-message-bar--error-icon"});default:return null}};module.exports=function(n){var c=n.message,u=n.type,n=n.onClose,m=!!n;return e.jsxs(a,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(u){case"information":case"success":return"bg-success-10 border-success-100";case"progress":return"bg-progress-10 border-progress-100";case"waiting":return"bg-waiting-10 border-waiting-100";case"caution":return"bg-caution-10 border-caution-100";case"error":return"bg-error-10 border-error-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(a,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:u})}),e.jsx(a,{className:"w-full",children:e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:c})}),m&&e.jsx(a,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(t,{name:"medium_delete",className:"text-w-gray-400"})})]})};

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

@@ -0,0 +1,20 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+interface InformationBoxProps {
+    imgUrl?: string;
+    username?: string;
+}
+export interface CommentAreaProps extends ComponentPropsWithRef<'textarea'>, InformationBoxProps {
+    isReply?: boolean;
+    guideText?: string | string[];
+    buttonName: string;
+    value: string;
+    cancelButtonName?: string;
+    isSelected?: boolean;
+    optionMessage?: string;
+    children?: ReactNode;
+    onCheck?: () => void;
+    onClose?: () => void;
+    onSubmit?: () => void;
+}
+declare const CommentArea: import("react").ForwardRefExoticComponent<Omit<CommentAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default CommentArea;

package/dist/Components/Inputs/CommentArea/CommentArea.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),a=require("react"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),l=require("../../Base/Layouts/Box/Box.js"),i=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js")),n=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),c=require("../../DataDisplays/Divider/Divider.js"),o=require("../Button/Button.js"),d=require("../Checkbox/Checkbox.js"),m=function(e){var a=e.username,e=e.imgUrl;return s.jsxs(l,{className:"flex items-center gap-2",children:[s.jsx(i,{imgUrl:void 0===e?"":e}),s.jsx(t,{variant:"body1",className:"w-full font-medium text-w-gray-600",children:a})]})},u=function(e){e=e.guideText;return s.jsx(l,{className:"w-full bg-w-gray-10 px-4 py-2 text-w-gray-500",children:s.jsx("ul",{className:"flex flex-col gap-0.5 typo-body2",children:"string"==typeof e?s.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e}):s.jsx(s.Fragment,{children:null==e?void 0:e.map(function(e){return s.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e},e)})})})})},x=a.forwardRef(function(a,i){var x=a.imgUrl,g=a.username,f=a.isReply,y=a.guideText,p=a.buttonName,j=a.isSelected,h=a.optionMessage,b=a.cancelButtonName,b=void 0===b?"취소":b,w=a.onClose,N=a.onSubmit,v=a.onCheck,a=e.__rest(a,["imgUrl","username","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]),k=a.value,q=a.className,C=a.disabled,B=a.spellCheck,B=void 0!==B&&B,D=a.children,a=e.__rest(a,["value","className","disabled","spellCheck","children"]),_=""===k.trim(),_=!g||_||C;return s.jsxs(l,{"data-testid":"design-system-commentArea--full-container",className:r.twMerge("flex w-full items-start gap-4",q),children:[f&&s.jsx(n,{name:"medium_reply",className:"shrink-0 text-w-gray-400"}),s.jsxs(l,{"data-testid":"design-system-commentArea--container",className:"w-full rounded-xl border border-w-gray-200 bg-w-white",children:[s.jsx(l,{className:"flex w-full flex-col gap-2 px-4 py-3",children:D?s.jsx(l,{className:"h-[98px]",children:D}):s.jsxs(s.Fragment,{children:[g&&s.jsx(m,{imgUrl:x,username:g}),s.jsx("textarea",e.__assign({"data-testid":"design-system-commentArea",ref:i,value:k,spellCheck:B,disabled:C||!g,className:"h-[63px] w-full resize-none border-none bg-transparent tracking-default text-w-gray-900 outline-none placeholder:font-normal placeholder:text-w-gray-300 placeholder:typo-body1"},a))]})}),y&&s.jsx(l,{"data-testid":"design-system-commentArea--guide-message",className:"w-full bg-w-gray-10 px-4 py-2 text-w-gray-500",children:s.jsx(u,{guideText:y})}),s.jsx(c,{}),s.jsxs(l,{"data-testid":"design-system-commentArea--buttons",className:r.twMerge("flex w-full items-center justify-end px-4 py-3",h&&"justify-between"),children:[h&&s.jsxs("label",{className:"flex items-center gap-3",children:[s.jsx(d,{checked:j,onChange:v,disabled:C||!g}),s.jsx(t,{variant:"body1",className:"leading-none text-w-gray-900",children:h})]}),s.jsxs(l,{className:"flex w-fit shrink-0 items-center gap-3",children:[f&&s.jsx(o,{size:"sm",onClick:w,children:b}),s.jsx(o,{variant:"solid",size:"sm",disabled:_,onClick:N,children:p})]})]})]})]})});x.displayName="CommentArea",module.exports=x;

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

@@ -0,0 +1,2 @@
+import CommentArea from './CommentArea';
+export default CommentArea;

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

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

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

@@ -0,0 +1,19 @@
+import { ChangeEvent } from 'react';
+export interface FilterListProps {
+    title: string;
+    buttonName: string;
+    data: Array<{
+        label: string;
+        value: string;
+        onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    }>;
+    selectedValues?: string[];
+    isAllSelected?: boolean;
+    onSelectAll?: () => void;
+    onReset?: () => void;
+    onViewOnly?: () => void;
+    isViewOnly?: boolean;
+    onSubmit?: () => void;
+}
+declare const FilterList: ({ title, buttonName, onSelectAll, isAllSelected, isViewOnly, data, selectedValues, onReset, onViewOnly, onSubmit, }: FilterListProps) => import("react/jsx-runtime").JSX.Element;
+export default FilterList;

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

@@ -0,0 +1,2 @@
+import FilterList from './FilterList';
+export default FilterList;

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

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

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

@@ -0,0 +1,16 @@
+import { SystemIconName } from '../../DataDisplays';
+export type Item = {
+    key: number | string;
+    value: string;
+    leadingIcon?: SystemIconName;
+};
+export interface IconButtonDropdownProps {
+    icon: SystemIconName;
+    size?: 'sm' | 'md' | 'lg';
+    align?: 'left' | 'right';
+    items: Item[];
+    selectedItem: Item;
+    onItemClick: (item: Item) => void;
+}
+declare const IconButtonDropdown: ({ icon, items, selectedItem, onItemClick, size, align, }: IconButtonDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default IconButtonDropdown;

package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js

@@ -0,0 +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("../../DataDisplays/Avatar/Avatar.js"),require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),n=require("../IconButton/IconButton.js"),a=require("../List/List.js");module.exports=function(l){function o(){y(!1)}var u=l.icon,c=l.items,d=l.selectedItem,m=l.onItemClick,f=l.size,f=void 0===f?"sm":f,l=l.align,l=void 0===l?"left":l,j=t.useState(!1),v=j[0],y=j[1],j=t.useRef(null);return s.useClickOutside(j,o),e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit",ref:j,children:[e.jsx(n,{onClick:function(e){e.preventDefault(),y(function(e){return!e})},size:f,children:e.jsx(r,{name:u})}),v&&e.jsx("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:i.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===l?"right-0":"left-0 "),children:e.jsx(a.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:c.map(function(t){return e.jsx(a.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:function(){m(t),o()},selected:t.key===(null==d?void 0:d.key)},t.key)})})})]})};

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

@@ -0,0 +1,2 @@
+import IconButtonDropdown from './IconButtonDropdown';
+export default IconButtonDropdown;

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

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

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

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

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

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

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

@@ -24,3 +24,5 @@ export { default as TextFieldDropdown } from './TextFieldDropdown';
 export { TextButtonsDropdown } from './TextButtonsDropdown';
 export type { SkillItem, LegacySkillItem } from './Autocomplete';
 export type { TextButtonsDropdownProps } from './TextButtonsDropdown';
+export { default as CommentArea } from './CommentArea';
+export { default as IconButtonDropdown } from './IconButtonDropdown';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const BoxTab: {
+    Root: ({ children, currentActiveTab, onChange }: import("./BoxTab.types").RootProps) => import("react/jsx-runtime").JSX.Element;
+    Tabs: ({ children, className }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Tab: ({ children, index, className, isFirst, isLast, disabled, }: import("./BoxTab.types").TabProps) => import("react/jsx-runtime").JSX.Element;
+    Panel: ({ children, index }: import("./BoxTab.types").PanelProps) => false | import("react/jsx-runtime").JSX.Element;
+};
+export default BoxTab;

package/dist/Components/Navigations/BoxTab/BoxTab.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var a=require("./BoxTab.parts.js"),e={Root:a.Root,Tabs:a.Tabs,Tab:a.Tab,Panel:a.Panel};module.exports=e;

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

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { PanelProps, RootProps, TabProps } from './BoxTab.types';
+declare const Root: ({ children, currentActiveTab, onChange }: RootProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ children, className }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
+declare const Tab: ({ children, index, className, isFirst, isLast, disabled, }: TabProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: ({ children, index }: PanelProps) => false | import("react/jsx-runtime").JSX.Element;
+export { Root, Tabs, Tab, Panel };

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

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),n=require("../../Base/Layouts/Box/Box.js"),i=(require("../../Base/Layouts/FullBleed/FullBleed.js"),r.createContext({activeTab:0,currentActiveTab:0,handleTabClick:function(e){}}));exports.Panel=function(t){var a=t.children,t=t.index;return r.useContext(i).activeTab===t&&e.jsx(n,{"data-testid":"design-system-boxTab--content",children:a})},exports.Root=function(t){var n=t.children,a=t.currentActiveTab,l=void 0===a?0:a,s=t.onChange,a=r.useState(l),t=a[0],c=a[1];return r.useEffect(function(){c(l)},[l]),e.jsx(i.Provider,{value:{activeTab:t,currentActiveTab:l,handleTabClick:function(e){null!=s&&s(e),c(e)}},children:n})},exports.Tab=function(l){var s=l.children,c=l.index,o=l.className,d=l.isFirst,u=l.isLast,l=l.disabled,x=void 0!==l&&l,l=r.useContext(i),b=l.handleTabClick,l=l.activeTab,l=c===l;return e.jsx(n,{tabIndex:0,"data-testid":"design-system-boxTab--item-".concat(c),className:t.twMerge("group flex w-full cursor-pointer items-center border border-w-gray-200 bg-w-white px-6 py-4","relative","-ml-px",l&&"z-[1] border-primary bg-primary-10",d&&"ml-0 rounded-l-xl",u&&"rounded-r-xl",x&&"cursor-not-allowed border-w-gray-200 bg-w-gray-10",o),onClick:function(){x||b(c)},children:e.jsx(n,{className:t.twMerge("relative flex w-full flex-row items-center justify-center font-normal text-w-gray-600",l&&"font-medium text-primary"),children:e.jsx(a,{variant:"body1",className:"relative",children:s})})})},exports.Tabs=function(a){var i=a.children,a=a.className,l=r.Children.toArray(i);return e.jsx(n,{className:t.twJoin("relative block w-full",a),"data-testid":"design-system-boxTab--container",children:e.jsx(n,{children:e.jsx(n,{className:t.twMerge("inline-flex w-full"),children:l.map(function(t,n){t=r.cloneElement(t,{isFirst:0===n,isLast:n===l.length-1});return e.jsx(r.Fragment,{children:t},n)})})})})};

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

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+export interface RootProps extends PropsWithChildren {
+    currentActiveTab?: number;
+    onChange?: (index: number) => void;
+}
+export interface TabProps extends PropsWithChildren {
+    index: number;
+    disabled?: boolean;
+    className?: string;
+    isFirst?: boolean;
+    isLast?: boolean;
+}
+export interface PanelProps extends PropsWithChildren {
+    index: number;
+}
+export type TabContextType = {
+    activeTab: number;
+    currentActiveTab: number;
+    handleTabClick: (index: number) => void;
+};

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

@@ -0,0 +1,2 @@
+import BoxTab from './BoxTab';
+export default BoxTab;

package/dist/Components/Navigations/BoxTab/index.js

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

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { SystemIconName } from '../../DataDisplays';
+export interface MenuProps {
+    type?: 'main' | 'sub';
+    variant?: 'white' | 'gray';
+    name: string;
+    badgeCount?: string;
+    isSelected?: boolean;
+    leadingIcon?: SystemIconName;
+    trailingIcon?: SystemIconName;
+    onClick: () => void;
+    onOptionClick?: () => void;
+    children?: ReactNode;
+}
+declare const Menu: ({ type, variant, name, isSelected, badgeCount, leadingIcon, trailingIcon, children, onClick, onOptionClick, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/CountBadge/CountBadge.js")),t=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js"),s=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js"));module.exports=function(n){var o,l,g=n.type,g=void 0===g?"main":g,u=n.variant,u=void 0===u?"white":u,y=n.name,d=n.isSelected,d=void 0!==d&&d,m=n.badgeCount,c=n.leadingIcon,p=n.trailingIcon,w=n.children,h=n.onClick,x=n.onOptionClick,n=!w&&p&&x;return e.jsxs(i,{"data-testid":"design-system-menu",className:(o=u,l=d,g="sub"===g?"pl-12":"",l={white:r.twJoin("bg-w-white hover:bg-w-gray-50",l&&"bg-primary-10 text-primary hover:bg-primary-10"),gray:r.twJoin("bg-w-gray-50 hover:bg-w-gray-100",l&&"bg-w-gray-100  hover:bg-w-gray-100")},r.twMerge("flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-3 text-w-gray-900",g,l[o])),onClick:h,children:[c&&e.jsx(s,{testId:"design-system-menu-leading-icon",name:c,className:r.twJoin("white"===u&&d&&"text-primary")}),e.jsx(t,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:y}),m&&e.jsx(a,{variant:"white"!==u?"white_gray":d?"primary":"gray",text:m,className:"relative",showZero:!0}),w,n&&e.jsx(i,{onClick:function(e){e.stopPropagation(),x()},children:e.jsx(s,{testId:"design-system-menu-trailing-icon",name:p,className:"cursor-pointer"})})]})};

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

@@ -0,0 +1,2 @@
+import Menu from './Menu';
+export default Menu;

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

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

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

@@ -4,3 +4,5 @@ export { default as Pagination } from './Pagination';
 export { default as TableOfContents } from './TableOfContents';
 export { default as TextTab } from './TextTab';
 export type { TableOfContentsProps, ContentItem } from './TableOfContents';
+export { default as BoxTab } from './BoxTab';
+export { default as Menu } from './Menu';

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("react"),r=(require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js")),s=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),a=(require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("next/link"),require("../../Feedbacks/RichTooltip/RichTooltip.js"));require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),module.exports=function(n){var u=n.size,u=void 0===u?"md":u,o=n.variant,o=void 0===o?"right":o,l=n.title,c=n.description,d=n.children,n=n.className,p="md"===u?"medium_information":"small_information",m="right"===o,o="down"===o,h=i.useState(!1),j=h[0],q=h[1];return e.jsxs(r,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[e.jsx(r,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:function(){return q(!0)},onMouseLeave:function(){return q(!1)},onClick:function(){return q(function(e){return!e})},children:e.jsx(s,{name:p,className:"text-w-gray-400",testId:"md"===u?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),j&&e.jsx(a,{title:l,description:c,className:t.twMerge("absolute",m&&"left-[calc(100%_+_12px)] top-0",o&&"left-0 top-[calc(100%_+_12px)]",n),children:d})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("react"),r=(require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js")),s=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),a=(require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js"),require("next/link"),require("../../Feedbacks/RichTooltip/RichTooltip.js"));require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),module.exports=function(n){var u=n.size,u=void 0===u?"md":u,o=n.variant,o=void 0===o?"right":o,l=n.title,c=n.description,d=n.children,n=n.className,p="md"===u?"medium_information":"small_information",m="right"===o,o="down"===o,h=i.useState(!1),j=h[0],q=h[1];return e.jsxs(r,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[e.jsx(r,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:function(){return q(!0)},onMouseLeave:function(){return q(!1)},onClick:function(){return q(function(e){return!e})},children:e.jsx(s,{name:p,className:"text-w-gray-400",testId:"md"===u?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),j&&e.jsx(a,{title:l,description:c,className:t.twMerge("absolute",m&&"left-[calc(100%_+_12px)] top-0",o&&"left-0 top-[calc(100%_+_12px)]",n),children:d})]})};

package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js")),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("next/link"),require("../../Feedbacks/SnackBar/SnackBar.js"));require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),module.exports=function(t){var i=t.children,u=t.isOpen,n=t.message,l=t.type,t=t.onClose;return e.jsxs(s,{"data-testid":"design-system-with-message-bar",children:[e.jsx(s,{className:"w-full overflow-y-hidden",children:e.jsx(s,{className:r.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",u?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:e.jsx(s,{className:"pt-8",children:e.jsx(a,{message:n,type:l,onClose:t})})})}),i]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js")),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js"),require("next/link"),require("../../Feedbacks/SnackBar/SnackBar.js"));require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),module.exports=function(t){var i=t.children,u=t.isOpen,n=t.message,l=t.type,t=t.onClose;return e.jsxs(s,{"data-testid":"design-system-with-message-bar",children:[e.jsx(s,{className:"w-full overflow-y-hidden",children:e.jsx(s,{className:r.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",u?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:e.jsx(s,{className:"pt-8",children:e.jsx(a,{message:n,type:l,onClose:t})})})}),i]})};

package/dist/colors.js

@@ -1 +1 @@
-"use strict";var r=require("./constants/colors/w_primary.js"),s=require("./constants/colors/y_primary.js"),o=require("./constants/colors/w_secondary.js");exports.w_primary=r,exports.y_primary=s,exports.w_secondary=o;
+"use strict";var r=require("./constants/colors/colors.js");exports.w_bluegray=r.w_bluegray,exports.w_cyan=r.w_cyan,exports.w_gray=r.w_gray,exports.w_green=r.w_green,exports.w_indigo=r.w_indigo,exports.w_orange=r.w_orange,exports.w_primary=r.w_primary,exports.w_red=r.w_red,exports.w_secondary=r.w_secondary,exports.w_violet=r.w_violet,exports.w_yellow=r.w_yellow,exports.y_primary=r.y_primary;

package/dist/config/tailwind.config.js

@@ -4,6 +4,7 @@ const colors = require('../colors')
 
 const { customizedPlugin } = require('./tailwind-plugins');
 
+
 module.exports = {
   content: [
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
@@ -26,123 +27,20 @@ module.exports = {
       colors: {
         primary: colors.w_primary,
         secondary: colors.w_secondary,
-        'w-cyan': {
-          10: '#F2FCFF',
-          50: '#E8FAFF',
-          100: '#BFEDFA',
-          200: '#ABE3F2',
-          300: '#80C7DE',
-          400: '#5DB6D4',
-          500: '#3BA3C7',
-          600: '#369CC2',
-          700: '#3391BA',
-          800: '#308AB3',
-          900: '#2E82AB',
-        },
-        'w-indigo': {
-          10: '#F5F9FF',
-          50: '#E3EDFA',
-          100: '#CCDBED',
-          200: '#A6BFDE',
-          300: '#7DA3CC',
-          400: '#5487BA',
-          500: '#2E6BAA',
-          600: '#26619E',
-          700: '#1F578C',
-          800: '#1A4D80',
-          900: '#144570',
-        },
-        'w-red': {
-          10: '#FFF5F5',
-          50: '#FFE8E8',
-          100: '#FFC9C9',
-          200: '#ED9191',
-          300: '#ED6666',
-          400: '#EB3F3F',
-          500: '#E52929',
-          600: '#DB2121',
-          700: '#D11519',
-          800: '#C70006',
-          900: '#BF0006',
-        },
-        'w-orange': {
-          10: '#FFF9F5',
-          50: '#FFF0E8',
-          100: '#FFD6BF',
-          200: '#FFBB99',
-          300: '#FFA070',
-          400: '#FF8547',
-          500: '#FF6B21',
-          600: '#F4611D',
-          700: '#E65918',
-          800: '#DB5314',
-          900: '#D14B0F',
-        },
-        'w-yellow': {
-          10: '#FFFDF5',
-          50: '#FFF9E0',
-          100: '#FFEEB8',
-          200: '#FFE491',
-          300: '#FFDA6A',
-          400: '#FFD043',
-          500: '#FFC61C',
-          600: '#FFB012',
-          700: '#F79E0F',
-          800: '#F79205',
-          900: '#F28A05',
-        },
-        'w-green': {
-          10: '#F5FFFC',
-          50: '#EBFFF9',
-          100: '#C4EDE1',
-          200: '#93DBC6',
-          300: '#63C9AB',
-          400: '#30B891',
-          500: '#00A878',
-          600: '#009C6F',
-          700: '#009168',
-          800: '#008761',
-          900: '#007D59',
-        },
-        'w-bluegray': {
-          10: '#F7FAFC',
-          50: '#E6EBF0',
-          100: '#CCD1D6',
-          200: '#A1A6AD',
-          300: '#787D85',
-          400: '#4D525C',
-          500: '#383D47',
-          600: '#242933',
-          700: '#1C2029',
-          800: '#14171F',
-          900: '#0D0F14',
-        },
-        'w-gray': {
-          10: '#FAFAFA',
-          50: '#F5F5F5',
-          100: '#EEEEEE',
-          200: '#E0E0E0',
-          300: '#BDBDBD',
-          400: '#9E9E9E',
-          500: '#757575',
-          600: '#616161',
-          700: '#424242',
-          800: '#313131',
-          900: '#212121',
-        },
-        'w-violet': {
-          10: '#FAF6FF',
-          50: '#F2E8FC',
-          100: '#D6C1FA',
-          200: '#BB98F7',
-          300: '#9E6BF5',
-          400: '#8646F2',
-          500: '#6B16EE',
-          600: '#5A00DB',
-          700: '#400EC0',
-          800: '#3200AC',
-          900: '#110394',
-        },
+        success: colors.w_cyan,
+        progress: colors.w_green,
+        waiting: colors.w_yellow,
+        caution: colors.w_orange,
+        error: colors.w_red,
+        'w-cyan': colors.w_cyan,
+        'w-red': colors.w_red,
+        'w-orange': colors.w_orange,
+        'w-yellow': colors.w_yellow,
+        'w-green': colors.w_green,
+        'w-indigo': colors.w_indigo,
+        'w-bluegray': colors.w_bluegray,
+        'w-gray': colors.w_gray,
+        'w-violet': colors.w_violet,
         'w-black': '#000000',
         'w-white': '#ffffff',
         'w-primary': colors.w_primary,