npm - @wishket/design-system - Versions diffs - 1.17.2 → 1.17.4 - Mend

@wishket/design-system 1.17.2 → 1.17.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (448) hide show

package/dist/cjs/Components/Inputs/List/List.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){l(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function o(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r,s,n={},l=Object.keys(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var s=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){i(e,t,r[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function c(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r,s,n={},i=Object.keys(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
 /**
  * List.Root 컴포넌트는 목록의 컨테이너 역할을 합니다.
  *
@@ -7,8 +7,8 @@
  * @param {boolean} [props.disableScroll=false] - 스크롤 비활성화 여부
  * @param {ReactNode} props.children - 목록 항목들
  * @param {string} [props.className] - 추가 CSS 클래스
- */(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");const a={Root:s=>{var{children:n,className:l,disableScroll:a=!1}=s,u=o(s,["children","className","disableScroll"]);const y=t.useRef(null),[d,p]=t.useState(!1);return t.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;p(t>r)}),[]),/*#__PURE__*/e.jsx("ul",c(i({ref:y,"data-testid":"design-system-list",className:r.twMerge("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",a?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",d&&!a&&"pr-0",l)},u),{children:n}))},Item:t=>{var{leadingIcon:l,text:a,selected:u=!1,disabled:y=!1,canceled:d=!1,children:p,className:m,isFocused:b=!1}=t,f=o(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const g=r.twMerge(u?"text-primary-500":"text-w-gray-600",d&&"text-w-red-500",y&&"text-w-gray-300");/*#__PURE__*/
-return e.jsxs("li",c(i({className:r.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!y&&b&&"bg-primary-10",!y&&"hover:bg-primary-10",m)},f),{onClick:e=>{var t;y||null===(t=f.onClick)||void 0===t||t.call(f,e)},"data-testid":"design-system-list-item",children:[l&&/*#__PURE__*/e.jsx(s.SystemIcon,{name:l,className:g,testId:"design-system-list-item-leading-icon"}),a&&/*#__PURE__*/e.jsx(n.Typography,{variant:"body1",className:g,"data-testid":"design-system-list-item-text",children:a}),p]}))}};
+ */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");const o={Root:s=>{var{children:n,className:i,disableScroll:o=!1}=s,u=c(s,["children","className","disableScroll"]);const y=t.useRef(null),[d,p]=t.useState(!1);return t.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;p(t>r)}),[]),/*#__PURE__*/e.jsx("ul",a(l({ref:y,"data-testid":"design-system-list",className:r.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":"scrollbar-list overflow-y-auto",d&&!o&&"pr-0",i)},u),{children:n}))},Item:t=>{var{leadingIcon:i,text:o,selected:u=!1,disabled:y=!1,canceled:d=!1,children:p,className:m,isFocused:b=!1}=t,f=c(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const g=r.twMerge(u?"text-primary-500":"text-w-gray-600",d&&"text-w-red-500",y&&"text-w-gray-300");/*#__PURE__*/
+return e.jsxs("li",a(l({className:r.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!y&&b&&"bg-primary-10",!y&&"hover:bg-primary-10",m)},f),{onClick:e=>{var t;y||null===(t=f.onClick)||void 0===t||t.call(f,e)},"data-testid":"design-system-list-item",children:[i&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:i,className:g,testId:"design-system-list-item-leading-icon"}),o&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:g,"data-testid":"design-system-list-item-text",children:o}),p]}))}};
 /**
  * List.Item 컴포넌트는 개별 목록 항목을 표시합니다.
  *
@@ -22,4 +22,4 @@ return e.jsxs("li",c(i({className:r.twMerge("visible flex cursor-pointer select-
  * @param {boolean} [props.isFocused=false] - 포커스 상태
  * @param {ReactNode} props.children - 추가 컨텐츠
  * @param {string} [props.className] - 추가 CSS 클래스
- */exports.List=a;
+ */exports.List=o;

package/dist/cjs/Components/Inputs/MultiColumnList/MultiColumnList.parts.js CHANGED Viewed

@@ -22,8 +22,8 @@
  * </MultiColumnList.Root>
  * ```
  */exports.Category=o=>{var{children:u,className:y,index:d}=o,g=i(o,["children","className","index"]);const{handleCategoryClick:m,activeCategory:p}=t.useContext(c),f=d===p;/*#__PURE__*/
-return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category",className:r.twMerge("w-full cursor-pointer rounded-xl px-4 py-3 text-w-gray-600 hover:bg-primary-10",f&&"font-medium text-primary",y),onClick:()=>void 0!==d&&m(d)},g),{children:/*#__PURE__*/e.jsx(l.Typography,{variant:"body1",className:"whitespace-normal break-all",children:u})}))},exports.CategoryContainer=t=>{var{className:l,children:o}=t,c=i(t,["className","children"]);/*#__PURE__*/
-return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category-container",className:r.twMerge("flex h-full w-[180px] shrink-0 flex-col overflow-y-auto border-r border-w-gray-200 py-2 pl-2 scrollbar-list",l)},c),{children:o}))},exports.List=r=>{var{children:o,title:u,index:y}=r,d=i(r,["children","title","index"]);const{activeCategory:g}=t.useContext(c);return y!==g?null:/*#__PURE__*/e.jsxs(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-item",className:"flex w-full flex-col gap-4"},d),{children:[u&&/*#__PURE__*/e.jsx(l.Typography,{variant:"body1",className:"w-full font-medium text-primary","data-testid":"design-system-multi-column-list-title",children:u}),o]}))},exports.ListContainer=l=>{var{children:o,className:u}=l,y=i(l,["children","className"]);const{activeCategory:d}=t.useContext(c),g=t.useRef(null);return t.useEffect((()=>{g.current&&g.current.scrollTo({top:0})}),[d]),/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-container",ref:g,className:r.twMerge("flex h-full w-full flex-col gap-6 overflow-y-auto px-6 py-5 scrollbar-list",u)},y),{children:o}))},exports.Root=l=>{var{children:o,className:u,currentActiveCategory:y=0,onCategoryChange:d}=l,g=i(l,["children","className","currentActiveCategory","onCategoryChange"]);const[m,p]=t.useState(y);return t.useEffect((()=>{y!==m&&p(y);
+return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category",className:r.twMerge("w-full cursor-pointer rounded-xl px-4 py-3 text-w-gray-600 hover:bg-primary-10",f&&"font-medium text-primary",y),onClick:()=>void 0!==d&&m(d)},g),{children:/*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"whitespace-normal break-all",children:u})}))},exports.CategoryContainer=t=>{var{className:l,children:o}=t,c=i(t,["className","children"]);/*#__PURE__*/
+return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category-container",className:r.twMerge("scrollbar-list flex h-full w-[180px] shrink-0 flex-col overflow-y-auto border-r border-w-gray-200 py-2 pl-2",l)},c),{children:o}))},exports.List=r=>{var{children:o,title:u,index:y}=r,d=i(r,["children","title","index"]);const{activeCategory:g}=t.useContext(c);return y!==g?null:/*#__PURE__*/e.jsxs(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-item",className:"flex w-full flex-col gap-4"},d),{children:[u&&/*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"w-full font-medium text-primary","data-testid":"design-system-multi-column-list-title",children:u}),o]}))},exports.ListContainer=l=>{var{children:o,className:u}=l,y=i(l,["children","className"]);const{activeCategory:d}=t.useContext(c),g=t.useRef(null);return t.useEffect((()=>{g.current&&g.current.scrollTo({top:0})}),[d]),/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-container",ref:g,className:r.twMerge("scrollbar-list flex h-full w-full flex-col gap-6 overflow-y-auto px-6 py-5",u)},y),{children:o}))},exports.Root=l=>{var{children:o,className:u,currentActiveCategory:y=0,onCategoryChange:d}=l,g=i(l,["children","className","currentActiveCategory","onCategoryChange"]);const[m,p]=t.useState(y);return t.useEffect((()=>{y!==m&&p(y);
 // eslint-disable-next-line react-hooks/exhaustive-deps
 }),[y]),/*#__PURE__*/e.jsx(c.Provider,{value:{activeCategory:m,currentActiveCategory:y,handleCategoryClick:e=>{e!==m&&(// 현재 카테고리를 다시 클릭하는 경우 방지
 null==d||d(e),p(e))}},children:/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--root",className:r.twMerge("flex h-full w-full rounded-xl border border-w-gray-200 bg-w-white",u)},g),{children:o}))})};

package/dist/cjs/Components/Inputs/Radio/Radio.js CHANGED Viewed

@@ -1,25 +1,25 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("react"),i=require("../../Base/Layouts/Box/Box.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 a(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}function s(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}require("../../Base/Layouts/FullBleed/FullBleed.js");const l=({isDisabled:t,isSelected:i=!1,isError:o,className:a})=>/*#__PURE__*/e.jsx("div",{className:r.twMerge("relative box-border flex h-[18px] w-[18px] items-center justify-center rounded-full border p-[4px]",
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("react"),o=require("../../Base/Layouts/Box/Box.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){i(e,r,t[r])}))}return e}function n(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}require("../../Base/Layouts/FullBleed/FullBleed.js");const s=({disabled:t,checked:o,isError:i})=>/*#__PURE__*/e.jsx("div",{className:r.twMerge("relative box-border flex h-[18px] w-[18px] items-center justify-center rounded-full border p-[4px]",!t&&!i&&"group-focus-within:border-primary-500",
 // 체크되었고 비활성화 상태의 경우
-i&&t?"bg-w-white border-primary-100 cursor-not-allowed":
+o&&t?"bg-w-white border-primary-100 cursor-not-allowed":
 // 비활성화 상태의 경우
 t?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":
 // 활성화 상태에서 체크되었고 오류가 없는 경우
-i&&!o?"bg-w-white border-primary-500":
+o&&!i?"bg-w-white border-primary-500":
 // 활성화 상태에서 체크되었고 오류가 있는 경우
-i&&o?"bg-w-white border-w-red-500":
+o&&i?"bg-w-white border-w-red-500":
 // 활성화 상태에서 체크되지 않았고 오류가 있는 경우
-!i&&o?"border-w-red-500":"bg-white border-w-gray-200 group-hover:border-primary-500 cursor-pointer",a),role:"radio-button",children:/*#__PURE__*/e.jsx("div",{className:r.twMerge("size-2 rounded-full bg-primary transition-all duration-100 ease-in-out",!i&&"h-0 w-0",o&&"bg-w-red-500",t&&"bg-w-gray-200",i&&t&&"bg-primary-100")})}),n=/*#__PURE__*/t.forwardRef(((r,t)=>{var{value:o="",isSelected:n=!1,isDisabled:u=!1,isError:d=!1,className:c}=r,b=s(r,["value","isSelected","isDisabled","isError","className"]);/*#__PURE__*/
-return e.jsxs(i.Box,{"data-testid":"design-system-radio",className:"group cursor-pointer",children:[
-/*#__PURE__*/e.jsx("input",a({ref:t,type:"radio",className:"hidden",value:o,checked:n,disabled:u},b)),
-/*#__PURE__*/e.jsx(l,{isSelected:n,isError:d,isDisabled:u,className:c})]})}));
+!o&&i?"border-w-red-500":"bg-white border-w-gray-200 group-hover:border-primary-500 cursor-pointer"),role:"radio-button",children:/*#__PURE__*/e.jsx("div",{className:r.twMerge("size-2 rounded-full bg-primary transition-all duration-100 ease-in-out",!o&&"h-0 w-0",i&&"bg-w-red-500",t&&"bg-w-gray-200",o&&t&&"bg-primary-100")})}),l=/*#__PURE__*/t.forwardRef(((t,i)=>{var{value:l="",checked:u=!1,disabled:d=!1,isError:c=!1,className:b}=t,p=n(t,["value","checked","disabled","isError","className"]);/*#__PURE__*/
+return e.jsxs(o.Box,{"data-testid":"design-system-radio",className:r.twMerge("group relative cursor-pointer",b),children:[
+/*#__PURE__*/e.jsx("input",a({ref:i,type:"radio",className:"absolute inset-0 z-10 cursor-pointer opacity-0",value:l,checked:u,disabled:d},p)),
+/*#__PURE__*/e.jsx(s,{checked:u,isError:c,disabled:d})]})}));
 /**
  * 사용자가 여러 옵션 중 하나를 선택할 수 있는 라디오 버튼 컴포넌트입니다.
  *
  * @component
  * @param {Object} props
  * @param {string} [props.value=''] - 라디오 버튼의 값
- * @param {boolean} [props.isSelected=false] - 라디오 버튼의 선택 상태
- * @param {boolean} [props.isDisabled=false] - 라디오 버튼의 비활성화 상태
+ * @param {boolean} [props.checked=false] - 라디오 버튼의 선택 상태
+ * @param {boolean} [props.disabled=false] - 라디오 버튼의 비활성화 상태
  * @param {boolean} [props.isError=false] - 라디오 버튼의 에러 상태
  * @param {string} [props.className] - 추가적인 스타일링을 위한 클래스명
  *
@@ -28,14 +28,20 @@ return e.jsxs(i.Box,{"data-testid":"design-system-radio",className:"group cursor
  * <Radio value="option1" />
  *
  * // 선택된 상태
- * <Radio value="option2" isSelected={true} />
+ * <Radio value="option2" checked={true} />
  *
  * // 비활성화 상태
- * <Radio value="option3" isDisabled={true} />
+ * <Radio value="option3" disabled={true} />
  *
  * // 에러 상태
  * <Radio value="option4" isError={true} />
  *
- * // 커스텀 스타일
- * <Radio value="option5" className="custom-radio" />
- */n.displayName="Radio",exports.Radio=n;
+ * // react-hook-form 사용 예시
+ * <Controller
+ *   control={control}
+ *   name="name"
+ *   render={({ field }) => (
+ *     <Radio value="option5" checked={field.value === 'option5'} onChange={field.onChange} />
+ *   )}
+ * />
+ */l.displayName="Radio",exports.Radio=l;

package/dist/cjs/Components/Inputs/RadioCard/RadioCard.js CHANGED Viewed

@@ -1,5 +1,5 @@
-"use client";"use strict";var e=require("react/jsx-runtime");require("react");var a=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var t=require("./RadioCard.parts.js"),i=require("./useRadioCard.js");exports.RadioCard=s=>{const{disabled:d=!1,isSelected:l=!1,isError:o=!1,onChange:n,isWide:c=!1,className:u,iconName:y,title:g,description:x,testId:m,value:C,name:h}=s,p=null!=y?y:c?null:"receipt",{handleChange:j}=i.useRadioCard({checked:l,disabled:d,onChange:n});/*#__PURE__*/
-return e.jsx("label",{"data-testid":m,role:"radio-card",className:"group",children:/*#__PURE__*/e.jsxs(t.RadioCardContainer,{"data-testid":"design-system-radioCard--container",isSelected:l,isError:o,isWide:c,disabled:d,className:u,children:[
-/*#__PURE__*/e.jsx(t.StyledRadio,{name:h,value:C,isWide:c,isSelected:l,onChange:j,isError:o,disabled:d}),p&&/*#__PURE__*/e.jsx(t.RadioCardIcon,{isError:o,isSelected:l,iconName:p,disabled:d}),
+"use client";"use strict";var e=require("react/jsx-runtime");require("react");var a=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var t=require("./RadioCard.parts.js"),i=require("./useRadioCard.js");exports.RadioCard=d=>{const{disabled:s=!1,checked:o=!1,isError:n=!1,onChange:l,isWide:c=!1,className:u,iconName:y,title:g,description:x,testId:h,value:m,name:C}=d,p=null!=y?y:c?null:"receipt",{handleChange:j}=i.useRadioCard({checked:o,disabled:s,onChange:l});/*#__PURE__*/
+return e.jsx("label",{"data-testid":h,role:"radio-card",className:"group",children:/*#__PURE__*/e.jsxs(t.RadioCardContainer,{"data-testid":"design-system-radioCard--container",checked:o,isError:n,isWide:c,disabled:s,className:u,children:[
+/*#__PURE__*/e.jsx(t.StyledRadio,{name:C,value:m,isWide:c,checked:o,onChange:j,isError:n,disabled:s}),p&&/*#__PURE__*/e.jsx(t.RadioCardIcon,{iconName:p,checked:o,isError:n,disabled:s}),
 /*#__PURE__*/e.jsxs(t.TitleContainer,{isWide:c,"data-testid":"design-system-radioCard--titleBox",children:[
-/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system-radioCard--title",variant:"body1",className:a.twMerge("font-medium",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:g}),x&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body2",className:a.twMerge("font-normal",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:x})]})]})})};
+/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system-radioCard--title",variant:"body16",className:a.twMerge("font-medium",c?"text-left":"text-center",s?"text-w-gray-300":"text-w-gray-900"),children:g}),x&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:a.twMerge("font-normal",c?"text-left":"text-center",s?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:x})]})]})})};

package/dist/cjs/Components/Inputs/RadioCard/RadioCard.parts.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var t=require("../../DataDisplays/ProductIcon/ProductIcon.js"),i=require("../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){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}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={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(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)&&(o[t]=e[t])}return o}exports.RadioCardContainer=t=>{var{children:i,isWide:o,isSelected:c,isError:l,disabled:d,className:u}=t,p=a(t,["children","isWide","isSelected","isError","disabled","className"]);/*#__PURE__*/
-return e.jsx("div",n(s({className:r.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",d&&c&&!l?"cursor-not-allowed border-primary-100":d?"cursor-not-allowed border-w-gray-200":l?"border-w-red-500":c?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?c&&!l?"bg-primary-10":"bg-w-gray-10":c?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",u)},p),{children:i}))},exports.RadioCardIcon=({iconName:i,disabled:o,isSelected:s,isError:n})=>{const a=n||!s;/*#__PURE__*/
-return e.jsx("div",{className:r.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:i,disabled:a})})},exports.StyledRadio=t=>{var{isWide:o,className:n,disabled:c,isError:l,isSelected:d}=t,u=a(t,["isWide","className","disabled","isError","isSelected"]);const p=!o,b=l&&d&&c;/*#__PURE__*/
-return e.jsx(i.Radio,s({className:r.twMerge(p&&"absolute left-[17px] top-[17px]",n),isDisabled:c||b,isError:l,isSelected:!b&&d},u))},exports.TitleContainer=({isWide:t,children:i})=>/*#__PURE__*/e.jsx("div",{className:r.twJoin("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:i});
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var t=require("../../DataDisplays/ProductIcon/ProductIcon.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../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){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}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={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(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)&&(o[t]=e[t])}return o}exports.RadioCardContainer=t=>{var{children:i,isWide:o,checked:c,isError:l,disabled:d,className:u}=t,p=a(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
+return e.jsx("div",n(s({className:r.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 py-6",!d&&!l&&"group-focus-within:border-primary-500",d&&c&&!l?"cursor-not-allowed border-primary-100":d?"cursor-not-allowed border-w-gray-200":l?"border-w-red-500":c?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?c&&!l?"bg-primary-10":"bg-w-gray-10":c?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",u)},p),{children:i}))},exports.RadioCardIcon=({iconName:i,disabled:o,checked:s,isError:n})=>{const a=n||!s;/*#__PURE__*/
+return e.jsx("div",{className:r.twMerge("flex size-[60px] shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:i,disabled:a})})},exports.StyledRadio=t=>{var{isWide:o,disabled:n,isError:c,checked:l}=t,d=a(t,["isWide","disabled","isError","checked"]);const u=!o,p=c&&l&&n;/*#__PURE__*/
+return e.jsx(i.Radio,s({className:r.twMerge(u&&"absolute left-[17px] top-[17px]"),disabled:n||p,checked:!p&&l,isError:c},d))},exports.TitleContainer=({isWide:t,children:i})=>/*#__PURE__*/e.jsx("div",{className:r.twJoin("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:i});

package/dist/cjs/Components/Inputs/RadioGroup/RadioGroup.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react");function t(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){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}function o(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}
+"use strict";var e=require("react/jsx-runtime"),r=require("react");function t(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){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),c.forEach((function(r){t(e,r,n[r])}))}return e}function c(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}
 /**
  * 라디오 버튼 그룹을 구성하는 컴포넌트입니다.
  *
@@ -35,5 +35,5 @@
  *   )}
  * </RadioGroup>
  * ```
- */exports.RadioGroup=({data:t,selectedValue:c,children:i,onChange:a,isError:s,isDisabled:u})=>/*#__PURE__*/e.jsx(e.Fragment,{children:t.map((t=>{const l=c===t.value;/*#__PURE__*/
-return e.jsx(r.Fragment,{children:i(o(n({},t),{onChange:a,isError:s,isDisabled:u,isSelected:l}))},t.value)}))});
+ */exports.RadioGroup=({data:t,selectedValue:o,children:i,onChange:a,isError:u,disabled:s})=>/*#__PURE__*/e.jsx(e.Fragment,{children:t.map((t=>{const l=o===t.value;/*#__PURE__*/
+return e.jsx(r.Fragment,{children:i(c(n({},t),{onChange:a,isError:u,disabled:s,checked:l}))},t.value)}))});

package/dist/cjs/Components/Inputs/RadioList/RadioList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../RadioGroup/RadioGroup.js"),t=require("./parts/RadioListContainer.js"),a=require("./parts/RadioListItem.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.RadioList=({data:n,name:o,className:s,selectedValue:u,testId:c,onChange:l,isDisabled:d,isError:b})=>/*#__PURE__*/e.jsx(t.RadioListContainer,{className:s,testId:c,children:/*#__PURE__*/e.jsx(r.RadioGroup,{name:o,data:n,selectedValue:u,onChange:l,isDisabled:d,isError:b,children:r=>/*#__PURE__*/e.jsx(a.RadioListItem,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){i(e,r,t[r])}))}return e}
+"use strict";var e=require("react/jsx-runtime"),r=require("../RadioGroup/RadioGroup.js"),t=require("../RadioListItem/RadioListItem.js"),i=require("./parts/RadioListContainer.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.RadioList=({data:n,name:o,className:s,selectedValue:u,testId:c,onChange:d,disabled:l,isError:b})=>/*#__PURE__*/e.jsx(i.RadioListContainer,{className:s,testId:c,children:/*#__PURE__*/e.jsx(r.RadioGroup,{name:o,data:n,selectedValue:u,onChange:d,disabled:l,isError:b,children:r=>/*#__PURE__*/e.jsx(t.RadioListItem,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){a(e,r,t[r])}))}return e}
 /**
  * 라디오 버튼 목록을 표시하는 컴포넌트입니다.
  *
@@ -9,7 +9,7 @@
  * @param {string} [props.selectedValue] - 선택된 라디오 버튼의 값
  * @param {string} [props.testId] - 테스트를 위한 ID
  * @param {Function} props.onChange - 선택 변경 시 호출되는 콜백 함수
- * @param {boolean} [props.isDisabled] - 비활성화 여부
+ * @param {boolean} [props.disabled] - 비활성화 여부
  * @param {boolean} [props.isError] - 에러 상태 여부
  *
  * @example
@@ -27,4 +27,4 @@
  *   isDisabled={false}
  *   isError={false}
  * />
- */({name:o},r),r.key)})});
+ */({},r))})});

package/dist/cjs/Components/Inputs/RadioListItem/RadioListItem.js ADDED Viewed

@@ -0,0 +1,5 @@
+"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 s=require("../Radio/Radio.js");function a(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){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){a(e,r,t[r])}))}return e}function o(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,s=function(e,r){if(null==e)return{};var t,i,s={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||(s[t]=e[t]);return s}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(s[t]=e[t])}return s}const c=t=>{var{children:i,disabled:s,className:a,hasDescription:c}=t,d=l(t,["children","disabled","className","hasDescription"]);/*#__PURE__*/
+return e.jsx("label",o(n({className:r.twMerge("grid-areas-radio-list-item-container grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3",s?"cursor-not-allowed":"cursor-pointer",c?"gap-y-0.5":"gap-y-0",a)},d),{children:i}))};exports.RadioListItem=a=>{var{name:o,value:d,label:u,description:p,checked:y,disabled:g=!1,isError:m=!1,errorMessage:b,className:h,RadioClassName:f,onChange:j,children:x}=a,O=l(a,["name","value","label","description","checked","disabled","isError","errorMessage","className","RadioClassName","onChange","children"]);/*#__PURE__*/
+return e.jsxs(c,{"data-testid":"design-system-radioList--item",disabled:g,hasDescription:!!p,className:r.twMerge("group",h),children:[
+/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-radio flex cursor-pointer pt-1",children:/*#__PURE__*/e.jsx(s.Radio,n({name:o,value:d,checked:y,isError:m,disabled:g,onChange:j,className:f},O))}),
+/*#__PURE__*/e.jsxs(i.Box,{className:"grid-in-label flex w-full items-center",children:[u&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body16",className:r.twMerge("w-full whitespace-normal break-words",g?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:u}),x]}),m&&b&&/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-error flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:b})}),p&&/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-description flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:p})})]})};

package/dist/cjs/Components/Inputs/RangeSlider/RangeSlider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),n=require("react"),r=require("../../Base/Layouts/Box/Box.js");function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function m(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}require("../../Base/Layouts/FullBleed/FullBleed.js");const u="\n  [&::-moz-range-thumb]:pointer-events-auto\n  [&::-moz-range-thumb]:mr-2\n  [&::-moz-range-thumb]:-translate-x-1/4\n  [&::-moz-range-thumb]:transform\n  [&::-moz-range-thumb]:appearance-none\n  [&::-moz-range-thumb]:rounded-full\n  [&::-moz-range-thumb]:border\n  [&::-moz-range-thumb]:border-w-gray-200\n  [&::-moz-range-thumb]:bg-transparent\n  [&::-moz-range-thumb]:bg-white\n  [&::-moz-range-thumb]:shadow-graymedium\n  [&::-moz-range-thumb]:outline\n  [&::-moz-range-thumb]:ring-1\n  [&::-moz-range-thumb]:ring-inset\n  [&::-moz-range-thumb]:ring-w-gray-200\n  [&::-moz-range-thumb]:transition-all\n  [&::-moz-range-thumb]:duration-150\n  [&::-moz-range-thumb]:ease-in-out\n  [&::-moz-range-thumb]:dark:bg-w-white\n\n  [&::-webkit-slider-thumb]:pointer-events-auto\n  [&::-webkit-slider-thumb]:mr-2\n  [&::-webkit-slider-thumb]:-translate-x-1/4\n  [&::-webkit-slider-thumb]:transform\n  [&::-webkit-slider-thumb]:appearance-none\n  [&::-webkit-slider-thumb]:rounded-full\n  [&::-webkit-slider-thumb]:border\n  [&::-webkit-slider-thumb]:border-w-gray-200\n  [&::-webkit-slider-thumb]:bg-transparent\n  [&::-webkit-slider-thumb]:bg-white\n  [&::-webkit-slider-thumb]:shadow-graymedium\n  [&::-webkit-slider-thumb]:outline\n  [&::-webkit-slider-thumb]:ring-1\n  [&::-webkit-slider-thumb]:ring-inset\n  [&::-webkit-slider-thumb]:ring-w-gray-200\n  [&::-webkit-slider-thumb]:transition-all\n  [&::-webkit-slider-thumb]:duration-150\n  [&::-webkit-slider-thumb]:ease-in-out\n  [&::-webkit-slider-thumb]:dark:bg-w-white\n  ";
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),n=require("react"),r=require("../../Base/Layouts/Box/Box.js");function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}require("../../Base/Layouts/FullBleed/FullBleed.js");const m="\n  [&::-moz-range-thumb]:pointer-events-auto\n  [&::-moz-range-thumb]:mr-2\n  [&::-moz-range-thumb]:-translate-x-1/4\n  [&::-moz-range-thumb]:transform\n  [&::-moz-range-thumb]:appearance-none\n  [&::-moz-range-thumb]:rounded-full\n  [&::-moz-range-thumb]:border\n  [&::-moz-range-thumb]:border-w-gray-200\n  [&::-moz-range-thumb]:bg-transparent\n  [&::-moz-range-thumb]:bg-white\n  [&::-moz-range-thumb]:shadow-graymedium\n  [&::-moz-range-thumb]:outline\n  [&::-moz-range-thumb]:inset-ring\n  [&::-moz-range-thumb]:inset-ring-w-gray-200\n  [&::-moz-range-thumb]:transition-all\n  [&::-moz-range-thumb]:duration-150\n  [&::-moz-range-thumb]:ease-in-out\n  [&::-moz-range-thumb]:dark:bg-w-white\n\n  [&::-webkit-slider-thumb]:pointer-events-auto\n  [&::-webkit-slider-thumb]:mr-2\n  [&::-webkit-slider-thumb]:-translate-x-1/4\n  [&::-webkit-slider-thumb]:transform\n  [&::-webkit-slider-thumb]:appearance-none\n  [&::-webkit-slider-thumb]:rounded-full\n  [&::-webkit-slider-thumb]:border\n  [&::-webkit-slider-thumb]:border-w-gray-200\n  [&::-webkit-slider-thumb]:bg-transparent\n  [&::-webkit-slider-thumb]:bg-white\n  [&::-webkit-slider-thumb]:shadow-graymedium\n  [&::-webkit-slider-thumb]:outline\n  [&::-webkit-slider-thumb]:inset-ring\n  [&::-webkit-slider-thumb]:inset-ring-w-gray-200\n  [&::-webkit-slider-thumb]:transition-all\n  [&::-webkit-slider-thumb]:duration-150\n  [&::-webkit-slider-thumb]:ease-in-out\n  [&::-webkit-slider-thumb]:dark:bg-w-white\n  ";
 /**
  * 단일 또는 이중 슬라이더를 제공하는 범위 선택 컴포넌트입니다.
  *
@@ -34,10 +34,10 @@
  *   value={{ min: 30, max: 70 }}
  *   onChange={(value) => console.log(value)}
  * />
- */exports.RangeSlider=a=>{var{variant:l="single",size:o="sm",step:b=10,value:d={min:0,max:0},min:g=0,max:h=100,onChange:c,className:w}=a,p=m(a,["variant","size","step","value","min","max","onChange","className"]);const f="dual"===l,{min:y,max:x}=d,z=f?y:0,[j,O]=n.useState({min:z,max:x}),[k,v]=n.useState("end"),S=e=>h===g?0:(e-g)/(h-g)*100,N=(e,t)=>{const n="min"===t,r=n?"start":"end",a=Number(e.target.value),m=n?Math.min(a,j.max-b):Math.max(a,j.min+b);v(r),O((e=>s(i({},e),{[t]:m}))),null==c||c(s(i({},j),{[t]:m}))},P=()=>"sm"===o?u+"[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4":u+"[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5",B=Math.floor(Number(h)/Number(b))+1;return n.useEffect((()=>{O(s(i({},j),{max:d.max}));
+ */exports.RangeSlider=a=>{var{variant:l="single",size:o="sm",step:b=10,value:d={min:0,max:0},min:g=0,max:h=100,onChange:c,className:p}=a,w=u(a,["variant","size","step","value","min","max","onChange","className"]);const f="dual"===l,{min:y,max:x}=d,z=f?y:0,[j,O]=n.useState({min:z,max:x}),[k,v]=n.useState("end"),S=e=>h===g?0:(e-g)/(h-g)*100,N=(e,t)=>{const n="min"===t,r=n?"start":"end",a=Number(e.target.value),u=n?Math.min(a,j.max-b):Math.max(a,j.min+b);v(r),O((e=>s(i({},e),{[t]:u}))),null==c||c(s(i({},j),{[t]:u}))},P=()=>"sm"===o?`${m}[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4`:`${m}[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5`,B=Math.floor(Number(h)/Number(b))+1;return n.useEffect((()=>{O(s(i({},j),{max:d.max}));
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[d.max]),/*#__PURE__*/e.jsxs(r.Box,{className:t.twMerge("relative px-1",w),"data-testid":"design-system-rangeSlider",children:[f&&/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:g,max:h,step:b,value:j.min,onInput:e=>N(e,"min"),className:t.twMerge("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",P(),"start"===k&&"z-50")},p)),
-/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:g,max:h,value:j.max,onInput:e=>N(e,"max"),step:b,className:t.twMerge("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",P(),f&&"pointer-events-none","end"===k&&"z-50")},p)),
-/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-rangeSlider--container",className:t.twMerge("relative overflow-hidden","sm"===o&&"h-1 rounded-sm","md"===o&&"h-2 rounded"),children:["md"===o&&/*#__PURE__*/e.jsx(r.Box,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array(B)].map(((t,n)=>/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)))}),
+}),[d.max]),/*#__PURE__*/e.jsxs(r.Box,{className:t.twMerge("relative px-1",p),"data-testid":"design-system-rangeSlider",children:[f&&/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:g,max:h,step:b,value:j.min,onInput:e=>N(e,"min"),className:t.twMerge("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",P(),"start"===k&&"z-50")},w)),
+/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:g,max:h,value:j.max,onInput:e=>N(e,"max"),step:b,className:t.twMerge("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",P(),f&&"pointer-events-none","end"===k&&"z-50")},w)),
+/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-rangeSlider--container",className:t.twMerge("relative overflow-hidden","sm"===o&&"rounded-xs h-1","md"===o&&"h-2 rounded"),children:["md"===o&&/*#__PURE__*/e.jsx(r.Box,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array(B)].map(((t,n)=>/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)))}),
 /*#__PURE__*/e.jsx(r.Box,{className:"absolute left-0 top-0 z-0 h-full w-full bg-w-gray-50","data-testid":"design-system-rangeSlider--rail"}),
 /*#__PURE__*/e.jsx(r.Box,{className:"absolute left-0 top-0 z-10 h-full bg-primary","data-testid":"design-system-rangeSlider--fill-track",style:{width:`${f?S(j.max)-S(j.min):S(j.max)}%`,left:f?`${S(j.min)}%`:0}})]})]})};

package/dist/cjs/Components/Inputs/SearchField/SearchField.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../TextButtonDropdown/TextButtonDropdown.js"),l=require("../TextFieldContainer/TextFieldContainer.js"),o=require("../Input/Input.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){u(e,t,r[t])}))}return e}function c(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r,s,n={},i=Object.keys(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextButtonDropdown/TextButtonDropdown.js"),a=require("../TextFieldContainer/TextFieldContainer.js"),o=require("../Input/Input.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){l(e,t,r[t])}))}return e}function c(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r,s,n={},i=Object.keys(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
 /**
  * 검색 필드 컴포넌트
  *
@@ -34,7 +34,7 @@
  *     ]
  *   }}
  * />
- */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js");exports.SearchField=u=>{var{type:d,onSearch:p,className:b,disabled:y,spellCheck:m,onFocus:f,onBlur:j,filters:x}=u,h=c(u,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]);const[g,I]=t.useState(!1);/*#__PURE__*/
-return e.jsx("form",{onSubmit:e=>{e.preventDefault(),p()},"data-testid":"design-system-search-field",children:/*#__PURE__*/e.jsx("label",{className:"cursor-text",children:/*#__PURE__*/e.jsxs(l.TextFieldContainer,{isFocused:g,isDisabled:y,className:"overflow-visible",children:[!!x&&/*#__PURE__*/e.jsx(s.Box,{className:"shrink-0",children:/*#__PURE__*/e.jsx(i.TextButtonDropdown,a({disabled:y},x))}),
-/*#__PURE__*/e.jsx(o.Input,a({onFocus:e=>{I(!0),null==f||f(e)},onBlur:e=>{I(!1),null==j||j(e)},spellCheck:m||!1,disabled:y},h)),
-/*#__PURE__*/e.jsx("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:y,children:/*#__PURE__*/e.jsx(n.SystemIcon,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:r.twMerge("pointer-events-none text-w-gray-600",y&&"text-w-gray-300")})})]})})})};
+ */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../Input/PasswordInput.js"),require("../Input/LabelInput.js"),require("../Input/InputTypeSelector.js");exports.SearchField=l=>{var{type:d,onSearch:p,className:y,disabled:b,spellCheck:m,onFocus:j,onBlur:f,filters:x}=l,h=c(l,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]);const[g,v]=t.useState(!1);/*#__PURE__*/
+return e.jsx("form",{onSubmit:e=>{e.preventDefault(),p()},"data-testid":"design-system-search-field",children:/*#__PURE__*/e.jsx("label",{className:"cursor-text",children:/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isFocused:g,isDisabled:b,className:"overflow-visible",children:[!!x&&/*#__PURE__*/e.jsx(s.Box,{className:"shrink-0",children:/*#__PURE__*/e.jsx(i.TextButtonDropdown,u({disabled:b},x))}),
+/*#__PURE__*/e.jsx(o.Input,u({onFocus:e=>{v(!0),null==j||j(e)},onBlur:e=>{v(!1),null==f||f(e)},spellCheck:m||!1,disabled:b},h)),
+/*#__PURE__*/e.jsx("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:b,children:/*#__PURE__*/e.jsx(n.SystemIcon,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:r.twMerge("pointer-events-none text-w-gray-600",b&&"text-w-gray-300")})})]})})})};

package/dist/cjs/Components/Inputs/SegmentedControl/SegmentedControl.js CHANGED Viewed

@@ -2,4 +2,4 @@
 return e.jsx(a.Box,{className:"flex w-full overflow-hidden rounded-xl",role:"radiogroup","aria-label":"segmented control","data-testid":"design-system--segmented-control",children:s.map(((a,c)=>{const m=0===c,u=c===s.length-1,p=l===a.key,y=p&&"sm"===n;/*#__PURE__*/
 return e.jsxs("label",{className:r.twJoin("relative cursor-pointer select-none text-center",p?"border border-primary bg-primary-10 text-primary":"bg-w-gray-50 text-w-gray-300",p?i[n].selected:i[n].unselected,m&&"rounded-l-xl",u&&"rounded-r-xl"),"data-testid":"design-system--segmented-control-item",children:[
 /*#__PURE__*/e.jsx("input",{type:"radio",name:o,value:a.key,checked:p,"aria-checked":p,onChange:e=>d(e.target.value),className:"absolute h-0 w-0 opacity-0"}),
-/*#__PURE__*/e.jsx(t.Typography,{variant:"md"===n?"body1":"body2",className:r.twJoin(y?"font-medium":"font-normal"),children:a.name})]},a.key)}))})};
+/*#__PURE__*/e.jsx(t.Typography,{variant:"md"===n?"body16":"body14",className:r.twJoin(y?"font-medium":"font-normal"),children:a.name})]},a.key)}))})};

package/dist/cjs/Components/Inputs/SupportTextContainer/SupportTextContainer.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("tailwind-merge"),require("../../Base/Layouts/FullBleed/FullBleed.js");exports.SupportTextContainer=({errorMessage:s,supportMessage:t,currentLength:i,maxLength:l,isMaxLengthVisible:o})=>{const n=t||o;/*#__PURE__*/
-return e.jsxs(a.Box,{className:"flex flex-col gap-2 px-[17px]","data-testid":"design-system--support-text-container",children:[s&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body2",className:"text-w-red-500",children:s}),n&&/*#__PURE__*/e.jsxs(a.Box,{className:"flex gap-6",children:[
-/*#__PURE__*/e.jsx(r.Typography,{variant:"body2",className:"flex-1 text-w-gray-400",children:t}),o&&/*#__PURE__*/e.jsxs(r.Typography,{variant:"body2",className:"w-fit min-w-[72px] text-right text-w-gray-400",children:[null==i?void 0:i.toLocaleString(),"/",null==l?void 0:l.toLocaleString()]})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("tailwind-merge"),require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../FileUploader/FileUploader.utils.js");const i=({currentLength:t,maxLength:a})=>/*#__PURE__*/e.jsxs(r.Typography,{variant:"body14",className:"w-fit min-w-[72px] text-right text-w-gray-400",children:[t.toLocaleString(),"/",a.toLocaleString()]}),l=({currentFileSize:t,maxFileSize:i})=>/*#__PURE__*/e.jsxs(r.Typography,{variant:"body14",className:"w-fit text-right text-w-gray-400",children:[a.formatFileSize(t),"/",a.formatFileSize(i)]});exports.SupportTextContainer=({errorMessage:a,supportMessage:s,currentLength:n,maxLength:o,currentFileSize:x,maxFileSize:p})=>{const c=s||o||p;/*#__PURE__*/
+return e.jsxs(t.Box,{className:"flex w-full flex-col gap-2 px-[17px]","data-testid":"design-system--support-text-container",children:[a&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:"line-clamp-2 min-w-0 overflow-hidden whitespace-pre-line text-w-red-500",children:a}),c&&/*#__PURE__*/e.jsxs(t.Box,{className:"flex gap-6",children:[
+/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:"line-clamp-2 w-full min-w-0 overflow-hidden whitespace-pre-line text-w-gray-400",children:s}),o&&/*#__PURE__*/e.jsx(i,{currentLength:null!=n?n:0,maxLength:o}),p&&/*#__PURE__*/e.jsx(l,{currentFileSize:null!=x?x:0,maxFileSize:p})]})]})};

package/dist/cjs/Components/Inputs/TextButton/TextButton.js CHANGED Viewed

@@ -1,9 +1,10 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function o(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Base/TextWithIcons/TextWithIcons.js");function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function o(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
 /**
  * 텍스트 버튼 컴포넌트
  *
  * @description
- * 텍스트로만 구성된 버튼 컴포넌트입니다. 선택적으로 앞이나 뒤에 아이콘을 배치할 수 있습니다.
+ * 클릭 시 이벤트 발생하는 경우에 사용되는 컴포넌트로, 보조 액션 또는 행동 트리거에 적합한 텍스트형 버튼입니다. 선택적으로 앞이나 뒤에 아이콘을 배치할 수 있습니다.
+ * 버튼은 계층에 따라 컬러를 구분해서 사용합니다. 주요 행동을 유도하는 경우 Primary컬러를 사용하고, 보조행동에는 Gray컬러를 사용합니다.
  * 텍스트의 크기는 기본 크기와 작은 크기 중 선택할 수 있습니다.
  *
  * @param {object} props
@@ -11,6 +12,8 @@
  * @param {boolean} [props.isTextSmall=false] - 텍스트 크기를 작게 설정 (기본값: false)
  * @param {string} [props.leadingIcon] - 텍스트 앞에 표시될 SystemIcon의 이름
  * @param {string} [props.trailingIcon] - 텍스트 뒤에 표시될 SystemIcon의 이름
+ * @param {boolean} [props.isGray=false] - 텍스트 색상을 회색으로 사용 여부
+ * @param {boolean} [props.isUnderline=false] - 텍스트에 밑줄 스타일 적용 여부
  *
  * @example
  * // 기본 텍스트 버튼
@@ -23,6 +26,5 @@
  *   leadingIcon="search"
  *   trailingIcon="arrow-right"
  * />
- */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}require("../../Base/Layouts/FullBleed/FullBleed.js");exports.TextButton=c=>{var{text:l,isTextSmall:u=!1,leadingIcon:y,trailingIcon:m}=c,p=o(c,["text","isTextSmall","leadingIcon","trailingIcon"]);/*#__PURE__*/
-return e.jsxs("button",a(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({"data-testid":"design-system-text-button--container",className:t.twMerge("flex min-h-6 w-fit items-center justify-center",u?"gap-x-0.5":"gap-x-1")},p),{children:[y&&/*#__PURE__*/e.jsx(s.Box,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:/*#__PURE__*/e.jsx(r.SystemIcon,{name:y,className:"text-primary-500"})}),
-/*#__PURE__*/e.jsx(s.Box,{"data-testid":"design-system-text-button--text",className:"w-fit",children:/*#__PURE__*/e.jsx(n.Typography,{variant:u?"body2":"body1",className:"align-baseline font-medium text-primary-500",children:l})}),m&&/*#__PURE__*/e.jsx(s.Box,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:/*#__PURE__*/e.jsx(r.SystemIcon,{name:m,className:"text-primary-500"})})]}))};
+ */(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}exports.TextButton=c=>{var{text:l,isTextSmall:s=!1,leadingIcon:a,trailingIcon:u,isGray:b=!1,isUnderline:f=!1}=c,y=o(c,["text","isTextSmall","leadingIcon","trailingIcon","isGray","isUnderline"]);/*#__PURE__*/
+return e.jsx("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){n(e,t,r[t])}))}return e}({"data-testid":"design-system-text-button--container",className:t.twMerge("flex min-h-6 w-fit items-center justify-center",s?"gap-x-0.5":"gap-x-1")},y),{children:/*#__PURE__*/e.jsx(r.TextWithIcons,{text:l,leadingIcon:a,trailingIcon:u,isTextSmall:s,isGray:b,isUnderline:f})}))};

package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.js CHANGED Viewed

@@ -1,3 +1,3 @@
 "use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../List/List.js"),i=require("../../../hooks/useDropdown.js"),n=require("./TextButtonDropdown.parts.js");exports.TextButtonDropdown=({items:o,selectedItem:l,onItemClick:d,alignRight:r=!1,disabled:a=!1})=>{const{isListOpen:u,ref:c,focusedIndex:m,handleItemClick:x,toggleListOpen:p,handleKeyDown:w}=i.useDropdown({items:o,onItemClick:d});/*#__PURE__*/
-return e.jsxs("div",{"data-testid":"design-system-text-button-dropdown",className:"relative flex w-fit flex-col gap-1 outline-none",ref:c,onKeyDown:w,tabIndex:0,children:[
+return e.jsxs("div",{"data-testid":"design-system-text-button-dropdown",className:"outline-hidden relative flex w-fit flex-col gap-1",ref:c,onKeyDown:w,tabIndex:0,children:[
 /*#__PURE__*/e.jsx(n.TextButton,{disabled:a,value:l.value,"data-testid":"design-system-text-button-dropdown--textButton",isListOpen:u,onClick:p}),u&&/*#__PURE__*/e.jsx("div",{className:t.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all",r?"right-0":"left-0 "),"data-testid":"design-system-text-button-dropdown--list",children:/*#__PURE__*/e.jsx(s.List.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:o.map(((t,i)=>/*#__PURE__*/e.jsx(s.List.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:()=>x(t),selected:t.key===(null==l?void 0:l.key),isFocused:i===m},t.key)))})})]})};

package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"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");var n=require("../../Base/Typography/Typography.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 a(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");exports.TextButton=i=>{var{value:c,isListOpen:l,disabled:u,className:y}=i,p=a(i,["value","isListOpen","disabled","className"]);/*#__PURE__*/
-return e.jsxs("button",s(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({type:"button",className:r.twMerge("flex items-center gap-2 outline-none",u?"cursor-not-allowed":"cursor-pointer",y),disabled:u},p),{children:[
-/*#__PURE__*/e.jsx(n.Typography,{variant:"body1",className:r.twMerge("text-w-gray-600",u&&"text-w-gray-300"),children:c}),
-/*#__PURE__*/e.jsx("span",{className:r.twJoin("transition-transform duration-300",l&&"rotate-180"),children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_arrow_down",className:r.twMerge("text-w-gray-600",u&&"text-w-gray-300")})})]}))};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var t=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(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 s(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.TextButton=i=>{var{value:c,isListOpen:l,disabled:u,className:y}=i,p=s(i,["value","isListOpen","disabled","className"]);/*#__PURE__*/
+return e.jsxs("button",o(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}({type:"button",className:r.twMerge("outline-hidden flex items-center gap-2",u?"cursor-not-allowed":"cursor-pointer",y),disabled:u},p),{children:[
+/*#__PURE__*/e.jsx(t.Typography,{variant:"body16",className:r.twMerge("text-w-gray-600",u&&"text-w-gray-300"),children:c}),
+/*#__PURE__*/e.jsx("span",{className:r.twJoin("transition-transform duration-300",l&&"rotate-180"),children:/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_arrow_down",className:r.twMerge("text-w-gray-600",u&&"text-w-gray-300")})})]}))};

package/dist/cjs/Components/Inputs/TextField/TextField.js CHANGED Viewed

@@ -1,19 +1,18 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),n=require("../TextFieldContainer/TextFieldContainer.js"),a=require("../SupportTextContainer/SupportTextContainer.js");require("../Input/Input.js"),require("../Input/PasswordInput.js");var s=require("../Input/LableInput.js"),o=require("../Input/InputTypeSelector.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}function u(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 c(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),n=require("../TextFieldContainer/TextFieldContainer.js"),a=require("../SupportTextContainer/SupportTextContainer.js");require("../Input/Input.js"),require("../Input/PasswordInput.js");var o=require("../Input/LabelInput.js"),s=require("../Input/InputTypeSelector.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){l(e,r,t[r])}))}return e}function u(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 c(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}
 /**
  * 사용자 입력을 받을 수 있는 텍스트 필드 컴포넌트입니다.
  *
  * @component
  * @param {Object} props - 컴포넌트 props
- * @param {'default' | 'lable'} [props.variant='default'] - 텍스트 필드의 변형 타입
- * @param {string} [props.lable] - 입력 필드의 라벨
+ * @param {'default' | 'label'} [props.variant='default'] - 텍스트 필드의 변형 타입
+ * @param {string} [props.label] - 입력 필드의 라벨
  * @param {boolean} [props.isError] - 오류 상태 표시 여부
- * @param {MediumSystemIconName} [props.startIcon] - 시작 부분에 표시될 아이콘
- * @param {MediumSystemIconName} [props.endIcon] - 끝 부분에 표시될 아이콘
+ * @param {MediumSystemIconName} [props.leadingIcon] - 시작 부분에 표시될 아이콘
+ * @param {MediumSystemIconName} [props.trailingIcon] - 끝 부분에 표시될 아이콘
  * @param {string} [props.supportMessage] - 도움말 메시지
  * @param {string} [props.measure] - 측정 단위
  * @param {string} [props.errorMessage] - 오류 메시지
  * @param {string} [props.testId] - 테스트용 ID
- * @param {boolean} [props.isMaxLengthVisible=false] - 최대 길이 표시 여부
  *
  * @example
  * // 기본 텍스트 필드
@@ -24,10 +23,10 @@
  *
  * // 라벨이 있는 텍스트 필드
  * <TextField
- *   variant="lable"
- *   lable="이름"
+ *   variant="label"
+ *   label="이름"
  *   placeholder="홍길동"
- *   startIcon="user"
+ *   leadingIcon="user"
  *   supportMessage="실명을 입력해주세요"
  * />
  *
@@ -37,7 +36,6 @@
  *   isError={true}
  *   errorMessage="필수 입력 항목입니다"
  *   maxLength={50}
- *   isMaxLengthVisible={true}
  * />
- */(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const p=/*#__PURE__*/r.forwardRef(((i,p)=>{var{type:b,name:d,value:f,onChange:g,maxLength:y,disabled:j=!1,placeholder:x,lable:O,testId:m,measure:h,isError:I,endIcon:v,startIcon:w,errorMessage:P,supportMessage:S,variant:L="default",isMaxLengthVisible:M=!1,className:T,onBlur:q}=i,C=c(i,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible","className","onBlur"]);const[F,E]=r.useState(!1),[D,N]=r.useState(0),k=l({variant:L,type:b,name:d,value:f,placeholder:x,lable:O,maxLength:y,onChange:g,isFocused:F,isError:I,onFocus:()=>{E(!0)},disabled:j,onBlur:e=>{E(!1),q&&q(e)}},C),B=I||S||M;return r.useEffect((()=>{"string"==typeof f&&y&&N(f.length)}),[f,y]),/*#__PURE__*/e.jsxs("div",{className:t.twMerge("flex min-w-fit select-none flex-col gap-2 tracking-default",T),"data-testid":m,children:[
-/*#__PURE__*/e.jsx("label",{role:"input-box",className:j?"cursor-not-allowed":"cursor-text",children:/*#__PURE__*/e.jsxs(n.TextFieldContainer,{leadingIcon:w,trailingIcon:v,measure:h,isFocused:F,isError:I,isDisabled:j,children:["lable"===L&&/*#__PURE__*/e.jsx(s.LableInput,u(l({isFixed:!!x},k),{ref:p})),"default"===L&&/*#__PURE__*/e.jsx(o.InputTypeSelector,u(l({},k),{ref:p}))]})}),B&&/*#__PURE__*/e.jsx(a.SupportTextContainer,{errorMessage:P,supportMessage:S,currentLength:D,maxLength:y,isMaxLengthVisible:M})]})}));p.displayName="TextField",exports.TextField=p;
+ */(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const p=/*#__PURE__*/r.forwardRef(((l,p)=>{var{type:d,name:b,value:f,onChange:g,maxLength:y,disabled:j=!1,placeholder:O,label:x,testId:m,measure:h,isError:I,trailingIcon:v,leadingIcon:w,errorMessage:P,supportMessage:S,variant:T="default",className:q,onBlur:C}=l,F=c(l,["type","name","value","onChange","maxLength","disabled","placeholder","label","testId","measure","isError","trailingIcon","leadingIcon","errorMessage","supportMessage","variant","className","onBlur"]);const[E,L]=r.useState(!1),[M,D]=r.useState(0),N=i({variant:T,type:d,name:b,value:f,placeholder:O,label:x,maxLength:y,onChange:g,isFocused:E,isError:I,onFocus:()=>{L(!0)},disabled:j,onBlur:e=>{L(!1),C&&C(e)}},F),k=I||S||y;return r.useEffect((()=>{"string"==typeof f&&y&&D(f.length)}),[f,y]),/*#__PURE__*/e.jsxs("div",{className:t.twMerge("tracking-default flex w-full select-none flex-col gap-2",q),"data-testid":m,children:[
+/*#__PURE__*/e.jsx("label",{role:"input-box",className:j?"cursor-not-allowed":"cursor-text",children:/*#__PURE__*/e.jsxs(n.TextFieldContainer,{leadingIcon:w,trailingIcon:v,measure:h,isFocused:E,isError:I,isDisabled:j,children:["label"===T&&/*#__PURE__*/e.jsx(o.LabelInput,u(i({isFixed:!!O},N),{ref:p})),"default"===T&&/*#__PURE__*/e.jsx(s.InputTypeSelector,u(i({},N),{ref:p}))]})}),k&&/*#__PURE__*/e.jsx(a.SupportTextContainer,{errorMessage:P,supportMessage:S,currentLength:M,maxLength:y})]})}));p.displayName="TextField",exports.TextField=p;

package/dist/cjs/Components/Inputs/TextFieldContainer/TextFieldContainer.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var a=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");exports.TextFieldContainer=({children:i,className:o,leadingIcon:n,trailingIcon:l,isLeadingIconSolid:d,isTrailingIconSolid:c,measure:y,isFocused:g,isDisabled:x,isError:m,onClick:w,isTextarea:u,isAutoComplete:p,testId:I})=>/#__PURE__/e.jsxs(t.Box,{className:r.twMerge("group flex w-full items-center gap-3 overflow-hidden rounded-xl border px-4 py-[11px]",x?"border-w-gray-200":m?"border-w-red-500":g?"border-primary":"border-w-gray-200 hover:border-primary",x?"bg-w-gray-10":"bg-w-white",x&&"cursor-not-allowed",u&&"relative p-0",p&&"flex-wrap",o),"data-testid":I\|\|"design-system--text-field-container",onClick:w,children:[n&&/#__PURE__/e.jsx(a.SystemIcon,{name:n,solid:d,className:r.twMerge("shrink-0 text-w-gray-600",x&&"text-w-gray-300"),testId:"design-system--text-field-container-leading-icon"}),i,y&&/#__PURE__/e.jsx(s.Typography,{variant:"~~body1~~",className:r.twMerge("w-fit shrink-0 text-w-gray-400",x&&"text-w-gray-300"),children:y}),l&&/#__PURE__/e.jsx(a.SystemIcon,{name:l,solid:c,className:r.twMerge("shrink-0 text-w-gray-600",x&&"text-w-gray-300"),testId:"design-system--text-field-container-trailing-icon"})]});
1	+ "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js"),require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.TextFieldContainer=({children:i,className:o,leadingIcon:n,trailingIcon:l,isLeadingIconSolid:d,isTrailingIconSolid:c,measure:y,isFocused:g,isDisabled:x,isError:m,onClick:u,isTextarea:w,isAutoComplete:p,testId:I})=>/#__PURE__/e.jsxs(a.Box,{className:r.twMerge("group flex w-full items-center gap-3 overflow-hidden rounded-xl border px-4 py-[11px]",x?"border-w-gray-200":m?"border-w-red-500":g?"border-primary":"border-w-gray-200 hover:border-primary",x?"bg-w-gray-10":"bg-w-white",x&&"cursor-not-allowed",w&&"relative p-0",p&&"flex-wrap",o),"data-testid":I\|\|"design-system--text-field-container",onClick:u,children:[n&&/#__PURE__/e.jsx(t.SystemIcon,{name:n,solid:d,className:r.twMerge("shrink-0 text-w-gray-600",x&&"text-w-gray-300"),testId:"design-system--text-field-container-leading-icon"}),i,y&&/#__PURE__/e.jsx(s.Typography,{variant:"body16",className:r.twMerge("w-fit shrink-0 text-w-gray-400",x&&"text-w-gray-300"),children:y}),l&&/#__PURE__/e.jsx(t.SystemIcon,{name:l,solid:c,className:r.twMerge("shrink-0 text-w-gray-600",x&&"text-w-gray-300"),testId:"design-system--text-field-container-trailing-icon"})]});

package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use client";"use strict";var e=require("react/jsx-runtime");require("tailwind-merge");var s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var r=require("../List/List.js"),l=require("../SupportTextContainer/SupportTextContainer.js"),o=require("../../../hooks/useDropdown.js"),t=require("./TextFieldDropdown.parts.js");exports.TextFieldDropdown=({selectedItem:i,items:n,onItemClick:a,placeholder:d,disabled:u,isError:c,errorMessage:p,supportMessage:x,className:m})=>{const{isListOpen:g,focusedIndex:j,ref:v,handleItemClick:I,toggleListOpen:w,handleKeyDown:k}=o.useDropdown({items:n,onItemClick:a,disabled:u}),L=!!x||!!p;/*#__PURE__*/
-return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:v,className:"relative flex w-full flex-col gap-2 outline-none",onKeyDown:k,tabIndex:0,children:[
-/*#__PURE__*/e.jsx(t.SelectBox,{placeholder:d,value:null==i?void 0:i.value,leadingIcon:null==i?void 0:i.leadingIcon,disabled:u,isListOpen:g,onClick:w,error:c,className:m}),L&&/*#__PURE__*/e.jsx(l.SupportTextContainer,{errorMessage:p,supportMessage:x}),g&&/*#__PURE__*/e.jsx(s.Box,{className:"absolute top-[54px] z-40 w-full",children:/*#__PURE__*/e.jsx(r.List.Root,{children:n.map(((s,l)=>/*#__PURE__*/e.jsx(r.List.Item,{text:s.value,leadingIcon:s.leadingIcon,onClick:()=>I(s),selected:s.key===(null==i?void 0:i.key),isFocused:l===j},s.key)))})})]})};
+"use client";"use strict";var e=require("react/jsx-runtime");require("tailwind-merge");var s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var r=require("../List/List.js"),l=require("../SupportTextContainer/SupportTextContainer.js"),o=require("../../../hooks/useDropdown.js"),t=require("./TextFieldDropdown.parts.js");exports.TextFieldDropdown=({selectedItem:i,items:n,onItemClick:a,placeholder:d,disabled:u,isError:c,errorMessage:p,supportMessage:x,className:m})=>{const{isListOpen:g,focusedIndex:j,ref:v,handleItemClick:I,toggleListOpen:w,handleKeyDown:h}=o.useDropdown({items:n,onItemClick:a,disabled:u}),k=!!x||!!p;/*#__PURE__*/
+return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:v,className:"outline-hidden relative flex w-full flex-col gap-2",onKeyDown:h,tabIndex:0,children:[
+/*#__PURE__*/e.jsx(t.SelectBox,{placeholder:d,value:null==i?void 0:i.value,leadingIcon:null==i?void 0:i.leadingIcon,disabled:u,isListOpen:g,onClick:w,error:c,className:m}),k&&/*#__PURE__*/e.jsx(l.SupportTextContainer,{errorMessage:p,supportMessage:x}),g&&/*#__PURE__*/e.jsx(s.Box,{className:"absolute top-[54px] z-40 w-full",children:/*#__PURE__*/e.jsx(r.List.Root,{children:n.map(((s,l)=>/*#__PURE__*/e.jsx(r.List.Item,{text:s.value,leadingIcon:s.leadingIcon,onClick:()=>I(s),selected:s.key===(null==i?void 0:i.key),isFocused:l===j},s.key)))})})]})};

package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../TextFieldContainer/TextFieldContainer.js");exports.SelectBox=({placeholder:i,value:o="",isListOpen:n,disabled:l=!1,error:c,onClick:d,className:y})=>/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isDisabled:l,isFocused:n,isError:c,testId:"design-system--selectBox",onClick:d,className:y,children:[
-/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system--selectBox-text",variant:"body1",className:s.twJoin(l&&o?"text-w-gray-300":l&&!o?"text-w-gray-200":o?"text-w-gray-600":"text-w-gray-300","w-full"),children:o||i}),
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var a=require("../TextFieldContainer/TextFieldContainer.js");exports.SelectBox=({placeholder:i,value:o="",isListOpen:n,disabled:l=!1,error:c,onClick:d,className:y})=>/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isDisabled:l,isFocused:n,isError:c,testId:"design-system--selectBox",onClick:d,className:y,children:[
+/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system--selectBox-text",variant:"body16",className:s.twJoin(l&&o?"text-w-gray-300":l&&!o?"text-w-gray-200":o?"text-w-gray-600":"text-w-gray-300","w-full"),children:o||i}),
 /*#__PURE__*/e.jsx("div",{className:s.twJoin("transition-transform duration-300",n&&"rotate-180"),children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_arrow_down",className:l?"text-w-gray-300":"text-w-gray-600",testId:"design-system--selectBox-icon"})})]});

package/dist/cjs/Components/Inputs/Textarea/Textarea.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var a=require("../TextFieldContainer/TextFieldContainer.js"),i=require("../SupportTextContainer/SupportTextContainer.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){l(e,t,r[t])}))}return e}function u(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var a=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var s=require("../TextFieldContainer/TextFieldContainer.js"),i=require("../SupportTextContainer/SupportTextContainer.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){l(e,r,t[r])}))}return e}function u(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}
 /**
  * 사용자가 여러 줄의 텍스트를 입력할 수 있는 textarea 컴포넌트입니다.
  *
@@ -41,7 +41,7 @@
  *   />
  * </div>
  * ```
- */(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}exports.Textarea=l=>{var{isError:c=!1,size:x="md",resize:m=!1,isLengthVisible:p=!1,supportText:g,errorText:f,maxLength:d,value:y,disabled:h,name:b,onChange:j,onBlur:v}=l,w=u(l,["isError","size","resize","isLengthVisible","supportText","errorText","maxLength","value","disabled","name","onChange","onBlur"]);const[O,S]=t.useState(!1),T=c||g||p;/*#__PURE__*/
-return e.jsxs(n.Box,{"data-testid":"design-system-textarea",className:r.twMerge("flex w-full flex-col gap-2","full"===x?"h-full":"h-fit"),children:[
-/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isDisabled:h,isError:c,isFocused:O,isTextarea:!0,className:r.twJoin("full"===x&&"h-full"),children:[
-/*#__PURE__*/e.jsx("textarea",o({"data-testid":"design-system-textarea--textarea",className:r.twMerge("w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal tracking-default text-w-gray-600 outline-none scrollbar-list placeholder:font-[inherit] placeholder:tracking-default placeholder:text-w-gray-300","sm"===x?"min-h-[118px]":"md"===x?"min-h-[238px]":"lg"===x?"min-h-[358px]":"full"===x?"min-h-full":void 0,m?"resize-y":"resize-none",h&&"resize-none"),name:b,value:y,disabled:h,onChange:j,maxLength:d,onFocus:e=>{S(!0)},onBlur:e=>{S(!1),v&&v(e)}},w)),m&&/*#__PURE__*/e.jsx(s.SystemIcon,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),T&&/*#__PURE__*/e.jsx(i.SupportTextContainer,{errorMessage:f,supportMessage:g,currentLength:(null==y?void 0:y.toString().length)||0,maxLength:d,isMaxLengthVisible:p})]})};
+ */(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}exports.Textarea=l=>{var{isError:c=!1,size:x="md",resize:p=!1,isLengthVisible:d=!1,supportText:m,errorText:f,maxLength:g,value:y,disabled:h,name:b,onChange:j,onBlur:v}=l,w=u(l,["isError","size","resize","isLengthVisible","supportText","errorText","maxLength","value","disabled","name","onChange","onBlur"]);const[O,S]=r.useState(!1),T=c||m||d;/*#__PURE__*/
+return e.jsxs(n.Box,{"data-testid":"design-system-textarea",className:t.twMerge("flex w-full flex-col gap-2","full"===x?"h-full":"h-fit"),children:[
+/*#__PURE__*/e.jsxs(s.TextFieldContainer,{isDisabled:h,isError:c,isFocused:O,isTextarea:!0,className:t.twJoin("full"===x&&"h-full"),children:[
+/*#__PURE__*/e.jsx("textarea",o({"data-testid":"design-system-textarea--textarea",className:t.twMerge("outline-hidden scrollbar-list tracking-default placeholder:tracking-default w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal text-w-gray-600 placeholder:font-[inherit] placeholder:text-w-gray-300","sm"===x?"min-h-[118px]":"md"===x?"min-h-[238px]":"lg"===x?"min-h-[358px]":"full"===x?"min-h-full":void 0,p?"resize-y":"resize-none",h&&"resize-none"),name:b,value:y,disabled:h,onChange:j,maxLength:g,onFocus:e=>{S(!0)},onBlur:e=>{S(!1),v&&v(e)}},w)),p&&/*#__PURE__*/e.jsx(a.SystemIcon,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),T&&/*#__PURE__*/e.jsx(i.SupportTextContainer,{errorMessage:f,supportMessage:m,currentLength:(null==y?void 0:y.toString().length)||0,maxLength:g})]})};

package/dist/cjs/Components/Navigations/BoxTab/BoxTab.parts.js CHANGED Viewed

@@ -21,6 +21,6 @@
  * ```
  */exports.Panel=({children:t,index:n})=>{const{activeTab:i}=r.useContext(c);return i===n&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-boxTab--content",children:t})},exports.Root=({children:t,currentActiveTab:n=0,onChange:a})=>{const[i,s]=r.useState(n);return r.useEffect((()=>{n!==i&&s(n);
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[n]),/*#__PURE__*/e.jsx(c.Provider,{value:{activeTab:i,currentActiveTab:n,handleTabClick:e=>{e!==i&&(null==a||a(e),s(e))}},children:t})},exports.Tab=({children:i,index:l,className:u,isFirst:b,isLast:d,disabled:x=!1,href:y})=>{const{handleTabClick:p,activeTab:f}=r.useContext(c),m=l===f,h={tabIndex:0,"data-testid":`design-system-boxTab--item-${l}`,className:t.twMerge("group flex w-full cursor-pointer items-center border border-w-gray-200 bg-w-white px-6 py-4 hover:bg-w-gray-10","relative","-ml-px",m&&"z-[1] border-primary bg-primary-10 hover:bg-primary-10",b&&"ml-0 rounded-l-xl",d&&"rounded-r-xl",u),onClick:()=>{!x&&p(l)}},g=/*#__PURE__*/e.jsx(a.Box,{className:t.twMerge("relative flex w-full flex-row items-center justify-center font-normal text-w-gray-600",m&&"font-medium text-primary"),children:/*#__PURE__*/e.jsx(n.Typography,{variant:"body1",className:"relative",children:i})});return y?/*#__PURE__*/e.jsx("a",o(s({href:y},h),{children:g})):/*#__PURE__*/e.jsx(a.Box,o(s({},h),{children:g}))},exports.Tabs=({children:n,className:i})=>{const s=r.Children.toArray(n);/*#__PURE__*/
+}),[n]),/*#__PURE__*/e.jsx(c.Provider,{value:{activeTab:i,currentActiveTab:n,handleTabClick:e=>{e!==i&&(null==a||a(e),s(e))}},children:t})},exports.Tab=({children:i,index:l,className:u,isFirst:b,isLast:d,disabled:x=!1,href:y})=>{const{handleTabClick:p,activeTab:f}=r.useContext(c),m=l===f,h={tabIndex:0,"data-testid":`design-system-boxTab--item-${l}`,className:t.twMerge("group flex w-full cursor-pointer items-center border border-w-gray-200 bg-w-white px-6 py-4 hover:bg-w-gray-10","relative","-ml-px",m&&"z-[1] border-primary bg-primary-10 hover:bg-primary-10",b&&"ml-0 rounded-l-xl",d&&"rounded-r-xl",u),onClick:()=>{!x&&p(l)}},g=/*#__PURE__*/e.jsx(a.Box,{className:t.twMerge("relative flex w-full flex-row items-center justify-center font-normal text-w-gray-600",m&&"font-medium text-primary"),children:/*#__PURE__*/e.jsx(n.Typography,{variant:"body16",className:"relative",children:i})});return y?/*#__PURE__*/e.jsx("a",o(s({href:y},h),{children:g})):/*#__PURE__*/e.jsx(a.Box,o(s({},h),{children:g}))},exports.Tabs=({children:n,className:i})=>{const s=r.Children.toArray(n);/*#__PURE__*/
 return e.jsx(a.Box,{className:t.twJoin("relative block w-full",i),"data-testid":"design-system-boxTab--container",children:/*#__PURE__*/e.jsx(a.Box,{children:/*#__PURE__*/e.jsx(a.Box,{className:t.twMerge("inline-flex w-full"),children:s.map(((t,n)=>{const a=/*#__PURE__*/r.cloneElement(t,{isFirst:0===n,isLast:n===s.length-1});/*#__PURE__*/
 return e.jsx(r.Fragment,{children:a},n)}))})})})};