@wishket/design-system 0.7.6 → 0.8.0

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

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

package/dist/Components/Atoms/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("react"),a=require("tailwind-merge"),n=function(e){e=e.checked;return r.jsxs("div",{className:"relative z-10 h-full w-full bg-transparent",children:[r.jsx("div",{className:a.twMerge("absolute left-[4px] top-[6px] h-[2px] origin-top-left rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[6px]":"w-0")}),r.jsx("div",{className:a.twMerge("absolute left-[6px] top-[10px] h-[2px] origin-top-left -rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[9px] delay-100":"w-0 delay-0")})]})},s=function(e){var i=e.type,s=e.disabled,t=e.checked,t=void 0!==t&&t,o=e.isError,c=e.isHover,d=e.isFocused,e=e.className;return r.jsx("div",{className:a.twMerge("relative inline-block aspect-square w-4 ring-1","circle"===i?"rounded-full":"rounded",s&&!t?"ring-w-gray-200 bg-w-gray-50 cursor-not-allowed":s&&t&&!o?"bg-w-cyan-100 ring-w-cyan-100 cursor-not-allowed":s&&t&&o?"bg-w-gray-200 ring-w-gray-200 cursor-not-allowed":t&&d&&!o?"bg-w-cyan-500 ring-w-cyan-500":t||!d||o?!t||s||o?t||s||!o?t&&!s&&o?"ring-w-red-500 bg-w-red-500":!c||s||t||o?"hover:ring-w-cyan-500 ring-w-gray-200 bg-white cursor-pointer":"ring-w-cyan-500":"ring-w-red-500":"bg-w-cyan-500 ring-w-cyan-500":"ring-w-cyan-500",e),role:"checkbox-button",children:r.jsx(n,{checked:t})})};module.exports=function(a){var n=a.checked,n=void 0!==n&&n,t=a.onChange,o=a.disabled,c=void 0!==o&&o,o=a.isError,o=void 0!==o&&o,d=a.isHover,d=void 0!==d&&d,l=a.type,l=void 0===l?"box":l,u=a.className,a=e.__rest(a,["checked","onChange","disabled","isError","isHover","type","className"]),g=i.useState(!1),w=g[0],b=g[1],g=i.useCallback(function(e){c||t&&t(e)},[t,c]);return r.jsxs("label",{"data-testid":"design-system-checkbox",children:[r.jsx("input",e.__assign({className:"absolute h-0 w-0 opacity-0",type:"checkbox",checked:n,onChange:g,onFocus:function(){b(!0)},onBlur:function(){b(!1)},disabled:c},a)),r.jsx(s,{checked:n,disabled:c,isError:o,isHover:d,isFocused:w,type:l,className:u})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),i=require("tailwind-merge"),s=function(e){e=e.checked;return r.jsxs("div",{className:"relative z-10 h-full w-full bg-transparent",children:[r.jsx("div",{className:i.twMerge("absolute left-[4px] top-[6px] h-[2px] origin-top-left rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[6px]":"w-0")}),r.jsx("div",{className:i.twMerge("absolute left-[6px] top-[10px] h-[2px] origin-top-left -rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[9px] delay-100":"w-0 delay-0")})]})},t=function(e){var a=e.type,n=e.disabled,t=e.checked,t=void 0!==t&&t,o=e.isError,c=e.isHover,d=e.isFocused,e=e.className;return r.jsx("div",{className:i.twMerge("relative inline-block aspect-square w-4 ring-1","circle"===a?"rounded-full":"rounded",n&&!t?"ring-w-gray-200 bg-w-gray-50 cursor-not-allowed":n&&t&&!o?"bg-w-cyan-100 ring-w-cyan-100 cursor-not-allowed":n&&t&&o?"bg-w-gray-200 ring-w-gray-200 cursor-not-allowed":t&&d&&!o?"bg-w-cyan-500 ring-w-cyan-500":t||!d||o?!t||n||o?t||n||!o?t&&!n&&o?"ring-w-red-500 bg-w-red-500":!c||n||t||o?"hover:ring-w-cyan-500 ring-w-gray-200 bg-white cursor-pointer":"ring-w-cyan-500":"ring-w-red-500":"bg-w-cyan-500 ring-w-cyan-500":"ring-w-cyan-500",e),role:"checkbox-button",children:r.jsx(s,{checked:t})})},n=a.forwardRef(function(i,n){var s=i.checked,o=void 0!==s&&s,c=i.onChange,s=i.disabled,d=void 0!==s&&s,s=i.isError,s=void 0!==s&&s,l=i.isHover,l=void 0!==l&&l,u=i.type,u=void 0===u?"box":u,g=i.className,i=e.__rest(i,["checked","onChange","disabled","isError","isHover","type","className"]),w=a.useState(o),b=w[0],h=w[1],w=a.useState(!1),p=w[0],y=w[1],w=(a.useEffect(function(){h(o)},[o]),a.useCallback(function(e){d||c&&(c(e),h(e.target.checked))},[c,d]));return r.jsxs("label",{"data-testid":"design-system-checkbox",children:[r.jsx("input",e.__assign({ref:n,className:"absolute h-0 w-0 opacity-0",type:"checkbox",checked:b,onChange:w,onFocus:function(){y(!0)},onBlur:function(){y(!1)},disabled:d},i)),r.jsx(t,{checked:b,disabled:d,isError:s,isHover:l,isFocused:p,type:u,className:g})]})});n.displayName="Checkbox",module.exports=n;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextInputProps } from './TextInput.types';
-declare const TextInput: ({ type, name, value, variant, placeholder, lable, startIcon, endIcon, maxLength, supportMessage, measure, isError, errorMessage, disabled, testId, onChange, isMaxLengthVisible, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default TextInput;

package/dist/Components/Atoms/TextInput/TextInput.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),s=require("tailwind-merge"),t=require("./parts/LabelContainer.js"),n=require("./parts/PasswordContainer.js"),i=require("./parts/SupportContainer.js");module.exports=function(o){var l=o.type,u=o.name,g=o.value,d=o.variant,d=void 0===d?"default":d,p=o.placeholder,c=o.lable,x=o.startIcon,h=o.endIcon,m=o.maxLength,w=o.supportMessage,b=o.measure,v=o.isError,f=o.errorMessage,j=o.disabled,j=void 0!==j&&j,y=o.testId,q=o.onChange,o=o.isMaxLengthVisible,o=void 0!==o&&o,L=a.useState(!1),M=L[0],_=L[1],L=a.useState(0),C=L[0],I=L[1],L={variant:d,type:l,name:u,value:g,placeholder:p,lable:c,maxLength:m,onChange:q,isFocused:M,isError:v,onFocus:function(){_(!0)},onBlur:function(){_(!1)},disabled:j};return a.useEffect(function(){"string"==typeof g&&m&&I(g.length)},[g,l,m]),r.jsxs("div",{className:"flex flex-col gap-2 bg-w-white","data-testid":y,children:[r.jsx("label",{role:"input-box",className:s.twMerge("flex shrink-0 cursor-text items-center gap-3 rounded-xl px-4 py-2.5 text-[16px] leading-[26px] text-w-gray-600 ring-1",j?"bg-w-gray-10":"bg-w-white",v?"ring-w-red-500":M?"ring-w-primary":"ring-w-gray-200 hover:ring-w-primary"),children:"password"===l?r.jsx(n,e.__assign({},L)):r.jsx(t,e.__assign({measure:b,startIcon:x,endIcon:h},L))}),(w||o||v)&&r.jsx(i,{isError:v,errorMessage:f,supportMessage:w,currentLength:C,maxLength:m})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),s=require("tailwind-merge"),t=require("./parts/LabelContainer.js"),n=require("./parts/PasswordContainer.js"),i=require("./parts/SupportContainer.js"),o=a.forwardRef(function(o,l){var g=o.type,u=o.name,d=o.value,p=o.onChange,c=o.maxLength,x=o.disabled,x=void 0!==x&&x,h=o.placeholder,m=o.lable,b=o.testId,f=o.measure,w=o.isError,v=o.endIcon,y=o.startIcon,j=o.errorMessage,M=o.supportMessage,_=o.variant,_=void 0===_?"default":_,I=o.isMaxLengthVisible,I=void 0!==I&&I,o=e.__rest(o,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible"]),L=a.useState(!1),q=L[0],C=L[1],L=a.useState(0),E=L[0],N=L[1],L=e.__assign({variant:_,type:g,name:u,value:d,placeholder:h,lable:m,maxLength:c,onChange:p,isFocused:q,isError:w,onFocus:function(){C(!0)},onBlur:function(){C(!1)},disabled:x},o),_=w||M||I;return a.useEffect(function(){"string"==typeof d&&c&&N(d.length)},[d,g,c]),r.jsxs("div",{className:"flex flex-col gap-2 bg-w-white","data-testid":b,children:[r.jsx("label",{role:"input-box",className:s.twMerge("flex shrink-0 cursor-text items-center gap-3 rounded-xl px-4 py-2.5 text-[16px] leading-[26px] text-w-gray-600 ring-1",x?"bg-w-gray-10":"bg-w-white",w?"ring-w-red-500":q?"ring-w-primary":"ring-w-gray-200 hover:ring-w-primary"),children:"password"===g?r.jsx(n,e.__assign({ref:l},L)):r.jsx(t,e.__assign({ref:l,measure:f,startIcon:y,endIcon:v},L))}),_&&r.jsx(i,{isError:w,errorMessage:j,supportMessage:M,currentLength:E,maxLength:c,isMaxLengthVisible:I})]})});o.displayName="TextInput",module.exports=o;

package/dist/Components/Atoms/TextInput/TextInput.types.d.ts

@@ -1,6 +1,6 @@
-import { ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 type variant = 'default' | 'lable' | 'lable_fixed';
-export interface TextInputProps extends ComponentPropsWithRef<'input'> {
+export interface TextInputProps extends ComponentPropsWithoutRef<'input'> {
     variant?: variant;
     lable?: string;
     isError?: boolean;
@@ -12,7 +12,7 @@ export interface TextInputProps extends ComponentPropsWithRef<'input'> {
     testId?: string;
     isMaxLengthVisible?: boolean;
 }
-export interface InputContainerProps extends ComponentPropsWithRef<'input'> {
+export interface InputContainerProps extends ComponentPropsWithoutRef<'input'> {
     variant: variant;
     lable?: string;
     isFocused?: boolean;
@@ -29,5 +29,6 @@ export interface SupportContainerProps {
     supportMessage?: string;
     currentLength?: number;
     maxLength?: number;
+    isMaxLengthVisible?: boolean;
 }
 export {};

package/dist/Components/Atoms/TextInput/parts/InputContainer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputContainerProps } from '../TextInput.types';
-declare const InputContainer: ({ type, name, value, lable, maxLength, placeholder, variant, disabled, isFocused, isError, onChange, onFocus, onBlur, }: InputContainerProps) => import("react/jsx-runtime").JSX.Element | undefined;
+declare const InputContainer: import("react").ForwardRefExoticComponent<InputContainerProps & import("react").RefAttributes<HTMLInputElement>>;
 export default InputContainer;

package/dist/Components/Atoms/TextInput/parts/InputContainer.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),l=require("tailwind-merge");module.exports=function(t){function r(){return p?"text-w-red-500":g?"text-w-primary":"text-w-gray-300"}var s=t.type,i=t.name,n=t.value,x=t.lable,u=t.maxLength,d=t.placeholder,o=t.variant,c=t.disabled,g=t.isFocused,p=t.isError,s={role:"text-input",type:s,name:i,value:n,onChange:t.onChange,onFocus:t.onFocus,onBlur:t.onBlur,maxLength:u,placeholder:d,disabled:c},i="w-full outline-none placeholder:text-w-gray-300 disabled:bg-w-gray-10",t=p?"text-w-red-500":"text-w-gray-700";return"default"===o?a.jsx("input",e.__assign({className:l.twMerge(i,t)},s)):"lable_fixed"===o?a.jsxs("div",{className:"flex w-full flex-col",children:[a.jsx("div",{className:l.twMerge("text-[11px] leading-[14px]",r()),children:x}),a.jsx("input",e.__assign({className:l.twMerge(i,t)},s))]}):"lable"===o?a.jsxs("label",{className:"relative flex w-full flex-col",children:[a.jsx("div",{className:l.twMerge("absolute",r(),g||n?"text-[11px] leading-[14px] transition-all duration-300":"translate-y-2 text-[16px] leading-[26px] transition-all duration-300"),children:x}),a.jsx("input",e.__assign({className:l.twMerge(i,t,"pt-[14px]")},s))]}):void 0};
+"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),l=require("tailwind-merge"),r=require("react").forwardRef(function(r,t){function n(){return w?"text-w-red-500":h?"text-w-primary":"text-w-gray-300"}var s=r.type,i=r.name,o=r.value,u=r.onFocus,d=r.onBlur,x=r.onChange,c=r.maxLength,g=r.disabled,p=r.placeholder,m=r.lable,w=r.isError,f=r.variant,h=r.isFocused,r=e.__rest(r,["type","name","value","onFocus","onBlur","onChange","maxLength","disabled","placeholder","lable","isError","variant","isFocused"]),s=e.__assign({role:"text-input",type:s,name:i,value:o,onChange:x,onFocus:u,onBlur:d,maxLength:c,placeholder:p,disabled:g},r),i="w-full outline-none placeholder:text-w-gray-300 disabled:bg-w-gray-10",x=w?"text-w-red-500":"text-w-gray-700";return"default"===f?a.jsx("input",e.__assign({ref:t,className:l.twMerge(i,x)},s)):"lable_fixed"===f?a.jsxs("div",{className:"flex w-full flex-col",children:[a.jsx("div",{className:l.twMerge("text-[11px] leading-[14px]",n()),children:m}),a.jsx("input",e.__assign({ref:t,className:l.twMerge(i,x)},s))]}):"lable"===f?a.jsxs("label",{className:"relative flex w-full flex-col",children:[a.jsx("div",{className:l.twMerge("absolute",n(),h||o?"text-[11px] leading-[14px] transition-all duration-300":"translate-y-2 text-[16px] leading-[26px] transition-all duration-300"),children:m}),a.jsx("input",e.__assign({ref:t,className:l.twMerge(i,x,"pt-[14px]")},s))]}):void 0});r.displayName="InputContainer",module.exports=r;

package/dist/Components/Atoms/TextInput/parts/LabelContainer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LabelContainerProps } from '../TextInput.types';
-declare const LabelContainer: ({ type, name, value, variant, lable, placeholder, startIcon, endIcon, maxLength, measure, isFocused, isError, onBlur, onFocus, disabled, onChange, }: LabelContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const LabelContainer: import("react").ForwardRefExoticComponent<LabelContainerProps & import("react").RefAttributes<HTMLInputElement>>;
 export default LabelContainer;

package/dist/Components/Atoms/TextInput/parts/LabelContainer.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("./Icon.js"),n=require("./InputContainer.js");module.exports=function(r){var s=r.type,i=r.name,l=r.value,o=r.variant,o=void 0===o?"default":o,t=r.lable,c=r.placeholder,u=r.startIcon,d=r.endIcon,x=r.maxLength,m=r.measure,h=r.isFocused,p=r.isError,v=r.onBlur,j=r.onFocus,g=r.disabled,g=void 0!==g&&g,r=r.onChange;return e.jsxs(e.Fragment,{children:[u&&e.jsx(a.Icon,{name:u,className:"flex w-[16px] shrink-0"}),e.jsx(n,{variant:o,type:s,value:l,name:i,placeholder:c,lable:t,maxLength:x,onChange:r,isFocused:h,isError:p,onFocus:j,onBlur:v,disabled:g}),m&&e.jsx("div",{className:"flex w-fit shrink-0 text-[14px] leading-6 text-w-gray-400",children:m}),d&&e.jsx(a.Icon,{name:d,className:"flex w-[16px] shrink-0"})]})};
+"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("./Icon.js"),s=require("./InputContainer.js"),i=r.forwardRef(function(r,i){var l=r.type,o=r.name,t=r.value,u=r.onBlur,c=r.onChange,d=r.onFocus,x=r.maxLength,m=r.placeholder,h=r.disabled,h=void 0!==h&&h,p=r.lable,v=r.measure,g=r.isError,f=r.endIcon,j=r.startIcon,b=r.isFocused,I=r.variant,I=void 0===I?"default":I,r=e.__rest(r,["type","name","value","onBlur","onChange","onFocus","maxLength","placeholder","disabled","lable","measure","isError","endIcon","startIcon","isFocused","variant"]);return a.jsxs(a.Fragment,{children:[j&&a.jsx(n.Icon,{name:j,className:"flex w-[16px] shrink-0"}),a.jsx(s,e.__assign({ref:i,variant:I,type:l,value:t,name:o,placeholder:m,lable:p,maxLength:x,onChange:c,isFocused:b,isError:g,onFocus:d,onBlur:u,disabled:h},r)),v&&a.jsx("div",{className:"flex w-fit shrink-0 text-[14px] leading-6 text-w-gray-400",children:v}),f&&a.jsx(n.Icon,{name:f,className:"flex w-[16px] shrink-0"})]})});i.displayName="LabelContainer",module.exports=i;

package/dist/Components/Atoms/TextInput/parts/PasswordContainer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputContainerProps } from '../TextInput.types';
-declare const PasswordContainer: ({ type, name, value, lable, maxLength, placeholder, variant, disabled, isFocused, isError, onChange, onFocus, onBlur, }: InputContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const PasswordContainer: import("react").ForwardRefExoticComponent<InputContainerProps & import("react").RefAttributes<HTMLInputElement>>;
 export default PasswordContainer;

package/dist/Components/Atoms/TextInput/parts/PasswordContainer.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),n=require("./Icon.js"),a=require("./InputContainer.js");module.exports=function(s){var o=s.type,t=s.name,i=s.value,u=s.lable,c=s.maxLength,l=s.placeholder,d=s.variant,m=s.disabled,x=s.isFocused,p=s.isError,h=s.onChange,j=s.onFocus,s=s.onBlur,o=r.useState("password"===o),v=o[0],g=o[1];return e.jsxs(e.Fragment,{children:[e.jsx(a,{variant:d,type:v?"password":"text",value:i,name:t,placeholder:l,lable:u,maxLength:c,onChange:h,isFocused:x,isError:p,onFocus:j,onBlur:s,disabled:m}),e.jsx("div",{onClick:function(){g(function(e){return!e})},className:"cursor-pointer",children:v?e.jsx(n.Icon,{name:"eye"}):e.jsx(n.Icon,{name:"close_eye"})})]})};
+"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),n=require("./Icon.js"),s=require("./InputContainer.js"),o=a.forwardRef(function(o,i){var t=o.type,l=o.name,u=o.value,c=o.lable,d=o.maxLength,m=o.placeholder,p=o.variant,h=o.disabled,x=o.isFocused,v=o.isError,j=o.onChange,g=o.onFocus,b=o.onBlur,o=e.__rest(o,["type","name","value","lable","maxLength","placeholder","variant","disabled","isFocused","isError","onChange","onFocus","onBlur"]),t=a.useState("password"===t),F=t[0],_=t[1];return r.jsxs(r.Fragment,{children:[r.jsx(s,e.__assign({ref:i,variant:p,type:F?"password":"text",value:u,name:l,placeholder:m,lable:c,maxLength:d,onChange:j,isFocused:x,isError:v,onFocus:g,onBlur:b,disabled:h},o)),r.jsx("div",{onClick:function(){_(function(e){return!e})},className:"cursor-pointer",children:F?r.jsx(n.Icon,{name:"eye"}):r.jsx(n.Icon,{name:"close_eye"})})]})});o.displayName="PasswordContainer",module.exports=o;

package/dist/Components/Atoms/TextInput/parts/SupportContainer.d.ts

@@ -1,3 +1,3 @@
 import { SupportContainerProps } from '../TextInput.types';
-declare const SupportContainer: ({ isError, errorMessage, supportMessage, currentLength, maxLength, }: SupportContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const SupportContainer: ({ isError, errorMessage, supportMessage, currentLength, maxLength, isMaxLengthVisible, }: SupportContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default SupportContainer;

package/dist/Components/Atoms/TextInput/parts/SupportContainer.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var s=t.isError,i=t.errorMessage,n=t.supportMessage,a=t.currentLength,t=t.maxLength;return e.jsxs("div",{role:"support-container",className:r.twMerge("flex justify-between px-4 text-[13px] leading-5",s?"text-w-red-500":"text-w-gray-400"),children:[e.jsx("div",{children:s?i:n}),t&&e.jsxs("div",{children:[a,"/",t]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var i=t.isError,s=t.errorMessage,n=t.supportMessage,a=t.currentLength,x=t.maxLength,t=t.isMaxLengthVisible,t=x&&(void 0===t||t);return e.jsxs("div",{role:"support-container",className:r.twMerge("flex justify-between px-4 text-[13px] leading-5",i?"text-w-red-500":"text-w-gray-400"),children:[e.jsx("div",{children:i?s:n}),t&&e.jsxs("div",{children:[a,"/",x]})]})};

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("../../../_virtual/_tslib.js"),require("react"),require("next/image"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(a){var d=a.disabled,d=void 0!==d&&d,o=a.checked,c=a.isError,c=void 0!==c&&c,n=a.onChange,h=a.isWide,h=void 0!==h&&h,l=a.className,x=a.iconName,m=a.title,C=a.description,a=a.testId,o=s({checked:void 0!==o&&o,disabled:d,onChange:n}),n=o.isHover,u=o.isChecked,b=o.hoverListItemContainer,g=o.unhoverListItemContainer,o=o.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:h,isHover:n,disabled:d,onMouseOver:b,onMouseOut:g,className:l,children:[e.jsx(i.StyledCheckbox,{isWide:h,checked:u,onChange:o,isError:c,isHover:n,disabled:d}),e.jsx(i.CheckboxCardIcon,{iconName:x,disabled:!!c||d}),e.jsxs(i.TitleContainer,{isWide:h,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",h?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:m}),C&&e.jsx(r,{variant:"body2",className:t.twMerge("font-medium",h?"text-left":"text-center",d?"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("../../../_virtual/_tslib.js"),require("../../Atoms/TextInput/TextInput.js"),require("next/image"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(a){var d=a.disabled,d=void 0!==d&&d,o=a.checked,n=a.isError,n=void 0!==n&&n,c=a.onChange,x=a.isWide,x=void 0!==x&&x,h=a.className,l=a.iconName,m=a.title,u=a.description,a=a.testId,o=s({checked:void 0!==o&&o,disabled:d,onChange:c}),c=o.isHover,C=o.isChecked,b=o.hoverListItemContainer,g=o.unhoverListItemContainer,o=o.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:C,isError:n,isWide:x,isHover:c,disabled:d,onMouseOver:b,onMouseOut:g,className:h,children:[e.jsx(i.StyledCheckbox,{isWide:x,checked:C,onChange:o,isError:n,isHover:c,disabled:d}),e.jsx(i.CheckboxCardIcon,{iconName:l,disabled:!!n||d}),e.jsxs(i.TitleContainer,{isWide:x,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",x?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:m}),u&&e.jsx(r,{variant:"body2",className:t.twMerge("font-medium",x?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:u})]})]})})};

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("next/image"),exports.CheckboxCardContainer=function(s){var t=s.children,a=s.isWide,n=s.checked,c=s.isError,o=s.isHover,d=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 ring-1",a?"min-h-[94px] w-[298px] flex-row p-[17px]":"min-h-fit w-[224px] flex-col justify-center px-[17px] pb-[25px] pt-[17px]",d?i.twMerge("cursor-not-allowed",n&&!c?"ring-w-cyan-100":"ring-w-gray-200"):c?"ring-w-red-500":n||o?"ring-w-cyan-500":"ring-w-gray-200",d?n&&!c?"bg-w-cyan-10":"bg-w-gray-10":n?c?"bg-w-red-10":"bg-w-cyan-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 h-[60px] w-[60px] items-center justify-center","data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:i,disabled:e})})},exports.StyledCheckbox=function(t){var a=t.isWide,n=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!a&&"absolute left-[17px] top-[17px]",n)},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",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/ProductIcon/ProductIcon.js");require("../../Atoms/TextInput/TextInput.js"),require("next/image"),exports.CheckboxCardContainer=function(s){var t=s.children,n=s.isWide,a=s.checked,c=s.isError,o=s.isHover,d=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 ring-1",n?"min-h-[94px] w-[298px] flex-row p-[17px]":"min-h-fit w-[224px] flex-col justify-center px-[17px] pb-[25px] pt-[17px]",d?i.twMerge("cursor-not-allowed",a&&!c?"ring-w-cyan-100":"ring-w-gray-200"):c?"ring-w-red-500":a||o?"ring-w-cyan-500":"ring-w-gray-200",d?a&&!c?"bg-w-cyan-10":"bg-w-gray-10":a?c?"bg-w-red-10":"bg-w-cyan-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 h-[60px] w-[60px] items-center justify-center","data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:i,disabled:e})})},exports.StyledCheckbox=function(t){var n=t.isWide,a=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!n&&"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",s?"items-start":"items-center"),children:e})};

package/dist/Components/Molecules/CheckboxList/CheckboxListItem.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"),c=(require("next/image"),function(s){var a=s.children,t=s.disabled,c=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-checkbox-list-item-container grid-rows-checkbox-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-checkbox-list-item-container",t?"cursor-not-allowed":"cursor-pointer",c)},s,{children:a}))});module.exports=function(e){var r=e.label,n=e.description,d=e.checked,o=e.disabled,o=void 0!==o&&o,l=e.isError,l=void 0!==l&&l,m=e.className,x=e.CheckboxClassName,e=e.onChange,h=s.useState(!1),g=h[0],u=h[1];return i.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:o,className:m,onMouseOver:function(){u(!0)},onMouseOut:function(){u(!1)},children:[i.jsx("div",{className:"grid-in-checkbox",children:i.jsx(t,{checked:d,isHover:g,isError:l,disabled:o,onChange:e,className:x})}),i.jsx("div",{className:"grid-in-label",children:i.jsx(a,{variant:"body2",className:o?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:r})}),n&&i.jsx("div",{className:"grid-in-description",children:i.jsx(a,{variant:"body3",className:o?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:n})})]})};
+"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/TextInput/TextInput.js"),require("next/image"),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-[2px] grid-areas-checkbox-list-item-container",a?"cursor-not-allowed":"cursor-pointer",c)},i,{children:t}))});module.exports=function(e){var r=e.label,n=e.description,d=e.checked,o=e.disabled,o=void 0!==o&&o,l=e.isError,l=void 0!==l&&l,m=e.className,x=e.CheckboxClassName,e=e.onChange,h=i.useState(!1),u=h[0],g=h[1];return s.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:o,className:m,onMouseOver:function(){g(!0)},onMouseOut:function(){g(!1)},children:[s.jsx("div",{className:"grid-in-checkbox",children:s.jsx(a,{checked:d,isHover:u,isError:l,disabled:o,onChange:e,className:x})}),s.jsx("div",{className:"grid-in-label",children:s.jsx(t,{variant:"body2",className:o?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:r})}),n&&s.jsx("div",{className:"grid-in-description",children:s.jsx(t,{variant:"body3",className:o?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:n})})]})};

package/dist/Components/Molecules/IconMessageCard/IconMessageCard.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),s=(require("../../../_virtual/_tslib.js"),require("react"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=require("../../Atoms/ProductIcon/ProductIcon.js"),a=require("../../Atoms/Divider/Divider.js"),t=(require("next/image"),require("./IconMessageCard.parts.js"));module.exports=function(n){var c=n.icon,d=n.title,o=n.description,n=n.links;return e.jsxs(s,{className:"flex h-auto flex-col rounded-xl border border-w-gray-200","data-testid":"design-system-icon-message-card--container",children:[e.jsxs(s,{className:"flex h-auto flex-col gap-4 border-w-gray-200 p-6",children:[c&&e.jsx(i,{name:c,size:"medium"}),e.jsxs(s,{className:"flex h-auto flex-col gap-1.5",children:[e.jsx(r,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-icon-message-card--title",children:d}),o&&e.jsx(r,{variant:"body1",className:"whitespace-pre-line text-w-gray-600","data-testid":"design-system-icon-message-card--description",children:o})]})]}),n&&0<n.length&&e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(t.ExternalLinks,{links:n})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),s=(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("../../Atoms/TextInput/TextInput.js"),require("../../Atoms/Divider/Divider.js")),a=(require("next/image"),require("./IconMessageCard.parts.js"));module.exports=function(n){var o=n.icon,c=n.title,d=n.description,n=n.links;return e.jsxs(s,{className:"flex h-auto flex-col rounded-xl border border-w-gray-200","data-testid":"design-system-icon-message-card--container",children:[e.jsxs(s,{className:"flex h-auto flex-col gap-4 border-w-gray-200 p-6",children:[o&&e.jsx(i,{name:o,size:"medium"}),e.jsxs(s,{className:"flex h-auto flex-col gap-1.5",children:[e.jsx(r,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-icon-message-card--title",children:c}),d&&e.jsx(r,{variant:"body1",className:"whitespace-pre-line text-w-gray-600","data-testid":"design-system-icon-message-card--description",children:d})]})]}),n&&0<n.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(a.ExternalLinks,{links:n})]})]})};

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

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

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"),r=require("react"),s=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=require("../../Atoms/Radio/Radio.js"),d=(require("next/image"),function(r){var a=r.children,t=r.disabled,d=r.className,r=e.__rest(r,["children","disabled","className"]);return i.jsx("label",e.__assign({className:s.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)},r,{children:a}))});module.exports=function(e){var s=e.name,n=e.value,o=e.label,l=e.description,c=e.checked,m=e.disabled,m=void 0!==m&&m,u=e.isError,u=void 0!==u&&u,g=e.className,x=e.RadioClassName,e=e.onChange,h=r.useState(!1),v=h[0],y=h[1];return i.jsxs(d,{"data-testid":"design-system-radioList--item",disabled:m,className:g,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[i.jsx("div",{className:"cursor-pointer grid-in-radio",children:i.jsx(t,{name:s,value:n,checked:c,isHover:v,isError:u,disabled:m,onChange:e,className:x})}),i.jsx("div",{className:"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:o})}),l&&i.jsx("div",{className:"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"),r=require("react"),s=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Radio/Radio.js")),d=(require("../../Atoms/TextInput/TextInput.js"),require("next/image"),function(r){var a=r.children,t=r.disabled,d=r.className,r=e.__rest(r,["children","disabled","className"]);return i.jsx("label",e.__assign({className:s.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)},r,{children:a}))});module.exports=function(e){var s=e.name,n=e.value,o=e.label,l=e.description,c=e.checked,m=e.disabled,m=void 0!==m&&m,u=e.isError,u=void 0!==u&&u,g=e.className,x=e.RadioClassName,e=e.onChange,h=r.useState(!1),p=h[0],v=h[1];return i.jsxs(d,{"data-testid":"design-system-radioList--item",disabled:m,className:g,onMouseOver:function(){v(!0)},onMouseOut:function(){v(!1)},children:[i.jsx("div",{className:"cursor-pointer grid-in-radio",children:i.jsx(t,{name:s,value:n,checked:c,isHover:p,isError:u,disabled:m,onChange:e,className:x})}),i.jsx("div",{className:"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:o})}),l&&i.jsx("div",{className:"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/WithBadge/WithBadge.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/Badge/Badge.js"));require("next/image"),module.exports=function(a){var i=a.text,s=a.children,d=a.className,l=a.variant,l=void 0===l?"small":l,o=a.showZero,o=void 0!==o&&o,a=a.disabled,a=void 0!==a&&a;return e.jsxs("div",{className:r.twMerge("relative w-fit",d),"data-testid":"with-badge",children:[s,e.jsx(t,{text:i,variant:l,disabled:a,showZero:o,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Badge/Badge.js"));require("../../Atoms/TextInput/TextInput.js"),require("next/image"),module.exports=function(a){var s=a.text,i=a.children,o=a.className,d=a.variant,d=void 0===d?"small":d,l=a.showZero,l=void 0!==l&&l,a=a.disabled,a=void 0!==a&&a;return e.jsxs("div",{className:t.twMerge("relative w-fit",o),"data-testid":"with-badge",children:[i,e.jsx(r,{text:s,variant:d,disabled:a,showZero:l,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react"),s=require("./hooks/usePreventScroll.js"),n=r.createContext({isOpen:!1,setOpen:function(){},hasBackground:!0,isPreventClose:!1,size:"md"}),i=function(){var s=r.useContext(n),i=s.isOpen,s=s.hasBackground;return e.jsx(e.Fragment,{children:i&&e.jsx("div",{"data-testid":"design-system-modal--background",className:t.twMerge("fixed left-0 top-0 z-30 h-[100vh] w-[100vw]",s?" bg-black bg-opacity-40":"bg-transparent")})})};exports.Content=function(o){var a=o.children,d=o.testId,c=o.role,o=o.className,l=r.useContext(n),u=l.isOpen,x=l.size,v=l.hasBackground,l=l.isPreventClose;return s(u),e.jsxs(e.Fragment,{children:[u&&l&&e.jsx(i,{}),u&&e.jsx("div",{role:c,"data-testid":d,className:t.twMerge("fixed left-[50%] top-[50%] z-40 box-border flex translate-x-[-50%] translate-y-[-50%] items-center justify-center overflow-auto rounded-[30px] bg-w-white px-[15px] py-[15px]",!v&&"shadow-modal","sm"===x&&"h-1/3 w-3/12","md"===x&&"h-1/2 w-1/3","lg"===x&&"h-2/3 w-5/12",o),children:a})]})},exports.Root=function(t){var s=t.children,i=t.hasBackground,i=void 0===i||i,o=t.isPreventClose,o=void 0!==o&&o,t=t.size,t=void 0===t?"md":t,a=r.useState(!1),d=a[0],c=a[1];return e.jsx(n.Provider,{value:{isOpen:d,setOpen:function(){c(function(e){return!e})},hasBackground:i,isPreventClose:o,size:t},children:s})},exports.Trigger=function(t){var s=t.children,t=t.testId,o=r.useContext(n),a=o.isOpen,d=o.setOpen,o=o.isPreventClose;return e.jsxs("div",{"data-testid":t,onClick:d,children:[s,a&&!o&&e.jsx(i,{})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("react"),r=require("./hooks/usePreventScroll.js"),n=s.createContext({isOpen:!1,setOpen:function(){},hasBackground:!0,isPreventClose:!1,size:"md"}),i=function(){var r=s.useContext(n),i=r.isOpen,r=r.hasBackground;return e.jsx(e.Fragment,{children:i&&e.jsx("div",{"data-testid":"design-system-modal--background",className:t.twMerge("fixed left-0 top-0 z-30 h-[100vh] w-[100vw]",r?" bg-black bg-opacity-40":"bg-transparent")})})};exports.Content=function(o){var a=o.children,d=o.testId,c=o.role,o=o.className,l=s.useContext(n),u=l.isOpen,x=l.size,p=l.hasBackground,l=l.isPreventClose;return r(u),e.jsxs(e.Fragment,{children:[u&&l&&e.jsx(i,{}),u&&e.jsx("div",{role:c,"data-testid":d,className:t.twMerge("fixed left-[50%] top-[50%] z-40 box-border flex translate-x-[-50%] translate-y-[-50%] items-center justify-center overflow-auto rounded-[30px] bg-w-white px-[15px] py-[15px]",!p&&"shadow-modal","sm"===x&&"size-[400px]","md"===x&&"size-[500px]","lg"===x&&"size-[600px]","xl"===x&&"size-[1000px]",o),children:a})]})},exports.Root=function(t){var r=t.children,i=t.hasBackground,i=void 0===i||i,o=t.isPreventClose,o=void 0!==o&&o,t=t.size,t=void 0===t?"md":t,a=s.useState(!1),d=a[0],c=a[1];return e.jsx(n.Provider,{value:{isOpen:d,setOpen:function(){c(function(e){return!e})},hasBackground:i,isPreventClose:o,size:t},children:r})},exports.Trigger=function(t){var r=t.children,t=t.testId,o=s.useContext(n),a=o.isOpen,d=o.setOpen,o=o.isPreventClose;return e.jsxs("div",{"data-testid":t,onClick:d,children:[r,a&&!o&&e.jsx(i,{})]})};

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

@@ -3,7 +3,7 @@ export interface ModalRootProps {
     children: ReactNode;
     hasBackground?: boolean;
     isPreventClose?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
 }
 export interface ModalTriggerProps {
     setOpen?: () => void;

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"),i=require("tailwind-merge"),a=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Box/Box.js")),n=require("../../Atoms/Divider/Divider.js"),r=(require("next/image"),t.createContext({activeTab:0,defaultActive:0,animationDirection:"right",isFit:!0,hasPadding:!1,handleTabClick:function(e){}}));exports.Panel=function(i){var n=i.children,i=i.index;return t.useContext(r).activeTab===i&&e.jsx(a,{"data-testid":"design-system-textTab--content",children:n})},exports.Root=function(i){function a(e){if(e===d)return m(void 0);d<e&&m("right"),e<d&&m("left"),null!=c&&c(),u(e)}var n=i.children,s=i.defaultActive,o=void 0===s?0:s,s=i.isFit,s=void 0===s||s,l=i.hasPadding,l=void 0!==l&&l,c=i.onChange,i=t.useState(o),d=i[0],u=i[1],i=t.useState(void 0),x=i[0],m=i[1];return t.useEffect(function(){a(o)},[o]),e.jsx(r.Provider,{value:{activeTab:d,animationDirection:x,defaultActive:o,isFit:s,hasPadding:l,handleTabClick:a},children:n})},exports.Tab=function(n){var s=n.children,o=n.index,l=n.className,c=n.barColor,n=n.disabled,d=void 0!==n&&n,n=t.useContext(r),u=n.isFit,x=n.handleTabClick,m=n.activeTab,n=n.animationDirection,m=o===m;return e.jsx(a,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(o),className:i.twMerge("flex w-max cursor-pointer items-center rounded-xl hover:font-medium",d&&"cursor-not-allowed",l),onClick:function(){d||x(o)},children:e.jsxs(a,{className:i.twMerge("relative flex w-max items-center justify-center gap-2 py-3.5 text-w-gray-400",!u&&"px-[33.5px]",m&&"text-w-gray-900"),children:[s,e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(o),className:i.twMerge("absolute -bottom-px left-0 h-0.5 w-full rounded-t-lg bg-transparent",m&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(n||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),c)})]})})},exports.Tabs=function(s){var s=s.children,o=t.useContext(r).hasPadding;return e.jsxs(e.Fragment,{children:[e.jsx(a,{className:i.twJoin("no-scrollbar block w-full items-start overflow-x-scroll text-center",o&&"px-9"),"data-testid":"design-system-textTab--container",children:e.jsx(a,{className:"mb-px inline-flex min-w-max gap-10",children:s})}),e.jsx(n,{className:"w-full"})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),a=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),r=(require("../../Atoms/TextInput/TextInput.js"),require("../../Atoms/Divider/Divider.js")),n=(require("next/image"),t.createContext({activeTab:0,defaultActive:0,animationDirection:"right",isFit:!0,hasPadding:!1,handleTabClick:function(e){}}));exports.Panel=function(i){var r=i.children,i=i.index;return t.useContext(n).activeTab===i&&e.jsx(a,{"data-testid":"design-system-textTab--content",children:r})},exports.Root=function(i){function a(e){if(e===d)return m(void 0);d<e&&m("right"),e<d&&m("left"),null!=c&&c(),u(e)}var r=i.children,s=i.defaultActive,o=void 0===s?0:s,s=i.isFit,s=void 0===s||s,l=i.hasPadding,l=void 0!==l&&l,c=i.onChange,i=t.useState(o),d=i[0],u=i[1],i=t.useState(void 0),x=i[0],m=i[1];return t.useEffect(function(){a(o)},[o]),e.jsx(n.Provider,{value:{activeTab:d,animationDirection:x,defaultActive:o,isFit:s,hasPadding:l,handleTabClick:a},children:r})},exports.Tab=function(r){var s=r.children,o=r.index,l=r.className,c=r.barColor,r=r.disabled,d=void 0!==r&&r,r=t.useContext(n),u=r.isFit,x=r.handleTabClick,m=r.activeTab,r=r.animationDirection,m=o===m;return e.jsx(a,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(o),className:i.twMerge("flex w-max cursor-pointer items-center rounded-xl hover:font-medium",d&&"cursor-not-allowed",l),onClick:function(){d||x(o)},children:e.jsxs(a,{className:i.twMerge("relative flex w-max items-center justify-center gap-2 py-3.5 text-w-gray-400",!u&&"px-[33.5px]",m&&"text-w-gray-900"),children:[s,e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(o),className:i.twMerge("absolute -bottom-px left-0 h-0.5 w-full rounded-t-lg bg-transparent",m&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(r||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),c)})]})})},exports.Tabs=function(s){var s=s.children,o=t.useContext(n).hasPadding;return e.jsxs(e.Fragment,{children:[e.jsx(a,{className:i.twJoin("no-scrollbar block w-full items-start overflow-x-scroll",o&&"px-9"),"data-testid":"design-system-textTab--container",children:e.jsx(a,{className:"mb-px inline-flex min-w-max gap-10",children:s})}),e.jsx(r,{className:"w-full"})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "0.7.6",
+  "version": "0.8.0",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",