@wishket/design-system 1.1.12 → 1.1.13

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

@@ -1,2 +1,2 @@
 'use client';
-"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;
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),r=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(r){var l=r.children,a=r.className,o=r.disableScroll,o=void 0!==o&&o,r=e.__rest(r,["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:i.twMerge("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",o?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",n&&!o&&"pr-0",a)},r,{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=i.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:i.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(r,{variant:"body1",className:t,"data-testid":"design-system-list-item-text",children:o}),u]}))}});module.exports=a;

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

@@ -0,0 +1,3 @@
+import { RadioCardProps } from './RadioCard.types';
+declare const RadioCard: ({ disabled, isSelected, isError, onChange, isWide, className, iconName, title, description, testId, value, name, }: RadioCardProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioCard;

package/dist/Components/Molecules/RadioCard/RadioCard.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),t=(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/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("./RadioCard.parts.js")),s=require("./useRadioCard.js");module.exports=function(a){var d=a.disabled,d=void 0!==d&&d,o=a.isSelected,o=void 0!==o&&o,n=a.isError,n=void 0!==n&&n,l=a.onChange,c=a.isWide,c=void 0!==c&&c,m=a.className,u=a.iconName,x=a.title,C=a.description,h=a.testId,j=a.value,a=a.name,l=s({checked:o,disabled:d,onChange:l}),g=l.isHover,v=l.hoverListItemContainer,y=l.unhoverListItemContainer,l=l.handleChange;return e.jsx("label",{className:"h-fit w-fit","data-testid":h,role:"radio-card",children:e.jsxs(t.RadioCardContainer,{"data-testid":"design-system-radioCard--container",isSelected:o,isError:n,isWide:c,isHover:g,disabled:d,onMouseOver:v,onMouseOut:y,className:m,children:[e.jsx(t.StyledRadio,{name:a,value:j,isWide:c,isSelected:o,onChange:l,isError:n,isHover:g,disabled:d}),e.jsx(t.RadioCardIcon,{isError:n,isSelected:o,iconName:u,disabled:d}),e.jsxs(t.TitleContainer,{isWide:c,"data-testid":"design-system-radioCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-radioCard--title",variant:"body1",className:i.twMerge("font-medium",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:x}),C&&e.jsx(r,{variant:"body2",className:i.twMerge("font-normal",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:C})]})]})})};

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

@@ -0,0 +1,5 @@
+import { RadioCarpPartsProps, RadioCardIconProps, TitleContainerProps } from './RadioCard.types';
+export declare const RadioCardContainer: ({ children, isWide, isSelected, isError, isHover, disabled, className, ...rest }: RadioCarpPartsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TitleContainer: ({ isWide, children }: TitleContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledRadio: ({ isWide, className, disabled, isError, isSelected, ...rest }: RadioCarpPartsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioCardIcon: ({ iconName, disabled, isSelected, isError, }: RadioCardIconProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/ProductIcon/ProductIcon.js")),t=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"),exports.RadioCardContainer=function(s){var t=s.children,o=s.isWide,a=s.isSelected,d=s.isError,l=s.isHover,c=s.disabled,n=s.className,s=e.__rest(s,["children","isWide","isSelected","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 gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",c&&a&&!d?"cursor-not-allowed border-primary-100":c?"cursor-not-allowed border-w-gray-200":d?"border-w-red-500":a||l?"border-primary-500":"border-w-gray-200",c?a&&!d?"bg-primary-10":"bg-w-gray-10":a?d?"bg-w-red-10":"bg-primary-10":"bg-w-white",n)},s,{children:t}))},exports.RadioCardIcon=function(e){var t=e.iconName,o=e.disabled,a=e.isSelected,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-radioCard--icon",children:r.jsx(s,{name:t,disabled:e})})},exports.StyledRadio=function(s){var o=s.isWide,a=s.className,d=s.disabled,l=s.isError,c=s.isSelected,s=e.__rest(s,["isWide","className","disabled","isError","isSelected"]),n=l&&c&&d;return r.jsx(t,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px]",a),isDisabled:d||n,isError:l,isSelected:!n&&c},s))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twJoin("flex h-auto w-full flex-col justify-between gap-0.5",s?"items-start":"items-center"),children:e})};

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import RadioCard from './RadioCard';
+import { RadioCardProps } from './RadioCard.types';
+declare const meta: Meta<typeof RadioCard>;
+export default meta;
+type Story = StoryObj<RadioCardProps>;
+export declare const Default: Story;
+export declare const WithDescription: Story;

package/dist/Components/Molecules/RadioCard/RadioCard.types.d.ts

@@ -0,0 +1,24 @@
+import { PropsWithChildren } from 'react';
+import { RadioStatus } from '../../../types';
+import { ProductIconName } from '../../Atoms/ProductIcon/ProductIcon.types';
+export interface RadioCardProps extends RadioStatus {
+    iconName: ProductIconName;
+    isWide?: boolean;
+    title: string;
+    description?: string;
+    testId?: string;
+    disabled?: boolean;
+}
+export interface RadioCarpPartsProps extends RadioStatus {
+    isWide?: boolean;
+}
+export interface RadioCardIconProps extends RadioStatus {
+    iconName: ProductIconName;
+    isSelected: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+    isError: boolean;
+}
+export interface TitleContainerProps extends PropsWithChildren {
+    isWide: boolean;
+}

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

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

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

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

package/dist/Components/Molecules/RadioCard/useRadioCard.d.ts

@@ -0,0 +1,14 @@
+import { ChangeEvent } from 'react';
+interface useRadioCardProps {
+    checked: boolean;
+    disabled: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+declare const useRadioCard: ({ checked, disabled, onChange }: useRadioCardProps) => {
+    isHover: boolean;
+    isSelected: boolean;
+    handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    hoverListItemContainer: () => void;
+    unhoverListItemContainer: () => void;
+};
+export default useRadioCard;

package/dist/Components/Molecules/RadioCard/useRadioCard.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react");module.exports=function(t){var n=t.checked,r=t.disabled,i=t.onChange,t=e.useState(!1),u=t[0],a=t[1],t=e.useState(n),n=t[0],o=t[1];return{isHover:u,isSelected:n,handleChange:e.useCallback(function(e){r||(o(function(e){return!e}),i&&i(e))},[i,r]),hoverListItemContainer:function(){a(!0)},unhoverListItemContainer:function(){a(!1)}}};

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

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

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

@@ -16,3 +16,4 @@ export { default as RichTooltip } from './RichTooltip';
 export { default as RangeSlider } from './RangeSlider';
 export { default as RadioGroup } from './RadioGroup';
 export { default as Modal } from './Modal';
+export { default as RadioCard } from './RadioCard';

package/dist/Components/Organisms/Dialog/Dialog.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),t=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/Button/Button.js")),o=(require("../../Atoms/TextField/TextField.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.js"));require("@wishket/yogokit"),module.exports=function(a){var l=a.children,n=a.title,d=a.description,c=a.variant,u=a.onClick,m=a.confirm,a=a.close,a=void 0===a?"닫기":a,c="caution"===(void 0===c?"primary":c);return e.jsxs(o.Root,{size:"sm",children:[e.jsx(o.Trigger,{testId:"design-system-dialog--trigger",children:l}),e.jsxs(o.Content,{testId:"design-system-dialog--content",className:"box-border flex h-auto min-h-[250px] w-[320px] flex-col gap-8 overflow-hidden bg-w-white p-8 tablet:w-[400px] desktop:w-[400px]",children:[e.jsxs(i,{className:"flex w-full flex-col gap-6",children:[e.jsx(s,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:n}),e.jsx(s,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:d})]}),e.jsxs(i,{className:"flex w-full items-center justify-end gap-4",children:[e.jsx(o.Close,{testId:"design-system-dialog--close-button",children:e.jsx(t,{variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-200 hover:bg-w-bluegray-200",children:a})}),e.jsx(o.Close,{testId:"design-system-dialog--confirm-button",children:e.jsx(t,{onClick:u,variant:"solid",className:r.twJoin(c&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-500 hover:bg-w-orange-500"),children:m})})]})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),t=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/Button/Button.js")),o=(require("../../Atoms/TextField/TextField.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.js"));require("@wishket/yogokit"),module.exports=function(a){var l=a.children,n=a.title,d=a.description,c=a.variant,u=a.onClick,m=a.confirm,a=a.close,a=void 0===a?"닫기":a,c="caution"===(void 0===c?"primary":c);return e.jsxs(o.Root,{size:"sm",children:[e.jsx(o.Trigger,{testId:"design-system-dialog--trigger",children:l}),e.jsxs(o.Content,{testId:"design-system-dialog--content",className:"box-border flex h-auto min-h-[250px] w-[320px] flex-col gap-8 overflow-hidden bg-w-white p-8 tablet:w-[400px] desktop:w-[400px]",children:[e.jsxs(i,{className:"flex w-full flex-col gap-6",children:[e.jsx(s,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:n}),e.jsx(s,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:d})]}),e.jsxs(i,{className:"flex w-full items-center justify-end gap-4",children:[e.jsx(o.Close,{testId:"design-system-dialog--close-button",children:e.jsx(t,{variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:a})}),e.jsx(o.Close,{testId:"design-system-dialog--confirm-button",children:e.jsx(t,{onClick:u,variant:"solid",className:r.twJoin(c&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:m})})]})]})]})};

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

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

package/dist/index.js

@@ -1 +1 @@
-"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),m=require("./Components/Atoms/Divider/Divider.js"),u=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),l=require("./Components/Atoms/Avatar/Avatar.js"),C=require("./Components/Atoms/Switch/Switch.js"),x=require("./Components/Atoms/SystemIcon/SystemIcon.js"),c=require("./Components/Atoms/NewBadge/NewBadge.js"),d=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),g=require("./Components/Atoms/SkillLabel/SkillLabel.js"),B=require("./Components/Atoms/ImageLabel/ImageLabel.js"),h=require("./Components/Atoms/Label/Label.js"),T=require("./Components/Atoms/ModalContext/ModalContext.js"),M=require("./Components/Atoms/BackDrop/BackDrop.js"),A=require("./Components/Atoms/ModalContainer/ModalContainer.js"),L=require("./Components/Atoms/FullModalContainer/FullModalContainer.js"),b=require("./Components/Atoms/BottomModalContainer/BottomModalContainer.js"),S=require("./Components/Atoms/SegmentedControl/SegmentedControl.js"),k=require("./Components/Molecules/WithBadge/WithBadge.js"),D=require("./Components/Molecules/GridLayout/GridLayout.js"),I=require("./Components/Molecules/CheckboxList/CheckboxList.js"),R=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),w=require("./Components/Molecules/RadioList/RadioList.js"),y=require("./Components/Molecules/MessageBox/MessageBox.js"),O=require("./Components/Molecules/TextButton/TextButton.js"),v=require("./Components/Molecules/InputChip/InputChip.js"),F=require("./Components/Molecules/List/List.js"),G=require("./Components/Molecules/Pagination/Pagination.js"),P=require("./Components/Molecules/Drawer/Drawer.js"),W=require("./Components/Molecules/SnackBar/SnackBar.js"),N=require("./Components/Molecules/PlainTooltip/PlainTooltip.js"),f=require("./Components/Molecules/RichTooltip/RichTooltip.js"),z=require("./Components/Molecules/RangeSlider/RangeSlider.js"),E=require("./Components/Molecules/RadioGroup/RadioGroup.js"),H=require("./Components/Molecules/Modal/Modal.js"),J=require("./Components/Organisms/TextTab/TextTab.js"),K=require("./Components/Organisms/GNBList/GNBList.js"),Q=require("./Components/Organisms/TextFieldDropdown/TextFieldDropdown.js"),U=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),V=require("./Components/Organisms/WithSnackBar/WithSnackBar.js"),X=require("./Components/Organisms/Autocomplete/Autocomplete.js"),Y=require("./Components/Organisms/TableOfContents/TableOfContents.js"),Z=require("./Components/Organisms/Dialog/Dialog.js"),$=require("./Components/Organisms/WithRichTooltip/WithRichTooltip.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=t,exports.Box=s,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=m,exports.ServiceLogo=u,exports.Avatar=l,exports.Switch=C,exports.SystemIcon=x,exports.NewBadge=c,exports.ChoiceChip=d,exports.Textarea=j,exports.IconButton=q,exports.SkillLabel=g,exports.ImageLabel=B,exports.Label=h,exports.ModalContext=T,exports.BackDrop=M,exports.ModalContainer=A,exports.FullModalContainer=L,exports.BottomModalContainer=b,exports.SegmentedControl=S,exports.WithBadge=k,exports.GridLayout=D,exports.CheckboxList=I,exports.CheckboxCard=R,exports.RadioList=w,exports.MessageBox=y,exports.TextButton=O,exports.InputChip=v,exports.List=F,exports.Pagination=G,exports.Drawer=P,exports.SnackBar=W,exports.PlainTooltip=N,exports.RichTooltip=f,exports.RangeSlider=z,exports.RadioGroup=E,exports.Modal=H,exports.TextTab=J,exports.GNBList=K,exports.TextFieldDropdown=Q,exports.TextButtonsDropdown=U,exports.WithSnackBar=V,exports.Autocomplete=X,exports.TableOfContents=Y,exports.Dialog=Z,exports.WithRichTooltip=$;
+"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),u=require("./Components/Atoms/Divider/Divider.js"),l=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),m=require("./Components/Atoms/Avatar/Avatar.js"),C=require("./Components/Atoms/Switch/Switch.js"),x=require("./Components/Atoms/SystemIcon/SystemIcon.js"),d=require("./Components/Atoms/NewBadge/NewBadge.js"),c=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),g=require("./Components/Atoms/SkillLabel/SkillLabel.js"),B=require("./Components/Atoms/ImageLabel/ImageLabel.js"),h=require("./Components/Atoms/Label/Label.js"),M=require("./Components/Atoms/ModalContext/ModalContext.js"),T=require("./Components/Atoms/BackDrop/BackDrop.js"),A=require("./Components/Atoms/ModalContainer/ModalContainer.js"),L=require("./Components/Atoms/FullModalContainer/FullModalContainer.js"),b=require("./Components/Atoms/BottomModalContainer/BottomModalContainer.js"),S=require("./Components/Atoms/SegmentedControl/SegmentedControl.js"),k=require("./Components/Molecules/WithBadge/WithBadge.js"),R=require("./Components/Molecules/GridLayout/GridLayout.js"),D=require("./Components/Molecules/CheckboxList/CheckboxList.js"),I=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),w=require("./Components/Molecules/RadioList/RadioList.js"),y=require("./Components/Molecules/MessageBox/MessageBox.js"),O=require("./Components/Molecules/TextButton/TextButton.js"),v=require("./Components/Molecules/InputChip/InputChip.js"),F=require("./Components/Molecules/List/List.js"),G=require("./Components/Molecules/Pagination/Pagination.js"),P=require("./Components/Molecules/Drawer/Drawer.js"),W=require("./Components/Molecules/SnackBar/SnackBar.js"),N=require("./Components/Molecules/PlainTooltip/PlainTooltip.js"),f=require("./Components/Molecules/RichTooltip/RichTooltip.js"),z=require("./Components/Molecules/RangeSlider/RangeSlider.js"),E=require("./Components/Molecules/RadioGroup/RadioGroup.js"),H=require("./Components/Molecules/Modal/Modal.js"),J=require("./Components/Molecules/RadioCard/RadioCard.js"),K=require("./Components/Organisms/TextTab/TextTab.js"),Q=require("./Components/Organisms/GNBList/GNBList.js"),U=require("./Components/Organisms/TextFieldDropdown/TextFieldDropdown.js"),V=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),X=require("./Components/Organisms/WithSnackBar/WithSnackBar.js"),Y=require("./Components/Organisms/Autocomplete/Autocomplete.js"),Z=require("./Components/Organisms/TableOfContents/TableOfContents.js"),$=require("./Components/Organisms/Dialog/Dialog.js"),_=require("./Components/Organisms/WithRichTooltip/WithRichTooltip.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=t,exports.Box=s,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=u,exports.ServiceLogo=l,exports.Avatar=m,exports.Switch=C,exports.SystemIcon=x,exports.NewBadge=d,exports.ChoiceChip=c,exports.Textarea=j,exports.IconButton=q,exports.SkillLabel=g,exports.ImageLabel=B,exports.Label=h,exports.ModalContext=M,exports.BackDrop=T,exports.ModalContainer=A,exports.FullModalContainer=L,exports.BottomModalContainer=b,exports.SegmentedControl=S,exports.WithBadge=k,exports.GridLayout=R,exports.CheckboxList=D,exports.CheckboxCard=I,exports.RadioList=w,exports.MessageBox=y,exports.TextButton=O,exports.InputChip=v,exports.List=F,exports.Pagination=G,exports.Drawer=P,exports.SnackBar=W,exports.PlainTooltip=N,exports.RichTooltip=f,exports.RangeSlider=z,exports.RadioGroup=E,exports.Modal=H,exports.RadioCard=J,exports.TextTab=K,exports.GNBList=Q,exports.TextFieldDropdown=U,exports.TextButtonsDropdown=V,exports.WithSnackBar=X,exports.Autocomplete=Y,exports.TableOfContents=Z,exports.Dialog=$,exports.WithRichTooltip=_;

package/dist/types/radio.types.d.ts

@@ -1,4 +1,5 @@
-export interface RadioStatus {
+import { ComponentPropsWithRef } from 'react';
+export interface RadioStatus extends ComponentPropsWithRef<'input'> {
     isDisabled?: boolean;
     isSelected?: boolean;
     isError?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -23,8 +23,8 @@
     "@savvywombat/tailwindcss-grid-areas": "^4.0.0",
     "@wishket/yogokit": "^0.1.3",
     "next": "14.0.4",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
     "tailwind-merge": "^2.2.2",
     "tailwind-scrollbar-hide": "^1.1.7"
   },
@@ -53,8 +53,8 @@
     "@types/faker": "^6",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.11.0",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@types/react": "^18 || ^19",
+    "@types/react-dom": "^18 || ^19",
     "@wishket/eslint-config-wishket": "^1.0.0",
     "autoprefixer": "^10.4.18",
     "babel-jest": "^29.7.0",