@wishket/design-system 1.17.3 → 1.17.4

package/dist/Components/Feedbacks/RichTooltip/RichTooltip.d.ts

@@ -1,34 +0,0 @@
-import { PropsWithChildren } from 'react';
-export interface RichTooltipProps extends PropsWithChildren {
-    title?: string;
-    description?: string;
-    className?: string;
-}
-/**
- * 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다. UI만 제공하고 실제 사용은 WithRichTooltip 컴포넌트를 사용하는 것이 더 간편합니다.
- *
- * @component
- * @param {object} props - 컴포넌트 프로퍼티
- * @param {string} [props.title] - 툴팁의 제목
- * @param {string} [props.description] - 툴팁의 상세 설명
- * @param {string} [props.className] - 추가적인 CSS 클래스
- * @param {React.ReactNode} [props.children] - 자식 컴포넌트
- *
- * @example
- * // 기본 사용법
- * <RichTooltip
- *   title="알림"
- *   description="새로운 메시지가 도착했습니다."
- * >
- *   <button>확인</button>
- * </RichTooltip>
- *
- * // 커스텀 스타일 적용
- * <RichTooltip
- *   title="경고"
- *   description="저장되지 않은 변경사항이 있습니다."
- *   className="absolute top-0 left-0"
- * />
- */
-declare const RichTooltip: ({ title, description, className, children, }: RichTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export { RichTooltip };

package/dist/Components/Feedbacks/RichTooltip/RichTooltip.js

@@ -1,27 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import{Typography as l}from"../../Base/Typography/Typography.js";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";
-/**
- * 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다. UI만 제공하고 실제 사용은 WithRichTooltip 컴포넌트를 사용하는 것이 더 간편합니다.
- *
- * @component
- * @param {object} props - 컴포넌트 프로퍼티
- * @param {string} [props.title] - 툴팁의 제목
- * @param {string} [props.description] - 툴팁의 상세 설명
- * @param {string} [props.className] - 추가적인 CSS 클래스
- * @param {React.ReactNode} [props.children] - 자식 컴포넌트
- *
- * @example
- * // 기본 사용법
- * <RichTooltip
- *   title="알림"
- *   description="새로운 메시지가 도착했습니다."
- * >
- *   <button>확인</button>
- * </RichTooltip>
- *
- * // 커스텀 스타일 적용
- * <RichTooltip
- *   title="경고"
- *   description="저장되지 않은 변경사항이 있습니다."
- *   className="absolute top-0 left-0"
- * />
- */const s=({title:s,description:i,className:o,children:m})=>/*#__PURE__*/e(r,{className:a("flex w-full flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium tablet:w-80",o),"data-testid":"design-system-rich-tooltip",children:[s&&/*#__PURE__*/t(r,{className:"flex w-full items-start justify-between gap-4",children:/*#__PURE__*/t(l,{variant:"body2",className:"font-medium text-w-gray-900",children:s})}),i&&/*#__PURE__*/t(l,{variant:"body3",className:"text-w-gray-400",children:i}),m]});export{s as RichTooltip};

package/dist/Components/Feedbacks/RichTooltip/index.d.ts

@@ -1,2 +0,0 @@
-export { RichTooltip } from './RichTooltip';
-export type { RichTooltipProps } from './RichTooltip';

package/dist/Components/Inputs/Button/Button.parts.d.ts

@@ -1,2 +0,0 @@
-import { ButtonProps } from './Button.types';
-export declare const ButtonContainer: ({ rounded, size, type, variant, color, children, leadingIcon, isLeadingIconSolid, trailingIcon, isTrailingIconSolid, badgeNumber, className, disabled, onClick, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +0,0 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"react";import{SystemIcon as o}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{CountBadge as i}from"../../DataDisplays/CountBadge/CountBadge.js";import"../../DataDisplays/Accordion/Accordion.js";function n(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function a(r,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))})),r}function l(r,e){if(null==r)return{};var t,o,i=function(r,e){if(null==r)return{};var t,o,i={},n=Object.keys(r);for(o=0;o<n.length;o++)t=n[o],e.indexOf(t)>=0||(i[t]=r[t]);return i}(r,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);for(o=0;o<n.length;o++)t=n[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(i[t]=r[t])}return i}const s=s=>{var{rounded:p,size:c,type:d,variant:y,color:b,children:m,leadingIcon:u,isLeadingIconSolid:g=!1,trailingIcon:f,isTrailingIconSolid:x=!1,badgeNumber:w="",className:O,disabled:h,onClick:j}=s,v=l(s,["rounded","size","type","variant","color","children","leadingIcon","isLeadingIconSolid","trailingIcon","isTrailingIconSolid","badgeNumber","className","disabled","onClick"]);const I=()=>{if(h){if("solid"===y)return"text-w-white";if("outline_filled"===y)return"text-primary-100";if("primary"===b)return"text-primary-100";if("gray"===b)return"text-w-gray-300"}return"solid"===y?"text-w-white":"outline_filled"===y||"primary"===b?"text-primary-500":"text-w-gray-600"};/*#__PURE__*/
-return r("button",a(function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),o.forEach((function(e){n(r,e,t[e])}))}return r}({className:t("box-border flex w-fit cursor-pointer items-center justify-center border","outlined"===y&&p?"rounded-full":"rounded-xl","sm"===c?"h-[36px] typo-body2 gap-x-1":"lg"===c?"h-[60px] typo-subTitle1 gap-x-2":"h-[50px] typo-body1 gap-x-1.5",(()=>{const r="solid"===y;return"sm"===c?r?"px-3":"px-[11px]":"lg"===c?r?"px-6":"px-[23px]":r?"px-4":"px-[15px]"})(),I(),"solid"===y?"bg-primary-500 border-0 hover:bg-primary-700":"outline_filled"===y?"bg-primary-10 border-primary-200 hover:border-primary-500":"primary"===b?"bg-w-white border-w-gray-200 hover:border-primary-500":"bg-w-white border-w-gray-200 hover:border-w-gray-400",h&&"cursor-not-allowed",h&&("solid"===y?"bg-primary-100 border-0 hover:bg-primary-100 hover:border-primary-100":"outline_filled"===y?"bg-primary-10 border-primary-200 hover:border-primary-200":"bg-w-white border-w-gray-200 hover:border-w-gray-200"),O),onClick:j,disabled:h,type:d},v),{children:[u&&/*#__PURE__*/e(o,{name:u,solid:g,testId:"design-system-button--leading-icon",className:t("flex-shrink-0","sm"===c?"size-[14px]":"size-4",I())}),m,f&&/*#__PURE__*/e(o,{name:f,solid:x,testId:"design-system-button--trailing-icon",className:t("flex-shrink-0","sm"===c?"size-[14px]":"size-4",I())}),w&&/*#__PURE__*/e(i,{text:w,className:"relative flex-shrink-0"})]}))};export{s as ButtonContainer};

package/dist/Components/Inputs/RadioList/parts/RadioListItem.d.ts

@@ -1,10 +0,0 @@
-import { RadioProps } from '../../Radio/types';
-interface RadioListProps extends RadioProps {
-    key?: string;
-    label?: string;
-    description?: string;
-    className?: string;
-    RadioClassName?: string;
-}
-declare const RadioListItem: ({ name, value, label, description, checked, disabled, isError, className, RadioClassName, onChange, }: RadioListProps) => import("react/jsx-runtime").JSX.Element;
-export { RadioListItem };

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

@@ -1,4 +0,0 @@
-"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{Typography as i}from"../../../Base/Typography/Typography.js";import{Box as a}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";import{Radio as n}from"../../Radio/Radio.js";function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function l(e,r){if(null==e)return{};var t,i,a=function(e,r){if(null==e)return{};var t,i,a={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const c=e=>{var{children:i,disabled:a,className:n,hasDescription:c}=e,d=l(e,["children","disabled","className","hasDescription"]);/*#__PURE__*/
-return r("label",s(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){o(e,r,t[r])}))}return e}({className:t("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",a?"cursor-not-allowed":"cursor-pointer",c?"gap-y-0.5":"gap-y-0",n)},d),{children:i}))},d=({name:o,value:s,label:l,description:d,checked:p,disabled:m=!1,isError:u=!1,className:y,RadioClassName:b,onChange:f})=>/*#__PURE__*/e(c,{"data-testid":"design-system-radioList--item",disabled:m,hasDescription:!!d,className:t("group",y),children:[
-/*#__PURE__*/r(a,{className:"flex cursor-pointer pt-1 grid-in-radio",children:/*#__PURE__*/r(n,{name:o,value:s,checked:p,isError:u,disabled:m,onChange:f,className:b})}),
-/*#__PURE__*/r(a,{className:"flex w-full items-center grid-in-label",children:/*#__PURE__*/r(i,{variant:"body1",className:t("w-full whitespace-normal break-words",m?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:l})}),d&&/*#__PURE__*/r(a,{className:"flex items-center grid-in-description",children:/*#__PURE__*/r(i,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:d})})]});export{d as RadioListItem};

package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.d.ts

@@ -1,39 +0,0 @@
-import { PropsWithChildren } from 'react';
-export interface WithRichTooltipProps extends PropsWithChildren {
-    size?: 'sm' | 'md';
-    variant?: 'right' | 'down';
-    title?: string;
-    description?: string;
-    className?: string;
-}
-/**
- * 정보 아이콘과 함께 리치 툴팁을 표시하는 래퍼 컴포넌트입니다.
- *
- * @component
- * @param {Object} props - 컴포넌트 프로퍼티
- * @param {'sm' | 'md'} [props.size='md'] - 정보 아이콘의 크기 (sm, md)
- * @param {'right' | 'down'} [props.variant='right'] - 툴팁이 표시될 방향 (right, down)
- * @param {string} [props.title] - 툴팁의 제목
- * @param {string} [props.description] - 툴팁의 설명 텍스트
- * @param {React.ReactNode} [props.children] - 툴팁 내부에 표시될 컨텐츠
- * @param {string} [props.className] - 툴팁 컨테이너에 적용될 추가 클래스
- *
- * @example
- * // 기본 사용법
- * <WithRichTooltip
- *   title="결제 정보"
- *   description="신용카드 또는 계좌이체로 결제가 가능합니다."
- * />
- *
- * // 크기와 방향 지정
- * <WithRichTooltip
- *   size="sm"
- *   variant="down"
- *   title="배송 안내"
- *   description="주문 후 1-3일 내 배송됩니다."
- * >
- *   <p>추가 배송 정보는 여기에 표시됩니다.</p>
- * </WithRichTooltip>
- */
-declare const WithRichTooltip: ({ size, variant, title, description, children, className, }: WithRichTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export { WithRichTooltip };

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

@@ -1,32 +0,0 @@
-"use client";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";import{useState as o}from"react";import{SystemIcon as s}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Accordion/Accordion.js";import"@wishket/yogokit";import"react-dom";import{RichTooltip as a}from"../../Feedbacks/RichTooltip/RichTooltip.js";import"../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";
-/**
- * 정보 아이콘과 함께 리치 툴팁을 표시하는 래퍼 컴포넌트입니다.
- *
- * @component
- * @param {Object} props - 컴포넌트 프로퍼티
- * @param {'sm' | 'md'} [props.size='md'] - 정보 아이콘의 크기 (sm, md)
- * @param {'right' | 'down'} [props.variant='right'] - 툴팁이 표시될 방향 (right, down)
- * @param {string} [props.title] - 툴팁의 제목
- * @param {string} [props.description] - 툴팁의 설명 텍스트
- * @param {React.ReactNode} [props.children] - 툴팁 내부에 표시될 컨텐츠
- * @param {string} [props.className] - 툴팁 컨테이너에 적용될 추가 클래스
- *
- * @example
- * // 기본 사용법
- * <WithRichTooltip
- *   title="결제 정보"
- *   description="신용카드 또는 계좌이체로 결제가 가능합니다."
- * />
- *
- * // 크기와 방향 지정
- * <WithRichTooltip
- *   size="sm"
- *   variant="down"
- *   title="배송 안내"
- *   description="주문 후 1-3일 내 배송됩니다."
- * >
- *   <p>추가 배송 정보는 여기에 표시됩니다.</p>
- * </WithRichTooltip>
- */const m=({size:m="md",variant:c="right",title:n,description:l,children:d,className:p})=>{const h="md"===m?"medium_information":"small_information",g="right"===c,f="down"===c,[y,u]=o(!1);/*#__PURE__*/
-return t(r,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[
-/*#__PURE__*/i(r,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:()=>u((t=>!t)),children:/*#__PURE__*/i(s,{name:h,className:"text-w-gray-400",testId:"md"===m?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),y&&/*#__PURE__*/i(a,{title:n,description:l,className:e("absolute",g&&"left-[calc(100%_+_12px)] top-0",f&&"left-0 top-[calc(100%_+_12px)]",p),children:d})]})};export{m as WithRichTooltip};

package/dist/Components/Wrappers/WithRichTooltip/index.d.ts

@@ -1 +0,0 @@
-export { WithRichTooltip } from './WithRichTooltip';

package/dist/cjs/Components/Feedbacks/PlainTooltip/PlainTooltip.js

@@ -1,37 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var l=require("./PlainTooltip.parts.js");
-/**
- * 마우스 호버 시 툴팁을 표시하는 컴포넌트입니다.
- *
- * @component
- * @param {Object} props
- * @param {'up' | 'down' | 'left' | 'right'} [props.variant='up'] - 툴팁이 표시될 방향
- * @param {string} [props.text] - 툴팁에 표시될 텍스트
- * @param {ReactNode} [props.children] - 툴팁을 표시할 대상 요소
- * @param {string} [props.className] - 최상위 컨테이너에 적용할 추가 클래스
- * @param {boolean} [props.disabled=false] - 툴팁 비활성화 여부
- * @param {string} [props.tooltipClassName] - 툴팁 컨테이너에 적용할 추가 클래스
- *
- * @example
- * // 기본 사용법
- * <PlainTooltip text="도움말 내용">
- *   <button>마우스를 올려보세요</button>
- * </PlainTooltip>
- *
- * // 방향 지정
- * <PlainTooltip
- *   variant="right"
- *   text="오른쪽에 표시되는 툴팁"
- * >
- *   <span>도움말</span>
- * </PlainTooltip>
- *
- * // 비활성화
- * <PlainTooltip
- *   text="이 툴팁은 표시되지 않습니다"
- *   disabled={true}
- * >
- *   <div>비활성화된 툴팁</div>
- * </PlainTooltip>
- */exports.PlainTooltip=({variant:s="up",text:o,children:i,className:n,disabled:p=!1,tooltipClassName:u})=>/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system-plain-toolTip",className:t.twMerge("inline-block",n),children:/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-plain-toolTip--child",className:"group relative",children:[i,!p&&/*#__PURE__*/e.jsxs(r.Box,{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"===s&&"bottom-full left-1/2 -translate-x-1/2 group-hover:-translate-y-3","down"===s&&"left-1/2 top-full -translate-x-1/2 group-hover:translate-y-3","left"===s&&"right-full top-1/2 -translate-y-1/2 group-hover:-translate-x-3","right"===s&&"left-full top-1/2 -translate-y-1/2 group-hover:translate-x-3",u),"data-testid":"design-system-plain-toolTip--container",children:[
-/*#__PURE__*/e.jsx(l.Arrow,{testId:"design-system-plain-toolTip--arrow",className:t.twMerge("absolute z-10","up"===s&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===s&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===s&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===s&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0")}),
-/*#__PURE__*/e.jsx(r.Box,{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:/*#__PURE__*/e.jsx(a.Typography,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:o})})]})]})});

package/dist/cjs/Components/Feedbacks/PlainTooltip/PlainTooltip.parts.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime");require("react");exports.Arrow=({testId:t,className:s})=>/*#__PURE__*/e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"5",height:"10",viewBox:"0 0 5 10",fill:"none","data-testid":t,className:s,children:/*#__PURE__*/e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96244e-08 5L5 -1.10263e-07L5 10L5.96244e-08 5Z",fill:"black"})});

package/dist/cjs/Components/Feedbacks/RichTooltip/RichTooltip.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.RichTooltip=({title:t,description:i,className:l,children:o})=>/*#__PURE__*/e.jsxs(r.Box,{className:a.twMerge("flex w-full flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium tablet:w-80",l),"data-testid":"design-system-rich-tooltip",children:[t&&/*#__PURE__*/e.jsx(r.Box,{className:"flex w-full items-start justify-between gap-4",children:/*#__PURE__*/e.jsx(s.Typography,{variant:"body2",className:"font-medium text-w-gray-900",children:t})}),i&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body3",className:"text-w-gray-400",children:i}),o]});

package/dist/cjs/Components/Inputs/Button/Button.parts.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var i=require("../../DataDisplays/CountBadge/CountBadge.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}require("../../DataDisplays/Accordion/Accordion.js");exports.ButtonContainer=s=>{var{rounded:l,size:c,type:d,variant:u,color:y,children:p,leadingIcon:b,isLeadingIconSolid:g=!1,trailingIcon:m,isTrailingIconSolid:f=!1,badgeNumber:x="",className:w,disabled:j,onClick:O}=s,h=a(s,["rounded","size","type","variant","color","children","leadingIcon","isLeadingIconSolid","trailingIcon","isTrailingIconSolid","badgeNumber","className","disabled","onClick"]);const v=()=>{if(j){if("solid"===u)return"text-w-white";if("outline_filled"===u)return"text-primary-100";if("primary"===y)return"text-primary-100";if("gray"===y)return"text-w-gray-300"}return"solid"===u?"text-w-white":"outline_filled"===u||"primary"===y?"text-primary-500":"text-w-gray-600"};/*#__PURE__*/
-return e.jsxs("button",n(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){o(e,r,t[r])}))}return e}({className:r.twMerge("box-border flex w-fit cursor-pointer items-center justify-center border","outlined"===u&&l?"rounded-full":"rounded-xl","sm"===c?"h-[36px] typo-body2 gap-x-1":"lg"===c?"h-[60px] typo-subTitle1 gap-x-2":"h-[50px] typo-body1 gap-x-1.5",(()=>{const e="solid"===u;return"sm"===c?e?"px-3":"px-[11px]":"lg"===c?e?"px-6":"px-[23px]":e?"px-4":"px-[15px]"})(),v(),"solid"===u?"bg-primary-500 border-0 hover:bg-primary-700":"outline_filled"===u?"bg-primary-10 border-primary-200 hover:border-primary-500":"primary"===y?"bg-w-white border-w-gray-200 hover:border-primary-500":"bg-w-white border-w-gray-200 hover:border-w-gray-400",j&&"cursor-not-allowed",j&&("solid"===u?"bg-primary-100 border-0 hover:bg-primary-100 hover:border-primary-100":"outline_filled"===u?"bg-primary-10 border-primary-200 hover:border-primary-200":"bg-w-white border-w-gray-200 hover:border-w-gray-200"),w),onClick:O,disabled:j,type:d},h),{children:[b&&/*#__PURE__*/e.jsx(t.SystemIcon,{name:b,solid:g,testId:"design-system-button--leading-icon",className:r.twMerge("flex-shrink-0","sm"===c?"size-[14px]":"size-4",v())}),p,m&&/*#__PURE__*/e.jsx(t.SystemIcon,{name:m,solid:f,testId:"design-system-button--trailing-icon",className:r.twMerge("flex-shrink-0","sm"===c?"size-[14px]":"size-4",v())}),x&&/*#__PURE__*/e.jsx(i.CountBadge,{text:x,className:"relative flex-shrink-0"})]}))};

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

@@ -1,4 +0,0 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../../Base/Typography/Typography.js"),i=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../../Radio/Radio.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function o(e,r){if(null==e)return{};var t,i,a=function(e,r){if(null==e)return{};var t,i,a={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const l=t=>{var{children:i,disabled:a,className:l,hasDescription:c}=t,d=o(t,["children","disabled","className","hasDescription"]);/*#__PURE__*/
-return e.jsx("label",n(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){s(e,r,t[r])}))}return e}({className:r.twMerge("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",a?"cursor-not-allowed":"cursor-pointer",c?"gap-y-0.5":"gap-y-0",l)},d),{children:i}))};exports.RadioListItem=({name:s,value:n,label:o,description:c,checked:d,disabled:u=!1,isError:p=!1,className:y,RadioClassName:g,onChange:b})=>/*#__PURE__*/e.jsxs(l,{"data-testid":"design-system-radioList--item",disabled:u,hasDescription:!!c,className:r.twMerge("group",y),children:[
-/*#__PURE__*/e.jsx(i.Box,{className:"flex cursor-pointer pt-1 grid-in-radio",children:/*#__PURE__*/e.jsx(a.Radio,{name:s,value:n,checked:d,isError:p,disabled:u,onChange:b,className:g})}),
-/*#__PURE__*/e.jsx(i.Box,{className:"flex w-full items-center grid-in-label",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body1",className:r.twMerge("w-full whitespace-normal break-words",u?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:o})}),c&&/*#__PURE__*/e.jsx(i.Box,{className:"flex items-center grid-in-description",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body2",className:u?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:c})})]});

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

@@ -1,3 +0,0 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),t=require("react"),s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js"),require("@wishket/yogokit"),require("react-dom");var o=require("../../Feedbacks/RichTooltip/RichTooltip.js");require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.WithRichTooltip=({size:a="md",variant:c="right",title:l,description:n,children:d,className:m})=>{const u="md"===a?"medium_information":"small_information",h="right"===c,g="down"===c,[p,y]=t.useState(!1);/*#__PURE__*/
-return e.jsxs(r.Box,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[
-/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),onClick:()=>y((e=>!e)),children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:u,className:"text-w-gray-400",testId:"md"===a?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),p&&/*#__PURE__*/e.jsx(o.RichTooltip,{title:l,description:n,className:i.twMerge("absolute",h&&"left-[calc(100%_+_12px)] top-0",g&&"left-0 top-[calc(100%_+_12px)]",m),children:d})]})};

package/dist/config/tailwind-plugins.js

@@ -1,90 +0,0 @@
-import plugin from 'tailwindcss/plugin';
-
-export const customizedPlugin = plugin(function ({ addUtilities, addBase, addVariant }) {
-  addUtilities({
-    '.scrollbar-list': {
-      '&::-webkit-scrollbar': {
-        width: '18px',
-        height: '18px',
-      },
-      '&::-webkit-scrollbar-track': {
-        background: 'transparent',
-        borderRadius: '12px',
-      },
-      '&::-webkit-scrollbar-thumb': {
-        width: '6px',
-        backgroundColor: 'rgba(0, 0, 0, 0.2)',
-        borderRadius: '20px',
-        border: '6px solid transparent',
-        backgroundClip: 'padding-box',
-      },
-    },
-    '.typo-title1': {
-      fontSize: '48px',
-      lineHeight: '64px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-title2': {
-      fontSize: '32px',
-      lineHeight: '48px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-title3': {
-      fontSize: '24px',
-      lineHeight: '36px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-subTitle1': {
-      fontSize: '20px',
-      lineHeight: '30px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-subTitle2': {
-      fontSize: '18px',
-      lineHeight: '28px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-contents1': {
-      fontSize: '18px',
-      lineHeight: '32px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-contents2': {
-      fontSize: '16px',
-      lineHeight: '30px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-body1': {
-      fontSize: '16px',
-      lineHeight: '26px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-body2': {
-      fontSize: '14px',
-      lineHeight: '24px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-body3': {
-      fontSize: '13px',
-      lineHeight: '20px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-caption1': {
-      fontSize: '12px',
-      lineHeight: '18px',
-      letterSpacing: '0.48px',
-    },
-    '.typo-caption2': {
-      fontSize: '11px',
-      lineHeight: '14px',
-      letterSpacing: '0.48px',
-    },
-  });
-  addBase({
-    '::-webkit-resizer': {
-      display: 'none',
-    },
-  });
-  addVariant('hover', '@media (hover: hover) and (pointer: fine){ &:hover }');
-  addVariant('group-hover', '@media (hover: hover) and (pointer: fine) { .group:hover & }');
-});

package/dist/types.d.ts

@@ -1,32 +0,0 @@
-export type { SystemIconName, SmallSystemIconName, MediumSystemIconName, LargeSystemIconName, SocialSystemIconName, SystemIconProps, } from './Components/DataDisplays/SystemIcon';
-export type { ProductIconName, ProductIconProps, ProductIconPartProps, SmallProductIconName, MediumProductIconName, LargeProductIconName, } from './Components/DataDisplays/ProductIcon';
-export type { ServiceLogoNames, ServiceLogoPartProps, } from './Components/DataDisplays/ServiceLogo';
-export type { AvatarProps, AvatarSize, AvatarStyleType, } from './Components/DataDisplays/Avatar';
-export type { NewBadgeProps } from './Components/DataDisplays/NewBadge';
-export type { LabelRootProps, LabelIconProps, } from './Components/DataDisplays/Label';
-export type { ImageLabelType, ImageLabelProps, } from './Components/DataDisplays/ImageLabel';
-export * from './Components/Inputs/Button';
-export * from './Components/Inputs/Checkbox';
-export * from './Components/Inputs/Radio';
-export * from './Components/Inputs/Calendar';
-export type { SkillItem, LegacySkillItem, AutocompleteProps, } from './Components/Inputs/Autocomplete';
-export * from './Components/Inputs/CheckboxCard';
-export * from './Components/Inputs/RadioCard';
-export * from './Components/Inputs/List';
-export * from './Components/Inputs/MultiColumnList';
-export * from './Components/Inputs/AutoCompleteList';
-export * from './Components/Inputs/TextButton';
-export * from './Components/Inputs/TextButtonDropdown';
-export * from './Components/Inputs/CheckboxList';
-export * from './Components/Inputs/RadioList';
-export type { LoadingIndicatorProps } from './Components/Feedbacks/LoadingIndicator';
-export type { MessageBoxProps, ExternalLink, } from './Components/Feedbacks/MessageBox';
-export type { MessageType, SnackBarProps, SnackBarIconProps, } from './Components/Feedbacks/SnackBar';
-export * from './Components/Navigations/BoxTab';
-export * from './Components/Navigations/TextTab';
-export * from './Components/Navigations/GNBList';
-export type { TableOfContentsProps, ContentItem, } from './Components/Navigations/TableOfContents';
-export type { TypographyVariants } from './Components/Base/Typography';
-export type { GridLayoutProps } from './Components/Base/Layouts/GridLayout';
-export type { ColumnProps } from './Components/Base/Layouts/Column';
-export * from './types/index';