@wishket/design-system 1.1.9 → 1.1.11

package/dist/Components/Atoms/CountBadge/CountBadge.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");module.exports=function(t){var r=t.text,s=t.className,i=t.variant,n=void 0===i?"primary":i,i=t.showZero,t=!(void 0!==i&&i)&&0==r||""===r,i=99<Number(r)?"99+":r,r={baseClass:"absolute box-border flex min-h-4 w-fit min-w-4 select-none items-center justify-center rounded-full px-1 py-px text-[11px] font-normal leading-[14px] tracking-[0.48px]",matchedVariantClass:null==(r=[{name:"primary",className:"text-w-white bg-primary"},{name:"white_primary",className:"text-primary bg-w-white"},{name:"white_gray",className:"text-w-gray-600 bg-w-white"},{name:"gray",className:"text-w-gray-600 bg-w-gray-200"}].find(function(e){return e.name===n}))?void 0:r.className,hiddenClass:t&&"hidden"};return e.jsx("span",{"data-testid":"design-system-count-badge",className:a.twMerge(r.baseClass,r.matchedVariantClass,r.hiddenClass,s),children:i})};
+"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");module.exports=function(t){var r=t.text,s=t.className,n=t.variant,i=void 0===n?"primary":n,n=t.showZero,t=!(void 0!==n&&n)&&0==r||""===r,n=99<Number(r)?"99+":r,r={baseClass:"absolute box-border flex min-h-4 w-fit min-w-4 select-none items-center justify-center rounded-full px-1 py-px text-[11px] font-normal tracking-normal leading-none",matchedVariantClass:null==(r=[{name:"primary",className:"text-w-white bg-primary"},{name:"white_primary",className:"text-primary bg-w-white"},{name:"white_gray",className:"text-w-gray-600 bg-w-white"},{name:"gray",className:"text-w-gray-600 bg-w-gray-200"}].find(function(e){return e.name===i}))?void 0:r.className,hiddenClass:t&&"hidden"};return e.jsx("span",{"data-testid":"design-system-count-badge",className:a.twMerge(r.baseClass,r.matchedVariantClass,r.hiddenClass,s),children:n})};

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

@@ -1,6 +1,7 @@
 export interface DividerProps {
     isVertical?: boolean;
+    isSub?: boolean;
     className?: string;
 }
-declare const Divider: ({ isVertical, className }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Divider: ({ isVertical, isSub, className, }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export default Divider;

package/dist/Components/Atoms/Divider/Divider.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(i){var s=i.isVertical,i=i.className;return e.jsx("div",{"data-testid":"design-system-divider",className:r.twMerge("flex-shrink-0 bg-w-gray-200",void 0!==s&&s?"h-full w-px":"h-px w-full",i)})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(i){var s=i.isVertical,t=i.isSub,i=i.className;return e.jsx("div",{"data-testid":"design-system-divider",className:r.twMerge("flex-shrink-0",void 0!==s&&s?"h-full w-px":"h-px w-full",void 0!==t&&t?"bg-w-gray-100":"bg-w-gray-200",i)})};

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

@@ -1,14 +1,9 @@
-import type { StoryObj } from '@storybook/react';
-import { DividerProps } from './Divider';
-declare const meta: {
-    title: string;
-    component: ({ isVertical, className }: DividerProps) => import("react/jsx-runtime").JSX.Element;
-    decorators: (Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
-        isVertical?: boolean | undefined;
-        className?: string | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {};
-};
+import { Meta, StoryObj } from '@storybook/react';
+import Divider from './Divider';
+declare const meta: Meta<typeof Divider>;
 export default meta;
-type Story = StoryObj<DividerProps>;
+type Story = StoryObj<typeof Divider>;
 export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const Sub: Story;
+export declare const VerticalAndSub: Story;

package/dist/Components/Atoms/Textarea/Textarea.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("../Box/Box.js"),s=require("../Typography/Typography.js"),i=require("../SystemIcon/SystemIcon.js");module.exports=function(o){var n=o.isError,n=void 0!==n&&n,d=o.size,d=void 0===d?"md":d,l=o.resize,l=void 0!==l&&l,x=o.isLengthVisible,x=void 0!==x&&x,g=o.supportText,c=o.maxLength,h=o.value,m=o.disabled,y=o.name,u=o.onChange,o=e.__rest(o,["isError","size","resize","isLengthVisible","supportText","maxLength","value","disabled","name","onChange"]);return r.jsxs(a,{"data-testid":"design-system-textarea",className:"flex h-fit w-full flex-col gap-1",children:[r.jsxs(a,{className:"relative h-fit w-full",children:[r.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:t.twMerge("box-border h-auto w-full content-stretch rounded-lg border border-w-gray-200 px-4 py-2.5 font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300",l?"resize-y":"resize-none","sm"===d?"min-h-[120px]":"md"===d?"min-h-[240px]":"lg"===d?"min-h-[360px]":void 0,m?"bg-w-gray-10 text-gray-300 border-w-gray-200 placeholder:text-w-gray-300 hover:border-w-gray-200 focus:border-w-gray-200 active:border-w-gray-200 resize-none placeholder:text-w-gray-200":n?"border-w-red-500 hover:border-w-red-500 focus:border-w-red-500 active:border-w-red-500":"hover:border-primary-500 focus:border-primary-500 active:border-primary-500"),name:y,value:h,disabled:m,onChange:u},o)),l&&r.jsx(i,{name:"small_resizer",className:"absolute bottom-2.5 right-1 text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),(g||x)&&r.jsxs(a,{className:t.twMerge("flex w-full select-none justify-between px-4 text-w-gray-400",n&&"text-w-red-500",m&&"text-w-gray-400"),"data-testid":"design-system-textarea--support-container",children:[r.jsx(s,{variant:"body2",className:t.twMerge(g?"visible":"invisible"),"data-testid":"design-system-textarea--support-text",children:g}),x&&r.jsx(s,{variant:"body2","data-testid":"design-system-textarea--length-count",children:"".concat((null==h?void 0:h.toString().length)||0,"/").concat(c)})]})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("../Box/Box.js"),s=require("../Typography/Typography.js"),i=require("../SystemIcon/SystemIcon.js");module.exports=function(o){var n=o.isError,n=void 0!==n&&n,d=o.size,d=void 0===d?"md":d,l=o.resize,l=void 0!==l&&l,x=o.isLengthVisible,x=void 0!==x&&x,g=o.supportText,c=o.maxLength,h=o.value,m=o.disabled,y=o.name,u=o.onChange,o=e.__rest(o,["isError","size","resize","isLengthVisible","supportText","maxLength","value","disabled","name","onChange"]);return r.jsxs(a,{"data-testid":"design-system-textarea",className:"flex h-fit w-full flex-col gap-1",children:[r.jsxs(a,{className:"relative h-fit w-full",children:[r.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:t.twMerge("box-border h-auto w-full content-stretch rounded-lg border border-w-gray-200 px-4 py-2.5 font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300",l?"resize-y":"resize-none","sm"===d?"min-h-[120px]":"md"===d?"min-h-[240px]":"lg"===d?"min-h-[360px]":void 0,m?"bg-w-gray-10 text-gray-300 border-w-gray-200 placeholder:text-w-gray-300 hover:border-w-gray-200 focus:border-w-gray-200 active:border-w-gray-200 resize-none placeholder:text-w-gray-200":n?"border-w-red-500 hover:border-w-red-500 focus:border-w-red-500 active:border-w-red-500":"hover:border-primary-500 focus:border-primary-500 active:border-primary-500"),name:y,value:h,disabled:m,onChange:u,maxLength:c},o)),l&&r.jsx(i,{name:"small_resizer",className:"absolute bottom-2.5 right-1 text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),(g||x)&&r.jsxs(a,{className:t.twMerge("flex w-full select-none justify-between px-4 text-w-gray-400",n&&"text-w-red-500",m&&"text-w-gray-400"),"data-testid":"design-system-textarea--support-container",children:[r.jsx(s,{variant:"body2",className:t.twMerge(g?"visible":"invisible"),"data-testid":"design-system-textarea--support-text",children:g}),x&&r.jsx(s,{variant:"body2","data-testid":"design-system-textarea--length-count",children:"".concat((null==h?void 0:h.toString().length)||0,"/").concat(c)})]})]})};

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

@@ -7,10 +7,11 @@ export interface ItemProps extends ComponentProps<'li'> {
     leadingIcon?: SystemIconName;
     iconUrl?: string;
     isInputItem?: boolean;
+    isFocused?: boolean;
 }
 declare const AutoCompleteList: {
     Root: ({ children, className, hasIndexBar, onIndexClick, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ text, count, leadingIcon, iconUrl, isInputItem, className, ...rest }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ text, count, leadingIcon, iconUrl, isInputItem, isFocused, className, ...rest }: ItemProps) => import("react/jsx-runtime").JSX.Element;
     Divider: () => import("react/jsx-runtime").JSX.Element;
 };
 export default AutoCompleteList;

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"),r=require("tailwind-merge"),s=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("@wishket/yogokit"),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=s.useRef(null),d=s.useState(!1),m=d[0],x=d[1];return s.useLayoutEffect(function(){var e,t=u.current;t&&(e=t.scrollHeight,t=t.clientHeight,x(t<e))},[]),t.jsxs("div",e.__assign({className:r.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:r.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(s){var o=s.text,l=s.count,a=s.leadingIcon,c=s.iconUrl,u=s.isInputItem,u=void 0!==u&&u,d=s.className,s=e.__rest(s,["text","count","leadingIcon","iconUrl","isInputItem","className"]);return t.jsxs("li",e.__assign({className:r.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)},s,{"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;
+"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("@wishket/yogokit"),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.isFocused,d=void 0!==d&&d,m=r.className,r=e.__rest(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","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&&"bg-primary-10",m)},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/List/List.d.ts

@@ -9,9 +9,10 @@ export interface ItemProps extends ComponentProps<'li'> {
     selected?: boolean;
     disabled?: boolean;
     canceled?: boolean;
+    isFocused?: boolean;
 }
 declare const List: {
     Root: ({ children, className, disableScroll, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ leadingIcon, text, selected, disabled, canceled, children, className, ...rest }: PropsWithChildren<ItemProps>) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ leadingIcon, text, selected, disabled, canceled, children, className, isFocused, ...rest }: PropsWithChildren<ItemProps>) => import("react/jsx-runtime").JSX.Element;
 };
 export default List;

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/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),{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;
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),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"),require("@wishket/yogokit"),{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=t.useRef(null),c=t.useState(!1),n=c[0],u=c[1];return t.useLayoutEffect(function(){var e,s=d.current;s&&(e=s.scrollHeight,s=s.clientHeight,u(s<e))},[]),s.jsx("ul",e.__assign({ref:d,"data-testid":"design-system-list",className:r.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",n&&!o&&"pr-0",a)},i,{children:l}))},Item:function(t){var a=t.leadingIcon,o=t.text,d=t.selected,d=void 0!==d&&d,c=t.disabled,n=void 0!==c&&c,c=t.canceled,c=void 0!==c&&c,u=t.children,m=t.className,x=t.isFocused,x=void 0!==x&&x,g=e.__rest(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]),t=r.twMerge(d?"text-primary-500":"text-w-gray-600",c&&"text-w-red-500",n&&"text-w-gray-300");return s.jsxs("li",e.__assign({className:r.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!n&&x&&"bg-primary-10",!n&&"hover:bg-primary-10",m)},g,{onClick:function(e){var s;n||null==(s=g.onClick)||s.call(g,e)},"data-testid":"design-system-list-item",children:[a&&s.jsx(l,{name:a,className:t,testId:"design-system-list-item-leading-icon"}),o&&s.jsx(i,{variant:"body1",className:t,"data-testid":"design-system-list-item-text",children:o}),u]}))}});module.exports=a;

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

@@ -1,10 +1,11 @@
+import { PropsWithChildren } from 'react';
 import { ProductIconName } from '../../Atoms/ProductIcon/ProductIcon.types';
 import { ExternalLink } from './MessageBox.types';
-interface MessageBoxProps {
+interface MessageBoxProps extends PropsWithChildren {
     icon?: ProductIconName;
     title?: string;
-    links?: ExternalLink[];
     description?: string;
+    links?: ExternalLink[];
 }
-declare const MessageBox: ({ icon, title, description, links }: MessageBoxProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBox: ({ icon, title, description, children, links, }: MessageBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default MessageBox;

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/Medium/MediumBell.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("@wishket/yogokit"),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/Medium/MediumBell.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("@wishket/yogokit"),require("./MessageBox.parts.js"));module.exports=function(o){var l=o.icon,n=o.title,d=o.description,c=o.children,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}),c]})]}),o&&0<o.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(a.ExternalLinks,{links:o})]})]})};

package/dist/Components/Molecules/PlainTooltip/PlainTooltip.js

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

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

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

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

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

package/dist/Components/Organisms/TextFieldDropdown/TextFieldDropdown.js

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

package/package.json

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