@wishket/design-system 1.17.3 → 2.0.1

package/README.md

@@ -75,7 +75,7 @@ import { Typography } from '@wishket/design-system';
 
 export const Home  = () => {
   return (
-      <Typography variant="title1" className='bg-w-cyan-500'>Hello, World!</Typography>
+      <Typography variant="title48" className='bg-w-cyan-500'>Hello, World!</Typography>
   );
 }
 

package/dist/Components/Base/Layouts/FullBleed/FullBleed.js

@@ -10,4 +10,4 @@
  */(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)&&(i[r]=e[r])}return i}const s=/*#__PURE__*/t(((t,d)=>{var{className:s,insideContainerClassName:m,maxWidth:f="1200px",paddingAdjustment:b=8.5,children:u}=t,y=p(t,["className","insideContainerClassName","maxWidth","paddingAdjustment","children"]);
 // TODO: 스크롤바 너비를 제외한 viewport width 계산을 더 나은 방식으로 할 수 있도록 개선(layout shift 방지)
 const[g,x]=r((()=>a())),O=l(m,"mobile"),h=l(m,"tablet"),j=l(m,"desktop");n((()=>{x(a())}),[]);const v={"--dynamic-padding-left-tablet":`max(${h.left||h.x}px, ${O.left||O.x}px)`,"--dynamic-padding-right-tablet":`max(${h.right||h.x}px, ${O.right||O.x}px)`,"--dynamic-padding-left-desktop":`calc(max(calc((100dvw - ${f})/2 + ${O.left||O.x}px + ${b}px), ${j.x}px))`,"--dynamic-padding-right-desktop":`calc(max(calc((100dvw - ${f})/2 + ${O.right||O.x}px + ${b}px), ${j.x}px))`},w={"--dynamic-bleed-width":`calc(100dvw - ${g}px)`};/*#__PURE__*/
-return e("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e("div",{"data-testid":"design-system-full-bleed--container",className:i("relative left-1/2 top-0 h-full w-[var(--dynamic-bleed-width)] -translate-x-1/2",s),style:w,children:/*#__PURE__*/e("div",o(c({"data-testid":"design-system-full-bleed--container-inside",className:i("flex w-full overflow-x-auto px-5 scrollbar-hide","tablet:pl-[var(--dynamic-padding-left-tablet)] tablet:pr-[var(--dynamic-padding-right-tablet)]","desktop:pl-[var(--dynamic-padding-left-desktop)] desktop:pr-[var(--dynamic-padding-right-desktop)]",m),style:v,ref:d},y),{children:u}))})})}));s.displayName="FullBleed";export{s as FullBleed};
+return e("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e("div",{"data-testid":"design-system-full-bleed--container",className:i("relative left-1/2 top-0 h-full w-[var(--dynamic-bleed-width)] -translate-x-1/2",s),style:w,children:/*#__PURE__*/e("div",o(c({"data-testid":"design-system-full-bleed--container-inside",className:i("scrollbar-hide flex w-full overflow-x-auto px-5","tablet:pl-[var(--dynamic-padding-left-tablet)] tablet:pr-[var(--dynamic-padding-right-tablet)]","desktop:pl-[var(--dynamic-padding-left-desktop)] desktop:pr-[var(--dynamic-padding-right-desktop)]",m),style:v,ref:d},y),{children:u}))})})}));s.displayName="FullBleed";export{s as FullBleed};

package/dist/Components/Base/Layouts/FullBleed/FullBleed.utils.js

@@ -1,4 +1,4 @@
-function t(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const e=(r,n="mobile")=>{const i={mobile:{x:20,left:0,right:0},tablet:{x:20,left:0,right:0},desktop:{x:36,left:0,right:0}};if(!r){if("tablet"===n){const t=e(r,"mobile");return{x:t.x,left:t.left,right:t.right}}return i[n]}const o=r.split(" "),l="mobile"===n?"":`${n}:`;if(!o.some((t=>t.startsWith(l+"px-")||t.startsWith(l+"pl-")||t.startsWith(l+"pr-")))&&"tablet"===n)return e(r,"mobile");const c=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),i.forEach((function(r){t(e,r,n[r])}))}return e}({},i[n]),s=o.find((t=>t===`${l}px-${c.x/4}`||t.startsWith(`${l}px-`)));
+function t(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const e=(r,n="mobile")=>{const i={mobile:{x:20,left:0,right:0},tablet:{x:20,left:0,right:0},desktop:{x:36,left:0,right:0}};if(!r){if("tablet"===n){const t=e(r,"mobile");return{x:t.x,left:t.left,right:t.right}}return i[n]}const o=r.split(" "),l="mobile"===n?"":`${n}:`;if(!o.some((t=>t.startsWith(`${l}px-`)||t.startsWith(`${l}pl-`)||t.startsWith(`${l}pr-`)))&&"tablet"===n)return e(r,"mobile");const c=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),i.forEach((function(r){t(e,r,n[r])}))}return e}({},i[n]),s=o.find((t=>t===`${l}px-${c.x/4}`||t.startsWith(`${l}px-`)));
 // px 처리
 if(s){const t=4*Number(s.replace(l,"").replace("px-",""));c.x=t}
 // pl 처리

package/dist/Components/Base/TextWithIcons/TextWithIcons.d.ts

@@ -1,4 +1,4 @@
-import { SystemIconName } from '../../DataDisplays';
+import { SystemIconName } from '../../DataDisplays/SystemIcon';
 export interface TextWithIconsProps {
     text: string;
     leadingIcon?: SystemIconName;

package/dist/Components/Base/TextWithIcons/TextWithIcons.js

@@ -1,2 +1,2 @@
-import{jsxs as t,Fragment as e,jsx as i}from"react/jsx-runtime";import{twJoin as s}from"tailwind-merge";import"react";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as r}from"../Typography/Typography.js";import{Box as o}from"../Layouts/Box/Box.js";import"../Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Accordion/Accordion.js";const n=({text:n,leadingIcon:m,trailingIcon:c,isTextSmall:l=!1,isGray:d=!1,isUnderline:y=!1})=>/*#__PURE__*/t(e,{children:[m&&/*#__PURE__*/i(o,{"data-testid":"design-system-text-with-icons--icon--left",className:"w-fit",children:/*#__PURE__*/i(a,{name:m,className:s(d?"text-w-gray-600":"text-primary-500")})}),
-/*#__PURE__*/i(o,{"data-testid":"design-system-text-with-icons--text",className:"w-fit",children:/*#__PURE__*/i(r,{variant:l?"body2":"body1",className:s("align-baseline font-medium",d?"text-w-gray-600":"text-primary-500",y?"underline decoration-1 underline-offset-2":""),children:n})}),c&&/*#__PURE__*/i(o,{"data-testid":"design-system-text-with-icons--icon--right",className:"w-fit",children:/*#__PURE__*/i(a,{name:c,className:s(d?"text-w-gray-600":"text-primary-500")})})]});export{n as TextWithIcons};
+import{jsxs as t,Fragment as e,jsx as i}from"react/jsx-runtime";import{twJoin as s}from"tailwind-merge";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as r}from"../Typography/Typography.js";import{Box as n}from"../Layouts/Box/Box.js";import"../Layouts/FullBleed/FullBleed.js";const o=({text:o,leadingIcon:m,trailingIcon:l,isTextSmall:c=!1,isGray:d=!1,isUnderline:y=!1})=>/*#__PURE__*/t(e,{children:[m&&/*#__PURE__*/i(n,{"data-testid":"design-system-text-with-icons--icon--left",className:"w-fit",children:/*#__PURE__*/i(a,{name:m,className:s(d?"text-w-gray-600":"text-primary-500")})}),
+/*#__PURE__*/i(n,{"data-testid":"design-system-text-with-icons--text",className:"w-fit",children:/*#__PURE__*/i(r,{variant:c?"body14":"body16",className:s("align-baseline font-medium",d?"text-w-gray-600":"text-primary-500",y?"underline decoration-1 underline-offset-2":""),children:o})}),l&&/*#__PURE__*/i(n,{"data-testid":"design-system-text-with-icons--icon--right",className:"w-fit",children:/*#__PURE__*/i(a,{name:l,className:s(d?"text-w-gray-600":"text-primary-500")})})]});export{o as TextWithIcons};

package/dist/Components/Base/Typography/Typography.d.ts

@@ -3,7 +3,7 @@ import { TypographyProps } from './Typography.types';
  * Typography
  * @param {Object} props
  * @param {React.ReactNode} props.children - Typography 내부에 들어갈 컨텐츠
- * @param {string} props.variant - 텍스트 스타일 variant ('title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'contents1' | 'contents2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2')
+ * @param {string} props.variant - 텍스트 스타일 variant ('title48' | 'title32' | 'title24' | 'subTitle20' | 'subTitle18' | 'contents18' | 'contents16' | 'body16' | 'body14' | 'body13' | 'caption12' | 'caption11')
  * @param {string} [props.className] - 추가적인 CSS 클래스
  * @param {keyof JSX.IntrinsicElements} [props.as='span'] - 렌더링할 HTML 요소
  */

package/dist/Components/Base/Typography/Typography.js

@@ -1,10 +1,10 @@
-import{jsx as t}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";function n(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function r(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e.push.apply(e,n)}return e}(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))})),t}function o(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},c=Object.keys(t);for(r=0;r<c.length;r++)n=c[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(t);for(r=0;r<c.length;r++)n=c[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}const c=[{name:"title1",class:"typo-title1"},{name:"title2",class:"typo-title2"},{name:"title3",class:"typo-title3"},{name:"subTitle1",class:"typo-subTitle1"},{name:"subTitle2",class:"typo-subTitle2"},{name:"contents1",class:"typo-contents1"},{name:"contents2",class:"typo-contents2"},{name:"body1",class:"typo-body1"},{name:"body2",class:"typo-body2"},{name:"body3",class:"typo-body3"},{name:"caption1",class:"typo-caption1"},{name:"caption2",class:"typo-caption2"}],a=a=>{var s,{children:l,variant:i,className:p,as:y="span"}=a,b=o(a,["children","variant","className","as"]);const u=y||"span",f=(null===(s=c.find((t=>t.name===i)))||void 0===s?void 0:s.class)||"";/*#__PURE__*/
-return t(u,r(function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){n(t,e,r[e])}))}return t}({className:e("tracking-default",f,p)},b),{children:l}))};
+import{jsx as t}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";function n(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function r(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e.push.apply(e,n)}return e}(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))})),t}function o(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},c=Object.keys(t);for(r=0;r<c.length;r++)n=c[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(t);for(r=0;r<c.length;r++)n=c[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}const c=[{name:"title48",class:"typo-title48"},{name:"title32",class:"typo-title32"},{name:"title28",class:"typo-title28"},{name:"title24",class:"typo-title24"},{name:"subTitle20",class:"typo-subTitle20"},{name:"subTitle18",class:"typo-subTitle18"},{name:"contents18",class:"typo-contents18"},{name:"contents16",class:"typo-contents16"},{name:"body16",class:"typo-body16"},{name:"body14",class:"typo-body14"},{name:"body13",class:"typo-body13"},{name:"caption12",class:"typo-caption12"},{name:"caption11",class:"typo-caption11"}],a=a=>{var s,{children:l,variant:i,className:p,as:y="span"}=a,b=o(a,["children","variant","className","as"]);const u=y||"span",m=(null===(s=c.find((t=>t.name===i)))||void 0===s?void 0:s.class)||"";/*#__PURE__*/
+return t(u,r(function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){n(t,e,r[e])}))}return t}({className:e("tracking-default",m,p)},b),{children:l}))};
 /**
  * Typography
  * @param {Object} props
  * @param {React.ReactNode} props.children - Typography 내부에 들어갈 컨텐츠
- * @param {string} props.variant - 텍스트 스타일 variant ('title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'contents1' | 'contents2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2')
+ * @param {string} props.variant - 텍스트 스타일 variant ('title48' | 'title32' | 'title24' | 'subTitle20' | 'subTitle18' | 'contents18' | 'contents16' | 'body16' | 'body14' | 'body13' | 'caption12' | 'caption11')
  * @param {string} [props.className] - 추가적인 CSS 클래스
  * @param {keyof JSX.IntrinsicElements} [props.as='span'] - 렌더링할 HTML 요소
  */export{a as Typography};

package/dist/Components/Base/Typography/Typography.types.d.ts

@@ -1,17 +1,18 @@
 import { ElementType, PropsWithChildren } from 'react';
 export declare const typographyVariants: {
-    readonly title1: "title1";
-    readonly title2: "title2";
-    readonly title3: "title3";
-    readonly subTitle1: "subTitle1";
-    readonly subTitle2: "subTitle2";
-    readonly contents1: "contents1";
-    readonly contents2: "contents2";
-    readonly body1: "body1";
-    readonly body2: "body2";
-    readonly body3: "body3";
-    readonly caption1: "caption1";
-    readonly caption2: "caption2";
+    readonly title48: "title48";
+    readonly title32: "title32";
+    readonly title28: "title28";
+    readonly title24: "title24";
+    readonly subTitle20: "subTitle20";
+    readonly subTitle18: "subTitle18";
+    readonly contents18: "contents18";
+    readonly contents16: "contents16";
+    readonly body16: "body16";
+    readonly body14: "body14";
+    readonly body13: "body13";
+    readonly caption12: "caption12";
+    readonly caption11: "caption11";
 };
 export type TypographyVariants = (typeof typographyVariants)[keyof typeof typographyVariants];
 export interface TypographyProps extends PropsWithChildren {

package/dist/Components/DataDisplays/Accordion/Accordion.js

@@ -1,4 +1,4 @@
-"use client";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as o,useId as r}from"react";import{twJoin as i}from"tailwind-merge";import{Typography as n}from"../../Base/Typography/Typography.js";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as a}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import"@wishket/yogokit";import"react-dom";import"next/link";import"../../Inputs/AutoCompleteList/AutoCompleteList.parts.js";import"../../Inputs/Input/Input.js";import"../../Inputs/Input/PasswordInput.js";import"../../Inputs/Input/LabelInput.js";import"../../Inputs/Input/InputTypeSelector.js";import"../../Inputs/Calendar/Calendar.utils.js";import"../../Inputs/Checkbox/Checkbox.js";import"../../Inputs/ChoiceChip/ChoiceChip.js";import"../../Inputs/Radio/Radio.js";import"../../Inputs/TextField/TextField.js";import"../../Inputs/CommentArea/CommentArea.js";import"../../Inputs/FilterChip/FilterChip.js";import{TextLink as l}from"../../Navigations/TextLink/TextLink.js";
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as t,useId as o}from"react";import{twJoin as a}from"tailwind-merge";import{Typography as i}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as l}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import{TextLink as s}from"../../Navigations/TextLink/TextLink.js";
 /**
  * 아코디언 컨테이너 컴포넌트
  *
@@ -19,7 +19,7 @@
  *   </Accordion.Item>
  * </Accordion>
  * ```
- */const p=({children:e})=>/*#__PURE__*/t(s,{className:"flex w-full flex-col gap-6 p-6",children:e});
+ */const c=({children:r})=>/*#__PURE__*/e(n,{className:"flex w-full flex-col gap-6 p-6",children:r});
 /**
  * 아코디언의 개별 아이템 컴포넌트
  *
@@ -50,9 +50,9 @@
  *   <p>콘텐츠 내용</p>
  * </Accordion.Item>
  * ```
- */p.Item=({title:p,href:m,linkText:c,linkTarget:u="_blank",children:d})=>{const[h,x]=o(!1),I=r(),f=m&&c&&u;/*#__PURE__*/
-return e(s,{className:"flex w-full flex-col border-b border-w-gray-200 pb-6 last:border-b-0 last:pb-0",children:[
-/*#__PURE__*/e("button",{type:"button",className:"box-border flex cursor-pointer items-center justify-between gap-6 text-left",onClick:()=>x(!h),"aria-expanded":h,"aria-controls":`accordionregion-${I}`,id:`accordionbutton-${I}`,children:[
-/*#__PURE__*/t(n,{variant:"subTitle2",className:"w-full font-medium text-w-gray-900",children:p}),
-/*#__PURE__*/t(s,{className:i("transition-transform duration-300 ease-in-out",h?"rotate-180":"rotate-0"),children:/*#__PURE__*/t(a,{name:"medium_arrow_down"})})]}),
-/*#__PURE__*/t(s,{role:"region",id:`accordionregion-${I}`,"aria-labelledby":`accordionbutton-${I}`,className:i("w-full overflow-hidden transition-all duration-300 ease-in-out",h?"max-h-screen":"max-h-0"),children:/*#__PURE__*/e(s,{className:"mt-4 flex flex-col gap-4",children:[d,f&&/*#__PURE__*/t(l,{href:m,text:c,target:u,trailingIcon:"medium_arrow_right"})]})})]})};export{p as Accordion};
+ */c.Item=({title:c,href:m,linkText:d,linkTarget:f="_blank",children:u})=>{const[p,x]=t(!1),b=o(),h=m&&d&&f;/*#__PURE__*/
+return r(n,{className:"flex w-full flex-col border-b border-w-gray-200 pb-6 last:border-b-0 last:pb-0",children:[
+/*#__PURE__*/r("button",{type:"button",className:"box-border flex cursor-pointer items-center justify-between gap-6 text-left",onClick:()=>x(!p),"aria-expanded":p,"aria-controls":`accordionregion-${b}`,id:`accordionbutton-${b}`,children:[
+/*#__PURE__*/e(i,{variant:"subTitle18",className:"w-full font-medium text-w-gray-900",children:c}),
+/*#__PURE__*/e(n,{className:a("transition-transform duration-300 ease-in-out",p?"rotate-180":"rotate-0"),children:/*#__PURE__*/e(l,{name:"medium_arrow_down"})})]}),
+/*#__PURE__*/e(n,{role:"region",id:`accordionregion-${b}`,"aria-labelledby":`accordionbutton-${b}`,className:a("w-full overflow-hidden transition-all duration-300 ease-in-out",p?"max-h-screen":"max-h-0"),children:/*#__PURE__*/r(n,{className:"mt-4 flex flex-col gap-4",children:[u,h&&/*#__PURE__*/e(s,{href:m,text:d,target:f,trailingIcon:"medium_arrow_right"})]})})]})};export{c as Accordion};

package/dist/Components/DataDisplays/Avatar/Avatar.d.ts

@@ -6,6 +6,7 @@ export interface AvatarProps {
     isEditable?: boolean;
     onClick?: () => void;
     hasBorder?: boolean;
+    defaultAvatarColor?: string;
 }
-declare const MemoizedAvatar: import("react").MemoExoticComponent<({ size, name, imgUrl, isEditable, onClick, hasBorder, }: AvatarProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoizedAvatar: import("react").MemoExoticComponent<({ size, name, imgUrl, isEditable, onClick, hasBorder, defaultAvatarColor, }: AvatarProps) => import("react/jsx-runtime").JSX.Element>;
 export { MemoizedAvatar as Avatar };

package/dist/Components/DataDisplays/Avatar/Avatar.js

@@ -1,6 +1,6 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as r}from"tailwind-merge";import{memo as s,useState as i}from"react";import{SystemIcon as o}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import{Typography as n}from"../../Base/Typography/Typography.js";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:r,isMonogram:s,avatarStyle:l})=>{const[m,d]=i(!1),c=null==a?void 0:a.slice(0,1);return r&&!m?/*#__PURE__*/t("img",{src:r,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:()=>d(!0)}):s?/*#__PURE__*/t(n,{variant:l[e].char,className:"cursor-default select-none text-w-white",children:c}):/*#__PURE__*/t(o,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})},d=/*#__PURE__*/s((({size:s="md",name:i,imgUrl:n,isEditable:d=!1,onClick:c,hasBorder:u=!0})=>{const g=!n&&!!i,h={sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}};/*#__PURE__*/
-return e(l,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:c,children:[
-/*#__PURE__*/t(l,{"data-testid":"design-system-avatar--container",className:a(h[s].container,"flex items-center justify-center overflow-hidden rounded-full",g&&"bg-primary",u&&"border border-w-gray-200"),children:/*#__PURE__*/t(m,{size:s,name:i,imgUrl:n,isMonogram:g,avatarStyle:h})}),!g&&d&&/*#__PURE__*/t(l,{className:a("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",h[s].editButton),"data-testid":"design-system-avatar--edit-button",children:/*#__PURE__*/t(o,{name:"small_camera",solid:!0,className:r("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})}));
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as r}from"tailwind-merge";import{memo as s,useState as i}from"react";import{SystemIcon as o}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import{Typography as l}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:s,isMonogram:n,avatarStyle:m,defaultAvatarColor:d})=>{const[c,u]=i(!1),g=null==a?void 0:a.slice(0,1);return s&&!c?/*#__PURE__*/t("img",{src:s,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:()=>u(!0)}):n?/*#__PURE__*/t(l,{variant:m[e].char,className:"cursor-default select-none text-w-white",children:g}):/*#__PURE__*/t(o,{name:"large_user_image_avatar",className:r("h-full w-full",d),testId:"design-system-avatar--default-image"})},d=/*#__PURE__*/s((({size:s="md",name:i,imgUrl:l,isEditable:d=!1,onClick:c,hasBorder:u=!0,defaultAvatarColor:g="text-w-gray-200"})=>{const y=!l&&!!i,f={sm:{container:"size-[22px]",char:"caption12",editButton:"hidden"},md:{container:"size-8",char:"body16",editButton:"size-4"},lg:{container:"size-12",char:"title28",editButton:"size-5"},xl:{container:"size-20",char:"title32",editButton:"size-6"}};/*#__PURE__*/
+return e(n,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:c,children:[
+/*#__PURE__*/t(n,{"data-testid":"design-system-avatar--container",className:a(f[s].container,"flex items-center justify-center overflow-hidden rounded-full",y&&"bg-primary",u&&"border border-w-gray-200"),children:/*#__PURE__*/t(m,{size:s,name:i,imgUrl:l,isMonogram:y,avatarStyle:f,defaultAvatarColor:g})}),!y&&d&&/*#__PURE__*/t(n,{className:a("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",f[s].editButton),"data-testid":"design-system-avatar--edit-button",children:/*#__PURE__*/t(o,{name:"small_camera",solid:!0,className:r("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})}));
 /**
  * Avatar 컴포넌트는 사용자의 프로필 이미지, 모노그램, 또는 기본 아이콘을 표시합니다.
  * @component
@@ -10,6 +10,7 @@ return e(l,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:
  * @param {string} [props.imgUrl] - 이미지 URL
  * @param {boolean} [props.isEditable=false] - 수정 아이콘 여부
  * @param {boolean} [props.hasBorder=true] - 테두리 여부
+ * @param {AvatarColor} [props.defaultAvatarColor='text-w-gray-200'] - 기본 아이콘 색상
  * @param {() => void} [props.onClick] - 클릭 시 실행될 콜백 함수
  * @returns {JSX.Element} Avatar component
  * @example
@@ -21,4 +22,4 @@ return e(l,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:
  *
  * // Editable avatar
  * <Avatar name="John Doe" isEditable={true} onClick={() => handleEdit()} />
- */export{d as Avatar};
+ */d.displayName="Avatar";export{d as Avatar};

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

@@ -1,25 +1,8 @@
 export interface DividerProps {
     isVertical?: boolean;
-    isSub?: boolean;
+    color?: 'gray' | 'light' | 'dark' | 'blue';
+    height?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
     className?: string;
 }
-/**
- * 콘텐츠 사이에 시각적 구분선을 생성하는 컴포넌트
- * @param {Object} props
- * @param {boolean} [props.isVertical=false] - true일 경우 세로 구분선, false일 경우 가로 구분선
- * @param {boolean} [props.isSub=false] - true일 경우 연한 회색, false일 경우 진한 회색 사용
- * @param {string} [props.className] - 추가적인 CSS 클래스
- * @returns {JSX.Element} 구분선 요소
- * @example
- * // 가로 구분선
- * <Divider />
- *
- * // 세로 구분선
- * <Divider isVertical />
- *
- * // 연한 회색의 구분선
- * <Divider isSub />
- *
- */
-declare const Divider: ({ isVertical, isSub, className, }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Divider: ({ isVertical, color, height, className, }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export { Divider };

package/dist/Components/DataDisplays/Divider/Divider.js

@@ -1,19 +1,23 @@
-import{jsx as i}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";
+import{jsx as r}from"react/jsx-runtime";import{twMerge as l}from"tailwind-merge";
 /**
  * 콘텐츠 사이에 시각적 구분선을 생성하는 컴포넌트
  * @param {Object} props
  * @param {boolean} [props.isVertical=false] - true일 경우 세로 구분선, false일 경우 가로 구분선
- * @param {boolean} [props.isSub=false] - true일 경우 연한 회색, false일 경우 진한 회색 사용
+ * @param {'gray' | 'light' | 'dark' | 'blue'} [props.color='gray'] - 구분선 색상
+ * @param {'sm' | 'md' | 'lg' | 'xl' | 'full'} [props.height] - 세로 구분선의 높이 (isVertical=true일 때만 적용, 기본값: full)
  * @param {string} [props.className] - 추가적인 CSS 클래스
  * @returns {JSX.Element} 구분선 요소
  * @example
  * // 가로 구분선
  * <Divider />
  *
- * // 세로 구분선
+ * // 세로 구분선 (부모 높이 필요)
  * <Divider isVertical />
  *
- * // 연한 회색의 구분선
- * <Divider isSub />
+ * // 고정 높이 세로 구분선
+ * <Divider isVertical height="md" />
  *
- */const r=({isVertical:r=!1,isSub:s=!1,className:t})=>/*#__PURE__*/i("div",{"data-testid":"design-system-divider",className:e("flex-shrink-0",r?"h-full w-px":"h-px w-full",s?"bg-w-gray-100":"bg-w-gray-200",t)});export{r as Divider};
+ * // 부모 높이에 맞는 세로 구분선
+ * <Divider isVertical height="full" />
+ *
+ */const a={gray:"bg-w-gray-200",light:"bg-w-gray-100",dark:"bg-w-bluegray-500",blue:"bg-w-bluegray-50"},e={sm:"h-3",md:"h-[13px]",lg:"h-3.5",xl:"h-4",full:"h-full"},g=({isVertical:g=!1,color:i="gray",height:t="full",className:s})=>/*#__PURE__*/r("div",{"data-testid":"design-system-divider",role:"separator",className:l("shrink-0",g?"w-px":"h-px w-full",g&&e[t],a[i],s)});export{g as Divider};

package/dist/Components/DataDisplays/Label/Label.js

@@ -1,6 +1,6 @@
 "use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useContext as t,createContext as n,Children as o,isValidElement as a}from"react";import{twMerge as i}from"tailwind-merge";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as c}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as y}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";function p(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){p(e,r,t[r])}))}return e}function m(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 b(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const g=/*#__PURE__*/n({type:"",variant:"",size:""}),u={Root:e=>{var{children:t,className:n,size:s="md",type:y="text",variant:p="primary",ref:u,canHover:d=!1}=e,f=b(e,["children","className","size","type","variant","ref","canHover"]);const O=o.toArray(t),j=O.length-1,w=e=>/*#__PURE__*/a(e)&&"function"==typeof e.type&&e.type.toString().includes("icon"),v=w(O[0]),x=w(O[j]);/*#__PURE__*/
 return r(g.Provider,{value:{type:y,variant:p,size:s},children:/*#__PURE__*/r(c,m(l({"data-testid":"design-system-label",className:i("flex w-fit items-center","sm"===s&&"gap-1","md"===s&&"gap-1.5",(()=>{const e="sm"===s,r="rounded-lg px-2";if("text"!==y)return i(r,"outlined"===y?e?"border py-px":"border py-0":e?"py-0.5":"py-px",v&&"pl-1.5",x&&"pr-1.5")})(),d&&"cursor-pointer",(()=>{const e="outlined"===y;if("text"!==y)return"gray"===p?e?d?"bg-w-gray-10 border-w-gray-200 hover:border-w-gray-400":"bg-w-gray-10 border-w-gray-200":d?"bg-w-gray-10 hover:bg-w-gray-200":"bg-w-gray-10":e?d?"bg-primary-50 border-primary-200 hover:border-primary":"bg-primary-50 border-primary-200":d?"bg-primary-50 hover:bg-primary-100":"bg-primary-50"})(),n)},f),{children:t}))})},Text:({children:e,className:n})=>{const{type:o,variant:a,size:c}=t(g);/*#__PURE__*/
-return r(s,{variant:"md"===c?"body2":"caption1","data-testid":"design-system-label--text",className:i("select-none text-w-gray-600",!("text"===o)&&"primary"===a&&"text-primary",n),children:e})},Icon:({children:n,className:o,icon:a})=>{const{type:s,variant:p}=t(g);/*#__PURE__*/
+return r(s,{variant:"md"===c?"body14":"caption12","data-testid":"design-system-label--text",className:i("select-none text-w-gray-600",!("text"===o)&&"primary"===a&&"text-primary",n),children:e})},Icon:({children:n,className:o,icon:a})=>{const{type:s,variant:p}=t(g);/*#__PURE__*/
 return e(c,{"data-testid":"design-system-label--icon",className:i("aspect-w-[14px] size-[14px] shrink-0 object-contain",!a&&o),children:[a&&/*#__PURE__*/r(y,{name:a,className:i("text-w-gray-400","primary"===p&&"text-primary","text"===s&&"text-w-gray-400",o)}),n]})}};
 /**
  * @component Root

package/dist/Components/DataDisplays/Li/Li.d.ts

@@ -1,17 +1,10 @@
-import { ReactNode } from 'react';
-interface LiProps {
-    children: ReactNode;
-    variant?: Variant;
-    bulletClassName?: string;
-    bulletSize?: number;
-    gap?: number;
-    className?: string;
-}
+import { HTMLAttributes } from 'react';
+export declare const Bullet: () => import("react/jsx-runtime").JSX.Element;
 /**
  * 리스트 아이템 컴포넌트입니다.
  *
  * @param {Object} props - 컴포넌트 프로퍼티
- * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body1)
+ * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body16)
  * @param {string} [props.bulletClassName] - 리스트 아이템 불릿 클래스명 (기본값: 'text-w-bluegray-300')
  * @param {number} [props.bulletSize] - 리스트 아이템 불릿 크기 (지름, 기본값: 3)
  * @param {number} [props.gap] - 불릿과 children 간격 (기본값: 2)
@@ -22,7 +15,7 @@ interface LiProps {
  * <Li>내용을 적어줍니다.</Li>
  *
  * // 타이포그래피 variant 변경
- * <Li variant="title3">내용을 적어줍니다.</Li>
+ * <Li variant="title28">내용을 적어줍니다.</Li>
  *
  * // 불릿 색상 조절
  * <Li bulletClassName="text-w-red-800">내용을 적어줍니다.</Li>
@@ -37,61 +30,5 @@ interface LiProps {
  * <Li className="text-w-red-800">내용을 적어줍니다.</Li>
  *
  */
-declare const Li: ({ children, variant, gap, bulletSize, bulletClassName, className, }: LiProps) => import("react/jsx-runtime").JSX.Element;
+declare const Li: ({ children, className, ...rest }: HTMLAttributes<HTMLLIElement>) => import("react/jsx-runtime").JSX.Element;
 export default Li;
-export declare const typographyStyles: {
-    title1: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    title2: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    title3: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    subTitle1: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    subTitle2: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    contents1: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    contents2: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    body1: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    body2: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    body3: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    caption1: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    caption2: {
-        fontSize: string;
-        lineHeight: string;
-    };
-};
-type Variant = keyof typeof typographyStyles;
-export declare const BulletIcon: ({ size, variant, className, }: {
-    size?: number;
-    variant?: Variant;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplays/Li/Li.js

@@ -1,9 +1,12 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";function n(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 c(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const l=()=>/*#__PURE__*/r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"3",height:"3",viewBox:"0 0 3 3",fill:"none",className:"shrink-0",children:/*#__PURE__*/r("circle",{cx:"1.5",cy:"1.5",r:"1.5",fill:"currentColor"})}),i=i=>{var{children:s,className:a}=i,u=c(i,["children","className"]);const f=`${(null==a?void 0:a.includes("typo-"))?"":"typo-body14"} ${a||""}`.trim();/*#__PURE__*/
+return e("li",o(function(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){n(e,r,t[r])}))}return e}({className:t("flex gap-2 text-w-gray-500",f)},u),{children:[
+/*#__PURE__*/r("span",{className:"inline-flex h-[1lh] shrink-0 items-center",children:/*#__PURE__*/r(l,{})}),
+/*#__PURE__*/r("span",{children:s})]}))};
 /**
  * 리스트 아이템 컴포넌트입니다.
  *
  * @param {Object} props - 컴포넌트 프로퍼티
- * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body1)
+ * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body16)
  * @param {string} [props.bulletClassName] - 리스트 아이템 불릿 클래스명 (기본값: 'text-w-bluegray-300')
  * @param {number} [props.bulletSize] - 리스트 아이템 불릿 크기 (지름, 기본값: 3)
  * @param {number} [props.gap] - 불릿과 children 간격 (기본값: 2)
@@ -14,7 +17,7 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{twMerge as t}from"tailw
  * <Li>내용을 적어줍니다.</Li>
  *
  * // 타이포그래피 variant 변경
- * <Li variant="title3">내용을 적어줍니다.</Li>
+ * <Li variant="title28">내용을 적어줍니다.</Li>
  *
  * // 불릿 색상 조절
  * <Li bulletClassName="text-w-red-800">내용을 적어줍니다.</Li>
@@ -28,7 +31,4 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{twMerge as t}from"tailw
  * // 커스텀 클래스와 함께 사용
  * <Li className="text-w-red-800">내용을 적어줍니다.</Li>
  *
- */const n=({children:l,variant:n="body1",gap:o=2,bulletSize:p=3,bulletClassName:a="text-w-bluegray-300",className:x})=>/*#__PURE__*/e("li",{className:t(`flex gap-${o} typo-${n}`,x),children:[
-/*#__PURE__*/i(s,{size:p,variant:n,className:a}),
-/*#__PURE__*/i("span",{children:l})]}),o={title1:{fontSize:"48px",lineHeight:"64px"},title2:{fontSize:"32px",lineHeight:"48px"},title3:{fontSize:"24px",lineHeight:"36px"},subTitle1:{fontSize:"20px",lineHeight:"30px"},subTitle2:{fontSize:"18px",lineHeight:"28px"},contents1:{fontSize:"18px",lineHeight:"32px"},contents2:{fontSize:"16px",lineHeight:"30px"},body1:{fontSize:"16px",lineHeight:"26px"},body2:{fontSize:"14px",lineHeight:"24px"},body3:{fontSize:"13px",lineHeight:"20px"},caption1:{fontSize:"12px",lineHeight:"18px"},caption2:{fontSize:"11px",lineHeight:"14px"}},s=({size:e=3,variant:n="body1",className:s})=>{var p;const a=e/2,x=4*e,r=(null===(p=o[n])||void 0===p?void 0:p.lineHeight)||"26px",h=parseInt(r)/2-x/2;/*#__PURE__*/
-return i(l,{className:t("flex-shrink-0",s),style:{marginTop:`${h}px`,width:`${x}px`,height:`${x}px`},"data-testid":"design-system-li-bullet-container",children:/*#__PURE__*/i("svg",{width:x,height:x,viewBox:`0 0 ${x} ${x}`,fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"design-system-li-bullet",children:/*#__PURE__*/i("circle",{cx:x/2,cy:x/2,r:a,fill:"currentColor"})})})};export{s as BulletIcon,n as default,o as typographyStyles};
+ */export{l as Bullet,i as default};

package/dist/Components/DataDisplays/ProductIcon/Icons/Achieve.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Achieve: React.FC<ProductIconPartProps>;
 export { Achieve };

package/dist/Components/DataDisplays/ProductIcon/Icons/Bookmark.d.ts

@@ -1,3 +1,3 @@
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Bookmark: ({ size, disabled }: ProductIconPartProps) => import("react/jsx-runtime").JSX.Element;
 export { Bookmark };

package/dist/Components/DataDisplays/ProductIcon/Icons/BubbleStar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const BubbleStar: React.FC<ProductIconPartProps>;
 export { BubbleStar };

package/dist/Components/DataDisplays/ProductIcon/Icons/BubbleStars.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const BubbleStars: React.FC<ProductIconPartProps>;
 export { BubbleStars };

package/dist/Components/DataDisplays/ProductIcon/Icons/Building.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Building: React.FC<ProductIconPartProps>;
 export { Building };

package/dist/Components/DataDisplays/ProductIcon/Icons/Calendar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Calendar: React.FC<ProductIconPartProps>;
 export { Calendar };

package/dist/Components/DataDisplays/ProductIcon/Icons/CardConfirm.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const CardConfirm: React.FC<ProductIconPartProps>;
 export { CardConfirm };

package/dist/Components/DataDisplays/ProductIcon/Icons/CardWrite.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const CardWrite: React.FC<ProductIconPartProps>;
 export { CardWrite };

package/dist/Components/DataDisplays/ProductIcon/Icons/Congrats.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Congrats: React.FC<ProductIconPartProps>;
 export { Congrats };

package/dist/Components/DataDisplays/ProductIcon/Icons/ContractPen.d.ts

@@ -1,3 +1,3 @@
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const ContractPen: ({ size }: ProductIconPartProps) => import("react/jsx-runtime").JSX.Element;
 export { ContractPen };

package/dist/Components/DataDisplays/ProductIcon/Icons/Credit.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Credit: React.FC<ProductIconPartProps>;
 export { Credit };

package/dist/Components/DataDisplays/ProductIcon/Icons/Database.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Database: React.FC<ProductIconPartProps>;
 export { Database };

package/dist/Components/DataDisplays/ProductIcon/Icons/Design.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Design: React.FC<ProductIconPartProps>;
 export { Design };

package/dist/Components/DataDisplays/ProductIcon/Icons/Discount.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Discount: React.FC<ProductIconPartProps>;
 export { Discount };

package/dist/Components/DataDisplays/ProductIcon/Icons/DocumentCloud.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const DocumentCloud: React.FC<ProductIconPartProps>;
 export { DocumentCloud };

package/dist/Components/DataDisplays/ProductIcon/Icons/DocumentSuccess.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const DocumentSuccess: React.FC<ProductIconPartProps>;
 export { DocumentSuccess };

package/dist/Components/DataDisplays/ProductIcon/Icons/Email.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Email: React.FC<ProductIconPartProps>;
 export { Email };

package/dist/Components/DataDisplays/ProductIcon/Icons/HandShake.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const HandShake: React.FC<ProductIconPartProps>;
 export { HandShake };

package/dist/Components/DataDisplays/ProductIcon/Icons/HandThumb.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const HandThumb: React.FC<ProductIconPartProps>;
 export { HandThumb };

package/dist/Components/DataDisplays/ProductIcon/Icons/Idea.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Idea: React.FC<ProductIconPartProps>;
 export { Idea };

package/dist/Components/DataDisplays/ProductIcon/Icons/Lock.d.ts

@@ -1,3 +1,3 @@
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Lock: ({ size, disabled }: ProductIconPartProps) => import("react/jsx-runtime").JSX.Element;
 export { Lock };

package/dist/Components/DataDisplays/ProductIcon/Icons/Logout.d.ts

@@ -1,3 +1,3 @@
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Logout: ({ size, disabled }: ProductIconPartProps) => import("react/jsx-runtime").JSX.Element;
 export { Logout };

package/dist/Components/DataDisplays/ProductIcon/Icons/MemoWrite.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const MemoWrite: React.FC<ProductIconPartProps>;
 export { MemoWrite };

package/dist/Components/DataDisplays/ProductIcon/Icons/MobileConfirm.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const MobileConfirm: React.FC<ProductIconPartProps>;
 export { MobileConfirm };

package/dist/Components/DataDisplays/ProductIcon/Icons/Package.d.ts

@@ -1,3 +1,3 @@
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const Package: ({ size }: ProductIconPartProps) => import("react/jsx-runtime").JSX.Element;
 export { Package };

package/dist/Components/DataDisplays/ProductIcon/Icons/PaperCertify.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProductIconPartProps } from '../ProductIcon.types';
+import { ProductIconPartProps } from '../ProductIcon.part.types';
 declare const PaperCertify: React.FC<ProductIconPartProps>;
 export { PaperCertify };