@wishket/design-system 1.0.3 → 1.0.5

package/dist/Components/Atoms/Avatar/Avatar.js

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

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

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

package/dist/Components/Atoms/ChoiceChip/ChoiceChip.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const generateBackgroundColor: (checked: boolean, error: boolean) => "bg-primary-50" | "bg-w-gray-50";
 export declare const generateBackgroundPadding: (leadingIconExist: boolean) => "py-1 pl-1 pr-4" | "py-[7px] px-4";
-export declare const generateLabelStyle: (checked: boolean, error: boolean) => "text-w-red-500" | "text-w-primary" | "text-w-gray-900";
-export declare const generateLeadingIconColor: (checked: boolean, error: boolean) => "text-w-primary" | "text-w-gray-600";
-export declare const generateTrailingIconStyle: (checked: boolean, error: boolean) => "text-w-primary" | "text-w-gray-400";
+export declare const generateLabelStyle: (checked: boolean, error: boolean) => "text-w-red-500" | "text-primary" | "text-w-gray-900";
+export declare const generateLeadingIconColor: (checked: boolean, error: boolean) => "text-primary" | "text-w-gray-600";
+export declare const generateTrailingIconStyle: (checked: boolean, error: boolean) => "text-primary" | "text-w-gray-400";

package/dist/Components/Atoms/ChoiceChip/ChoiceChip.styles.js

@@ -1 +1 @@
-"use strict";exports.generateBackgroundColor=function(r,e){return r&&!e?"bg-primary-50":"bg-w-gray-50"},exports.generateBackgroundPadding=function(r){return r?"py-1 pl-1 pr-4":"py-[7px] px-4"},exports.generateLabelStyle=function(r,e){return e?"text-w-red-500":r?"text-w-primary":"text-w-gray-900"},exports.generateLeadingIconColor=function(r,e){return r&&!e?"text-w-primary":"text-w-gray-600"},exports.generateTrailingIconStyle=function(r,e){return r&&!e?"text-w-primary":"text-w-gray-400"};
+"use strict";exports.generateBackgroundColor=function(r,e){return r&&!e?"bg-primary-50":"bg-w-gray-50"},exports.generateBackgroundPadding=function(r){return r?"py-1 pl-1 pr-4":"py-[7px] px-4"},exports.generateLabelStyle=function(r,e){return e?"text-w-red-500":r?"text-primary":"text-w-gray-900"},exports.generateLeadingIconColor=function(r,e){return r&&!e?"text-primary":"text-w-gray-600"},exports.generateTrailingIconStyle=function(r,e){return r&&!e?"text-primary":"text-w-gray-400"};

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

@@ -0,0 +1,6 @@
+export type ImageLabelType = 'new_circle' | 'new' | 'beta' | 'ai' | 'premium' | 'pro';
+export interface ImageLabelProps {
+    type: ImageLabelType;
+}
+declare const ImageLabel: ({ type }: ImageLabelProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageLabel;

package/dist/Components/Atoms/ImageLabel/ImageLabel.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("./parts/NewCircle.js"),s=require("./parts/New.js"),t=require("./parts/Beta.js"),a=require("./parts/Ai.js"),i=require("./parts/Premium.js"),u=require("./parts/Pro.js");module.exports=function(n){var c=n.type;return e.jsx("div",{"data-testid":"design-system-imageLabel",className:"text-primary",children:e.jsx(function(){switch(c){case"new_circle":return e.jsx(r,{});case"new":return e.jsx(s,{});case"beta":return e.jsx(t,{});case"ai":return e.jsx(a,{});case"premium":return e.jsx(i,{});case"pro":return e.jsx(u,{});default:return null}},{})})};

package/dist/Components/Atoms/{TextLabel/TextLabel.stories.d.ts → ImageLabel/ImageLabel.stories.d.ts}

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

package/dist/Components/Atoms/ImageLabel/index.d.ts

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

package/dist/Components/Atoms/ImageLabel/index.js

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

package/dist/Components/Atoms/ImageLabel/parts/Ai.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(){return e.jsx("svg",{width:"11",height:"8",viewBox:"0 0 11 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-ai",children:e.jsx("path",{d:"M0.577383 8L3.01879 0.929688H4.90355L7.34984 8H5.7727L3.99047 2.52637H3.93188L2.14477 8H0.577383ZM5.84105 5.22168V6.36914H2.06664V5.22168H5.84105ZM8.62574 2.69727H10.0711V8H8.62574V2.69727ZM9.3484 1.99902C9.20517 1.99902 9.07333 1.96647 8.95289 1.90137C8.83245 1.83626 8.73642 1.74674 8.6648 1.63281C8.59319 1.51888 8.55738 1.39681 8.55738 1.2666C8.55738 1.13314 8.59319 1.01107 8.6648 0.900391C8.73642 0.786458 8.83245 0.69694 8.95289 0.631836C9.07333 0.566732 9.20517 0.53418 9.3484 0.53418C9.49163 0.53418 9.62346 0.566732 9.74391 0.631836C9.86435 0.69694 9.95875 0.786458 10.0271 0.900391C10.0987 1.01107 10.1345 1.13314 10.1345 1.2666C10.1345 1.39681 10.0987 1.51888 10.0271 1.63281C9.95875 1.74674 9.86435 1.83626 9.74391 1.90137C9.62346 1.96647 9.49163 1.99902 9.3484 1.99902Z",fill:"currentColor"})})};

package/dist/Components/Atoms/ImageLabel/parts/Beta.js

@@ -0,0 +1 @@
+"use strict";var C=require("react/jsx-runtime");module.exports=function(){return C.jsx("svg",{width:"27",height:"8",viewBox:"0 0 27 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-beta",children:C.jsx("path",{d:"M0.885468 0.929688H3.69797C4.20253 0.929688 4.63059 1.00618 4.98215 1.15918C5.33371 1.30892 5.59738 1.52051 5.77316 1.79395C5.9522 2.06413 6.04172 2.38151 6.04172 2.74609C6.04172 3.01302 5.98638 3.25065 5.8757 3.45898C5.76828 3.66732 5.61854 3.83984 5.42648 3.97656C5.23768 4.11003 5.01796 4.20443 4.7673 4.25977V4.32812C5.03749 4.34115 5.29139 4.41927 5.52902 4.5625C5.76665 4.70573 5.95708 4.90592 6.10031 5.16309C6.24354 5.41699 6.31516 5.71322 6.31516 6.05176C6.31516 6.42936 6.22238 6.76465 6.03684 7.05762C5.85129 7.35059 5.5746 7.58171 5.20676 7.75098C4.84217 7.91699 4.40109 8 3.88352 8H0.885468V0.929688ZM3.58566 6.79395C3.86236 6.79395 4.09022 6.75814 4.26926 6.68652C4.45155 6.61165 4.58501 6.50911 4.66965 6.37891C4.75428 6.24544 4.7966 6.08757 4.7966 5.90527C4.7966 5.70996 4.7494 5.53418 4.655 5.37793C4.5606 5.22168 4.42388 5.10286 4.24484 5.02148C4.06906 4.93685 3.86236 4.89453 3.62473 4.89453H2.35031V6.79395H3.58566ZM3.47824 3.89355C3.68332 3.89355 3.86724 3.85612 4.03 3.78125C4.19602 3.70638 4.3246 3.60059 4.41574 3.46387C4.51014 3.32715 4.55734 3.16602 4.55734 2.98047C4.55734 2.80469 4.51665 2.65332 4.43527 2.52637C4.35389 2.39616 4.23345 2.29688 4.07395 2.22852C3.9177 2.1569 3.72889 2.12109 3.50754 2.12109H2.35031V3.89355H3.47824ZM7.73266 0.929688H12.4787V2.14062H9.1975V3.85938H12.2297V5.06543H9.1975V6.78906H12.4885V8H7.73266V0.929688ZM13.8181 0.929688H19.6091V2.14062H17.4412V8H15.991V2.14062H13.8181V0.929688ZM19.7425 8L22.1839 0.929688H24.0686L26.5149 8H24.9378L23.1555 2.52637H23.097L21.3098 8H19.7425ZM25.0061 5.22168V6.36914H21.2317V5.22168H25.0061Z",fill:"currentColor"})})};

package/dist/Components/Atoms/ImageLabel/parts/New.js

@@ -0,0 +1 @@
+"use strict";var H=require("react/jsx-runtime");module.exports=function(){return H.jsx("svg",{width:"24",height:"8",viewBox:"0 0 24 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-new",children:H.jsx("path",{d:"M6.52488 8H5.25535L2.14988 3.50781H2.09617V8H0.631329V0.929688H1.92039L5.00145 5.41699H5.06492V0.929688H6.52488V8ZM8.21094 0.929688H12.957V2.14062H9.67578V3.85938H12.708V5.06543H9.67578V6.78906H12.9668V8H8.21094V0.929688ZM14.1402 0.929688H15.7368L16.9234 5.87109H16.9868L18.2808 0.929688H19.6675L20.9663 5.88574H21.0249L22.2114 0.929688H23.8081L21.7915 8H20.3511L19.0034 3.33203H18.9497L17.5972 8H16.1616L14.1402 0.929688Z",fill:"currentColor"})})};

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

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

package/dist/Components/Atoms/ImageLabel/parts/Premium.js

@@ -0,0 +1 @@
+"use strict";var t=require("react/jsx-runtime");module.exports=function(){return t.jsxs("svg",{width:"74",height:"26",viewBox:"0 0 74 26",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-premium",children:[t.jsx("rect",{x:"1",y:"1",width:"72",height:"24",rx:"9",fill:"url(#paint0_linear_4078_2257)"}),t.jsx("rect",{x:"1",y:"1",width:"72",height:"24",rx:"9",stroke:"white",strokeWidth:"2"}),t.jsx("path",{d:"M8.80268 8.72266H11.8427C12.4228 8.72266 12.9223 8.83366 13.3412 9.05566C13.7638 9.27409 14.0843 9.58203 14.3027 9.97949C14.5211 10.377 14.6303 10.8335 14.6303 11.3491C14.6303 11.8683 14.5175 12.3249 14.2919 12.7188C14.0699 13.109 13.7459 13.4152 13.3198 13.6372C12.8972 13.8556 12.3924 13.9648 11.8051 13.9648H9.85004V12.665H11.5527C11.8642 12.665 12.1256 12.6113 12.3369 12.5039C12.5517 12.3929 12.711 12.2389 12.8149 12.042C12.9187 11.8451 12.9706 11.6141 12.9706 11.3491C12.9706 11.0841 12.9187 10.855 12.8149 10.6616C12.711 10.4647 12.5517 10.3143 12.3369 10.2104C12.1256 10.103 11.8624 10.0493 11.5473 10.0493H10.414V16.5H8.80268V8.72266ZM16.1362 8.72266H19.1762C19.7635 8.72266 20.2648 8.8265 20.6801 9.03418C21.0991 9.23828 21.4178 9.5319 21.6362 9.91504C21.8546 10.2982 21.9638 10.7458 21.9638 11.2578C21.9638 11.7663 21.8528 12.2085 21.6308 12.5845C21.4124 12.9569 21.0901 13.2433 20.664 13.4438C20.2379 13.6408 19.7295 13.7393 19.1386 13.7393H17.0815V12.4233H18.8862C19.2085 12.4233 19.4734 12.3804 19.6811 12.2944C19.8888 12.2049 20.0446 12.0742 20.1484 11.9023C20.2522 11.7305 20.3042 11.5156 20.3042 11.2578C20.3042 10.9928 20.2522 10.7708 20.1484 10.5918C20.0446 10.4128 19.887 10.2785 19.6757 10.189C19.4645 10.0959 19.1995 10.0493 18.8808 10.0493H17.7475V16.5H16.1362V8.72266ZM22.2431 16.5H20.4492L18.5639 12.9658H20.3095L22.2431 16.5ZM25.1777 16.5H23.5664V8.72266H25.1777V16.5ZM28.9663 8.72266L31.1309 13.9917H31.2222L33.3813 8.72266H35.374V16.5H33.8057V11.4028H33.7412L31.7109 16.4624H30.6313L28.6064 11.3921H28.542V16.5H26.979V8.72266H28.9663ZM38.7813 16.5H37.1699V8.72266H38.7813V16.5ZM47.0118 8.72266V13.7769C47.0118 14.3354 46.8775 14.8278 46.6089 15.2539C46.344 15.68 45.968 16.013 45.481 16.2529C44.994 16.4893 44.4318 16.6074 43.7945 16.6074C43.1535 16.6074 42.5913 16.4893 42.1079 16.2529C41.6245 16.013 41.2486 15.68 40.98 15.2539C40.715 14.8278 40.5826 14.3354 40.5826 13.7769V8.72266H42.1939V13.6426C42.1939 13.9362 42.2601 14.2012 42.3926 14.4375C42.5251 14.6702 42.7131 14.8547 42.9566 14.9907C43.2001 15.1232 43.4794 15.1895 43.7945 15.1895C44.1132 15.1895 44.3942 15.1232 44.6377 14.9907C44.8812 14.8547 45.0674 14.6702 45.1963 14.4375C45.3288 14.2012 45.3951 13.9362 45.3951 13.6426V8.72266H47.0118ZM50.795 8.72266L52.9595 13.9917H53.0508L55.21 8.72266H57.2027V16.5H55.6343V11.4028H55.5699L53.5396 16.4624H52.46L50.4351 11.3921H50.3707V16.5H48.8077V8.72266H50.795Z",fill:"white"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M65.0908 11.9091L63.9999 9L62.909 11.9091L60 13L62.909 14.0909L63.9999 17L65.0908 14.0909L68 13L65.0908 11.9091Z",fill:"white"}),t.jsx("defs",{children:t.jsxs("linearGradient",{id:"paint0_linear_4078_2257",x1:"0",y1:"0",x2:"72.9657",y2:"27.7029",gradientUnits:"userSpaceOnUse",children:[t.jsx("stop",{stopColor:"#1879D5"}),t.jsx("stop",{offset:"0.205",stopColor:"#075DAE"}),t.jsx("stop",{offset:"0.503164",stopColor:"#02427F"}),t.jsx("stop",{offset:"0.8",stopColor:"#062D52"}),t.jsx("stop",{offset:"1",stopColor:"#081826"})]})})]})};

package/dist/Components/Atoms/ImageLabel/parts/Pro.js

@@ -0,0 +1 @@
+"use strict";var C=require("react/jsx-runtime");module.exports=function(){return C.jsxs("svg",{width:"40",height:"26",viewBox:"0 0 40 26",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-pro",children:[C.jsx("rect",{x:"1",y:"1",width:"38",height:"24",rx:"9",fill:"url(#paint0_linear_4078_2270)"}),C.jsx("rect",{x:"1",y:"1",width:"38",height:"24",rx:"9",stroke:"white",strokeWidth:"2"}),C.jsx("path",{d:"M9.13768 8.72266H12.1777C12.7578 8.72266 13.2573 8.83366 13.6763 9.05566C14.0988 9.27409 14.4193 9.58203 14.6377 9.97949C14.8561 10.377 14.9653 10.8335 14.9653 11.3491C14.9653 11.8683 14.8525 12.3249 14.6269 12.7188C14.4049 13.109 14.0809 13.4152 13.6548 13.6372C13.2322 13.8556 12.7274 13.9648 12.1401 13.9648H10.185V12.665H11.8877C12.1992 12.665 12.4606 12.6113 12.6719 12.5039C12.8867 12.3929 13.046 12.2389 13.1499 12.042C13.2537 11.8451 13.3056 11.6141 13.3056 11.3491C13.3056 11.0841 13.2537 10.855 13.1499 10.6616C13.046 10.4647 12.8867 10.3143 12.6719 10.2104C12.4606 10.103 12.1974 10.0493 11.8823 10.0493H10.749V16.5H9.13768V8.72266ZM16.4712 8.72266H19.5112C20.0985 8.72266 20.5998 8.8265 21.0151 9.03418C21.4341 9.23828 21.7528 9.5319 21.9712 9.91504C22.1896 10.2982 22.2988 10.7458 22.2988 11.2578C22.2988 11.7663 22.1878 12.2085 21.9658 12.5845C21.7474 12.9569 21.4251 13.2433 20.999 13.4438C20.5729 13.6408 20.0645 13.7393 19.4736 13.7393H17.4165V12.4233H19.2212C19.5435 12.4233 19.8084 12.3804 20.0161 12.2944C20.2238 12.2049 20.3796 12.0742 20.4834 11.9023C20.5872 11.7305 20.6392 11.5156 20.6392 11.2578C20.6392 10.9928 20.5872 10.7708 20.4834 10.5918C20.3796 10.4128 20.222 10.2785 20.0107 10.189C19.7995 10.0959 19.5345 10.0493 19.2158 10.0493H18.0825V16.5H16.4712V8.72266ZM22.5781 16.5H20.7842L18.8989 12.9658H20.6445L22.5781 16.5ZM31.0127 12.6113C31.0127 13.4349 30.8552 14.1493 30.5401 14.7544C30.2285 15.356 29.7971 15.8161 29.2456 16.1348C28.6978 16.4499 28.0765 16.6074 27.3819 16.6074C26.6872 16.6074 26.0641 16.4499 25.5127 16.1348C24.9649 15.8161 24.5334 15.3542 24.2183 14.749C23.9068 14.1439 23.751 13.4313 23.751 12.6113C23.751 11.7806 23.9068 11.0645 24.2183 10.4629C24.5334 9.86133 24.9649 9.40299 25.5127 9.08789C26.0641 8.77279 26.6872 8.61523 27.3819 8.61523C28.0765 8.61523 28.6978 8.77279 29.2456 9.08789C29.7971 9.40299 30.2285 9.86133 30.5401 10.4629C30.8552 11.0645 31.0127 11.7806 31.0127 12.6113ZM29.3799 12.6113C29.3799 12.0635 29.2975 11.598 29.1328 11.2148C28.9717 10.8317 28.7407 10.5417 28.44 10.3447C28.1428 10.1442 27.7901 10.0439 27.3819 10.0439C26.9772 10.0439 26.6245 10.1442 26.3238 10.3447C26.0265 10.5417 25.7956 10.8317 25.6309 11.2148C25.4662 11.598 25.3838 12.0635 25.3838 12.6113C25.3838 13.1592 25.4662 13.6247 25.6309 14.0078C25.7956 14.391 26.0265 14.6828 26.3238 14.8833C26.6245 15.0802 26.9772 15.1787 27.3819 15.1787C27.7901 15.1787 28.1428 15.0802 28.44 14.8833C28.7407 14.6828 28.9717 14.391 29.1328 14.0078C29.2975 13.6247 29.3799 13.1592 29.3799 12.6113Z",fill:"white"}),C.jsx("defs",{children:C.jsxs("linearGradient",{id:"paint0_linear_4078_2270",x1:"0",y1:"0",x2:"43.7127",y2:"10.4102",gradientUnits:"userSpaceOnUse",children:[C.jsx("stop",{stopColor:"#1DD59F"}),C.jsx("stop",{offset:"0.245",stopColor:"#27CEC2"}),C.jsx("stop",{offset:"0.505",stopColor:"#2CC9DD"}),C.jsx("stop",{offset:"0.75",stopColor:"#30BEE6"}),C.jsx("stop",{offset:"1",stopColor:"#35AEF3"})]})})]})};

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

@@ -0,0 +1,16 @@
+import { ComponentProps } from 'react';
+import { SystemIconName } from '../SystemIcon/SystemIcon.types';
+export interface LabelRootProps extends ComponentProps<'div'> {
+    variant?: 'text' | 'outlined' | 'filled';
+    color?: 'primary' | 'gray';
+    size?: 'sm' | 'md';
+}
+export interface LabelIconProps extends ComponentProps<'div'> {
+    icon?: SystemIconName;
+}
+declare const Label: {
+    Root: ({ children, className, size, variant, color, ref, ...rest }: LabelRootProps) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ children, className }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ children, className, icon }: LabelIconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Label;

package/dist/Components/Atoms/Label/Label.js

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

package/dist/Components/Atoms/Label/Label.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, className, size, variant, color, ref, ...rest }: import("./Label").LabelRootProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+        };
+        color: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Text: Story;
+export declare const Filled: Story;
+export declare const Outlined: Story;

package/dist/Components/Atoms/Label/index.d.ts

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

package/dist/Components/Atoms/Label/index.js

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

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

@@ -3,7 +3,7 @@ export interface ModalProps extends ModalRootProps {
     isPreventClose?: boolean;
 }
 declare const ModalContext: {
-    Root: ({ children, hasBackground, isPreventClose, size, }: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ isOpen: externalIsOpen, setIsOpen: externalSetIsOpen, children, hasBackground, isPreventClose, size, }: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
     Trigger: ({ children, testId }: import("./ModalContext.types").ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
     Content: ({ children, testId, role, className, }: import("./ModalContext.types").ModalContentProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/Components/Atoms/ModalContext/ModalContext.parts.d.ts

@@ -1,4 +1,4 @@
 import { ModalContentProps, ModalRootProps, ModalTriggerProps } from './ModalContext.types';
-export declare const Root: ({ children, hasBackground, isPreventClose, size, }: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ isOpen: externalIsOpen, setIsOpen: externalSetIsOpen, children, hasBackground, isPreventClose, size, }: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Trigger: ({ children, testId }: ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Content: ({ children, testId, role, className, }: ModalContentProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/Components/Atoms/ModalContext/ModalContext.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import ModalContext from './ModalContext';
 declare const meta: {
     title: string;
-    component: ({ children, hasBackground, isPreventClose, size, }: import("./ModalContext.types").ModalRootProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ isOpen: externalIsOpen, setIsOpen: externalSetIsOpen, children, hasBackground, isPreventClose, size, }: import("./ModalContext.types").ModalRootProps) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         hasBackground: {
             control: string;

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export interface ModalRootProps {
+    isOpen?: boolean;
+    setIsOpen?: () => void;
     children: ReactNode;
     hasBackground?: boolean;
     isPreventClose?: boolean;

package/dist/Components/Atoms/TextField/TextField.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"),i=require("./parts/PasswordContainer.js"),n=require("./parts/SupportContainer.js"),o=a.forwardRef(function(o,l){var d=o.type,u=o.name,g=o.value,p=o.onChange,c=o.maxLength,x=o.disabled,x=void 0!==x&&x,b=o.placeholder,h=o.lable,w=o.testId,m=o.measure,f=o.isError,v=o.endIcon,y=o.startIcon,_=o.errorMessage,j=o.supportMessage,L=o.variant,L=void 0===L?"default":L,M=o.isMaxLengthVisible,M=void 0!==M&&M,o=e.__rest(o,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible"]),I=a.useState(!1),q=I[0],C=I[1],I=a.useState(0),E=I[0],S=I[1],I=a.useState(!1),F=I[0],N=I[1],I=e.__assign({variant:L,type:d,name:u,value:g,placeholder:b,lable:h,maxLength:c,onChange:p,isFocused:q,isError:f,onFocus:function(){C(!0)},onBlur:function(){C(!1)},disabled:x},o),u=f||j||M;return a.useEffect(function(){"string"==typeof g&&c&&S(g.length)},[g,d,c]),a.useEffect(function(){var e=window.navigator.userAgent.toLowerCase().includes("mobile");N(e)},[]),r.jsxs("div",{className:"flex min-w-fit select-none flex-col gap-3 bg-w-white ","data-testid":w,children:[r.jsx("label",{role:"input-box",className:s.twMerge("flex shrink-0 cursor-text items-center gap-3 rounded-xl border px-4 py-2.5 text-[16px] leading-[26px] text-w-gray-600",("lable"===L||"lable_fixed"===L)&&"h-[66px] py-[11px]",x?"border-w-gray-200 hover:border-w-gray-200":f?"border-w-red-500":q?"border-w-primary":F?"border-w-gray-200":"border-w-gray-200 hover:border-w-primary",x?"bg-w-gray-10":"bg-w-white"),children:"password"===d?r.jsx(i,e.__assign({ref:l},I)):r.jsx(t,e.__assign({ref:l,measure:m,startIcon:y,endIcon:v},I))}),u&&r.jsx(n,{disabled:x,isError:f,errorMessage:_,supportMessage:j,currentLength:E,maxLength:c,isMaxLengthVisible:M})]})});o.displayName="TextField",module.exports=o;
+"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"),i=require("./parts/PasswordContainer.js"),n=require("./parts/SupportContainer.js"),o=a.forwardRef(function(o,l){var d=o.type,u=o.name,g=o.value,p=o.onChange,c=o.maxLength,x=o.disabled,x=void 0!==x&&x,b=o.placeholder,h=o.lable,m=o.testId,f=o.measure,w=o.isError,v=o.endIcon,y=o.startIcon,_=o.errorMessage,j=o.supportMessage,L=o.variant,L=void 0===L?"default":L,M=o.isMaxLengthVisible,M=void 0!==M&&M,o=e.__rest(o,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible"]),I=a.useState(!1),q=I[0],C=I[1],I=a.useState(0),E=I[0],S=I[1],I=a.useState(!1),F=I[0],N=I[1],I=e.__assign({variant:L,type:d,name:u,value:g,placeholder:b,lable:h,maxLength:c,onChange:p,isFocused:q,isError:w,onFocus:function(){C(!0)},onBlur:function(){C(!1)},disabled:x},o),u=w||j||M;return a.useEffect(function(){"string"==typeof g&&c&&S(g.length)},[g,d,c]),a.useEffect(function(){var e=window.navigator.userAgent.toLowerCase().includes("mobile");N(e)},[]),r.jsxs("div",{className:"flex min-w-fit select-none flex-col gap-3 bg-w-white ","data-testid":m,children:[r.jsx("label",{role:"input-box",className:s.twMerge("flex shrink-0 cursor-text items-center gap-3 rounded-xl border px-4 py-2.5 text-[16px] leading-[26px] text-w-gray-600",("lable"===L||"lable_fixed"===L)&&"h-[66px] py-[11px]",x?"border-w-gray-200 hover:border-w-gray-200":w?"border-w-red-500":q?"border-primary":F?"border-w-gray-200":"border-w-gray-200 hover:border-primary",x?"bg-w-gray-10":"bg-w-white"),children:"password"===d?r.jsx(i,e.__assign({ref:l},I)):r.jsx(t,e.__assign({ref:l,measure:f,startIcon:y,endIcon:v},I))}),u&&r.jsx(n,{disabled:x,isError:w,errorMessage:_,supportMessage:j,currentLength:E,maxLength:c,isMaxLengthVisible:M})]})});o.displayName="TextField",module.exports=o;

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

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

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

@@ -17,5 +17,6 @@ export { default as ChoiceChip } from './ChoiceChip';
 export { default as Textarea } from './Textarea';
 export { default as IconButton } from './IconButton';
 export { default as SkillChip } from './SkillChip';
-export { default as TextLabel } from './TextLabel';
+export { default as ImageLabel } from './ImageLabel';
+export { default as Label } from './Label';
 export { default as ModalContext } from './ModalContext';

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

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

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(o){var a=o.disabled,a=void 0!==a&&a,d=o.checked,c=o.isError,c=void 0!==c&&c,n=o.onChange,l=o.isWide,l=void 0!==l&&l,h=o.className,x=o.iconName,m=o.title,C=o.description,o=o.testId,d=s({checked:void 0!==d&&d,disabled:a,onChange:n}),n=d.isHover,u=d.isChecked,b=d.hoverListItemContainer,j=d.unhoverListItemContainer,d=d.handleChange;return e.jsx("label",{className:"h-fit w-fit","data-testid":o,role:"checkbox-card",children:e.jsxs(i.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:u,isError:c,isWide:l,isHover:n,disabled:a,onMouseOver:b,onMouseOut:j,className:h,children:[e.jsx(i.StyledCheckbox,{isWide:l,checked:u,onChange:d,isError:c,isHover:n,disabled:a}),e.jsx(i.CheckboxCardIcon,{isError:c,checked:u,iconName:x,disabled:a}),e.jsxs(i.TitleContainer,{isWide:l,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",l?"text-left":"text-center",a?"text-w-gray-300":"text-w-gray-900"),children:m}),C&&e.jsx(r,{variant:"body2",className:t.twMerge("font-normal",l?"text-left":"text-center",a?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:C})]})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(o){var a=o.disabled,a=void 0!==a&&a,d=o.checked,c=o.isError,c=void 0!==c&&c,n=o.onChange,l=o.isWide,l=void 0!==l&&l,h=o.className,x=o.iconName,m=o.title,u=o.description,o=o.testId,d=s({checked:void 0!==d&&d,disabled:a,onChange:n}),n=d.isHover,C=d.isChecked,b=d.hoverListItemContainer,j=d.unhoverListItemContainer,d=d.handleChange;return e.jsx("label",{className:"h-fit w-fit","data-testid":o,role:"checkbox-card",children:e.jsxs(i.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:C,isError:c,isWide:l,isHover:n,disabled:a,onMouseOver:b,onMouseOut:j,className:h,children:[e.jsx(i.StyledCheckbox,{isWide:l,checked:C,onChange:d,isError:c,isHover:n,disabled:a}),e.jsx(i.CheckboxCardIcon,{isError:c,checked:C,iconName:x,disabled:a}),e.jsxs(i.TitleContainer,{isWide:l,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",l?"text-left":"text-center",a?"text-w-gray-300":"text-w-gray-900"),children:m}),u&&e.jsx(r,{variant:"body2",className:t.twMerge("font-normal",l?"text-left":"text-center",a?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children: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/Box/Box.js"),require("../../Atoms/ProductIcon/ProductIcon.js"));require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.CheckboxCardContainer=function(s){var t=s.children,o=s.isWide,a=s.checked,c=s.isError,d=s.isHover,n=s.disabled,l=s.className,s=e.__rest(s,["children","isWide","checked","isError","isHover","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",n?i.twMerge("cursor-not-allowed",a&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":a||d?"border-primary-500":"border-w-gray-200",n?a&&!c?"bg-primary-10":"bg-w-gray-10":a?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",l)},s,{children:t}))},exports.CheckboxCardIcon=function(e){var s=e.iconName,o=e.disabled,a=e.checked,e=e.isError||!a;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:s,disabled:e})})},exports.StyledCheckbox=function(t){var o=t.isWide,a=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px]",a)},t))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",s?"items-start":"items-center"),children:e})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("../../Atoms/Checkbox/Checkbox.js"),t=(require("../../Atoms/Box/Box.js"),require("../../Atoms/ProductIcon/ProductIcon.js"));require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.CheckboxCardContainer=function(s){var t=s.children,o=s.isWide,a=s.checked,c=s.isError,d=s.isHover,n=s.disabled,l=s.className,s=e.__rest(s,["children","isWide","checked","isError","isHover","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",n?i.twMerge("cursor-not-allowed",a&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":a||d?"border-primary-500":"border-w-gray-200",n?a&&!c?"bg-primary-10":"bg-w-gray-10":a?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",l)},s,{children:t}))},exports.CheckboxCardIcon=function(e){var s=e.iconName,o=e.disabled,a=e.checked,e=e.isError||!a;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:s,disabled:e})})},exports.StyledCheckbox=function(t){var o=t.isWide,a=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px]",a)},t))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",s?"items-start":"items-center"),children:e})};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import React, { ChangeEvent } from 'react';
+import { RadioStatus } from '../../../types';
+interface RadioListItemProps extends RadioStatus {
+    label: string;
+    value?: string;
+    description?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    RadioClassName?: string;
+}
+interface RadioGroupProps {
+    data: RadioListItemProps[];
+    name: string;
+    selectedValue: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    children: (item: RadioListItemProps, isChecked: boolean) => React.ReactNode;
+}
+declare const RadioGroup: ({ data, selectedValue, children }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioGroup;

package/dist/Components/Molecules/RadioGroup/RadioGroup.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react");module.exports=function(t){var a=t.data,n=t.selectedValue,u=t.children;return e.jsx(e.Fragment,{children:a.map(function(t){var a=n===t.value;return e.jsx(r.Fragment,{children:u(t,a)},t.value)})})};

package/dist/Components/Molecules/RadioGroup/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+export interface RangeSliderProps extends Omit<ComponentProps<'input'>, 'value' | 'size' | 'onChange'> {
+    variant?: 'single' | 'dual';
+    size?: 'sm' | 'md';
+    value?: {
+        min: number;
+        max: number;
+    };
+    onChange?: (value: {
+        min: number;
+        max: number;
+    }) => void;
+}
+declare const RangeSlider: ({ variant, size, step, value, min, max, onChange, className, ...rest }: RangeSliderProps) => import("react/jsx-runtime").JSX.Element;
+export default RangeSlider;

package/dist/Components/Molecules/RangeSlider/RangeSlider.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("tailwind-merge"),r=require("react"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),"\n  [&::-moz-range-thumb]:pointer-events-auto\n  [&::-moz-range-thumb]:mr-2\n  [&::-moz-range-thumb]:h-5\n  [&::-moz-range-thumb]:w-5\n  [&::-moz-range-thumb]:-translate-x-1/4\n  [&::-moz-range-thumb]:transform\n  [&::-moz-range-thumb]:appearance-none\n  [&::-moz-range-thumb]:rounded-full\n  [&::-moz-range-thumb]:border\n  [&::-moz-range-thumb]:border-w-gray-200\n  [&::-moz-range-thumb]:bg-transparent\n  [&::-moz-range-thumb]:bg-white\n  [&::-moz-range-thumb]:shadow-graymedium\n  [&::-moz-range-thumb]:outline\n  [&::-moz-range-thumb]:ring-1\n  [&::-moz-range-thumb]:ring-inset\n  [&::-moz-range-thumb]:ring-w-gray-200\n  [&::-moz-range-thumb]:transition-all  \n  [&::-moz-range-thumb]:duration-150\n  [&::-moz-range-thumb]:ease-in-out\n  [&::-moz-range-thumb]:dark:bg-w-white\n\n  [&::-webkit-slider-thumb]:pointer-events-auto\n  [&::-webkit-slider-thumb]:mr-2\n  [&::-webkit-slider-thumb]:h-5\n  [&::-webkit-slider-thumb]:w-5\n  [&::-webkit-slider-thumb]:-translate-x-1/4\n  [&::-webkit-slider-thumb]:transform\n  [&::-webkit-slider-thumb]:appearance-none\n  [&::-webkit-slider-thumb]:rounded-full\n  [&::-webkit-slider-thumb]:border\n  [&::-webkit-slider-thumb]:border-w-gray-200\n  [&::-webkit-slider-thumb]:bg-transparent\n  [&::-webkit-slider-thumb]:bg-white\n  [&::-webkit-slider-thumb]:shadow-graymedium\n  [&::-webkit-slider-thumb]:outline\n  [&::-webkit-slider-thumb]:ring-1\n  [&::-webkit-slider-thumb]:ring-inset\n  [&::-webkit-slider-thumb]:ring-w-gray-200\n  [&::-webkit-slider-thumb]:transition-all  \n  [&::-webkit-slider-thumb]:duration-150\n  [&::-webkit-slider-thumb]:ease-in-out\n  [&::-webkit-slider-thumb]:dark:bg-w-white\n  ");module.exports=function(s){function m(t,n){var r=(a="min"===n)?"start":"end",a=a?Math.min(Number(t.target.value),c.max-1):Math.max(Number(t.target.value),c.min+1);z(r),x(e.__assign(e.__assign({},c),((t={})[n]=a,t))),null!=h&&h(e.__assign(e.__assign({},c),((r={})[n]=a,r)))}var u=s.variant,u=void 0===u?"single":u,o=s.size,o=void 0===o?"sm":o,l=s.step,l=void 0===l?10:l,d=s.value,d=void 0===d?{min:0,max:0}:d,b=s.min,b=void 0===b?0:b,g=s.max,g=void 0===g?100:g,h=s.onChange,w=s.className,s=e.__rest(s,["variant","size","step","value","min","max","onChange","className"]),u="dual"===u,p=d.min,d=d.max,p=r.useState({min:u?p:0,max:d}),c=p[0],x=p[1],d=r.useState("end"),p=d[0],z=d[1],d=Math.floor(Number(g)/Number(l))+1;return t.jsxs(a,{className:n.twMerge("relative px-1",w),"data-testid":"design-system-rangeSlider",children:[u&&t.jsx("input",e.__assign({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:b,max:g,step:l,value:c.min,onInput:function(e){return m(e,"min")},className:n.twMerge("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",i,"start"===p&&"z-50")},s)),t.jsx("input",e.__assign({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:b,max:g,value:c.max,onInput:function(e){return m(e,"max")},step:l,className:n.twMerge("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",i,u&&"pointer-events-none","end"===p&&"z-50")},s)),t.jsxs(a,{"data-testid":"design-system-rangeSlider--container",className:n.twMerge("relative overflow-hidden","sm"===o&&"h-1 rounded-sm","md"===o&&"h-2 rounded"),children:["md"===o&&t.jsx(a,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:e.__spreadArray([],Array(d),!0).map(function(e,n){return t.jsx(a,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)})}),t.jsx(a,{className:"absolute left-0 top-0 z-0 h-full w-full bg-w-gray-50","data-testid":"design-system-rangeSlider--rail"}),t.jsx(a,{className:"absolute left-0 top-0 z-10 h-full bg-primary","data-testid":"design-system-rangeSlider--fill-track",style:{width:"".concat(u?c.max-c.min:c.max,"%"),left:u?"".concat(c.min,"%"):0}})]})]})};

package/dist/Components/Molecules/RangeSlider/RangeSlider.stories.d.ts

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

package/dist/Components/Molecules/RangeSlider/index.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+import { SnackBarProps } from './SnackBar.types';
+declare const SnackBar: ({ message, type, onClose }: SnackBarProps) => import("react/jsx-runtime").JSX.Element;
+export default SnackBar;

package/dist/Components/Molecules/SnackBar/SnackBar.js

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

package/dist/Components/Molecules/{MessageBar/MessageBar.stories.d.ts → SnackBar/SnackBar.stories.d.ts}

@@ -1,9 +1,9 @@
 import type { StoryObj } from '@storybook/react';
-import { MessageBarProps } from './MessageBar.types';
+import { SnackBarProps } from './SnackBar.types';
 declare const meta: {
     title: string;
     tags: string[];
-    component: ({ message, type, onClose }: MessageBarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ message, type, onClose }: SnackBarProps) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         message: {
             control: string;
@@ -19,5 +19,5 @@ declare const meta: {
     };
 };
 export default meta;
-type Story = StoryObj<MessageBarProps>;
+type Story = StoryObj<SnackBarProps>;
 export declare const Default: Story;

package/dist/Components/Molecules/{MessageBar/MessageBar.types.d.ts → SnackBar/SnackBar.types.d.ts}

@@ -1,8 +1,8 @@
 export type MessageType = 'information' | 'success' | 'progress' | 'waiting' | 'caution' | 'error';
-export interface MessageBarIconProps {
+export interface SnackBarIconProps {
     type: MessageType;
 }
-export interface MessageBarProps extends MessageBarIconProps {
+export interface SnackBarProps extends SnackBarIconProps {
     message: string;
     onClose?(): void;
 }

package/dist/Components/Molecules/SnackBar/index.d.ts

@@ -0,0 +1,3 @@
+import SnackBar from './SnackBar';
+export default SnackBar;
+export type { SnackBarProps } from './SnackBar.types';

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

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