@wishket/design-system 1.13.3 → 1.13.4

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

@@ -1,104 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
-import { twMerge } from 'tailwind-merge';
-import { forwardRef } from 'react';
-
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
+import{jsx as e}from"react/jsx-runtime";import{twMerge as r}from"tailwind-merge";import{forwardRef as t}from"react";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,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}(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}
 /**
  * @param {Object} props
  * @param {ReactNode} props.children - 박스 내부에 렌더링할 컨텐츠
  * @param {ElementType} [props.as='div'] - 렌더링할 HTML 요소
  * @param {string} [props.className] - 추가적인 CSS 클래스
- */ const Box = /*#__PURE__*/ forwardRef((_param, ref)=>{
-    var { className, children, as: Component = 'div' } = _param, rest = _object_without_properties(_param, [
-        "className",
-        "children",
-        "as"
-    ]);
-    return /*#__PURE__*/ jsx(Component, _object_spread_props(_object_spread({
-        ref: ref,
-        className: twMerge('box-border', className)
-    }, rest), {
-        children: children
-    }));
-});
-Box.displayName = 'Box';
-
-export { Box as default };
+ */(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 i=/*#__PURE__*/t(((t,i)=>{var{className:l,children:a,as:u="div"}=t,f=c(t,["className","children","as"]);/*#__PURE__*/
+return e(u,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}({ref:i,className:r("box-border",l)},f),{children:a}))}));i.displayName="Box";export{i as default};

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

@@ -1,19 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
-import { twMerge } from 'tailwind-merge';
-
-const COLUMN_SIZES = [
-    'col-span-1',
-    'col-span-2',
-    'col-span-3',
-    'col-span-4',
-    'col-span-5',
-    'col-span-6',
-    'col-span-7',
-    'col-span-8',
-    'col-span-9',
-    'col-span-10',
-    'col-span-11'
-];
+import{jsx as s}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";const n=["col-span-1","col-span-2","col-span-3","col-span-4","col-span-5","col-span-6","col-span-7","col-span-8","col-span-9","col-span-10","col-span-11"],c=({container:c=!1,size:o=1,className:l,children:e})=>{if(c)/*#__PURE__*/return s("div",{"data-testid":"design-system-column--container",className:a("grid auto-cols-1fr grid-flow-col",l),children:e});/*#__PURE__*/
+return s("div",{"data-testid":"design-system-column",className:a((s=>n[s-1])(o),l),children:e})};
 /**
  * 그리드 시스템 기반의 컬럼 레이아웃 컴포넌트
  * @param {Object} props
@@ -23,18 +9,4 @@ const COLUMN_SIZES = [
  * @param {number} [props.centerColumnSize] - 가운데 컬럼 크기
  * @param {number} [props.rightColumnSize] - 오른쪽 컬럼 크기
  * @param {string} [props.className] - 추가적인 CSS 클래스
- */ const Column = ({ container = false, size = 1, className, children })=>{
-    if (container) return /*#__PURE__*/ jsx("div", {
-        "data-testid": "design-system-column--container",
-        className: twMerge('grid auto-cols-1fr grid-flow-col', className),
-        children: children
-    });
-    const generateColumnSize = (size)=>COLUMN_SIZES[size - 1];
-    return /*#__PURE__*/ jsx("div", {
-        "data-testid": "design-system-column",
-        className: twMerge(generateColumnSize(size), className),
-        children: children
-    });
-};
-
-export { Column as default };
+ */export{c as default};

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

@@ -1,88 +1,4 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useEffect } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { calculateScrollbarWidth, getPaddingFromClassName } from './FullBleed.utils.js';
-
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
+"use client";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as r,useEffect as n}from"react";import{twMerge as i}from"tailwind-merge";import{calculateScrollbarWidth as a,getPaddingFromClassName as l}from"./FullBleed.utils.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(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){d(e,t,r[t])}))}return e}function o(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function p(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
 /**
  * 화면 전체 너비를 활용하는 레이아웃 컴포넌트
  * @param {Object} props
@@ -91,51 +7,7 @@ function _object_without_properties_loose(source, excluded) {
  * @param {string} [props.className] - 외부 컨테이너 클래스
  * @param {string} [props.insideContainerClassName] - 내부 컨테이너 클래스
  * @param {string | number} [props.paddingAdjustment] - 패딩 보정값(단위 : px)
- */ const FullBleed = /*#__PURE__*/ forwardRef((_param, ref)=>{
-    var { className, insideContainerClassName, maxWidth = '1200px', paddingAdjustment = 8.5, children } = _param, rest = _object_without_properties(_param, [
-        "className",
-        "insideContainerClassName",
-        "maxWidth",
-        "paddingAdjustment",
-        "children"
-    ]);
-    // TODO: 스크롤바 너비를 제외한 viewport width 계산을 더 나은 방식으로 할 수 있도록 개선(layout shift 방지)
-    const [scrollBarWidth, setScrollBarWidth] = useState(()=>{
-        const calculatedScrollbarWidth = calculateScrollbarWidth();
-        return calculatedScrollbarWidth;
-    });
-    const mobilePadding = getPaddingFromClassName(insideContainerClassName, 'mobile');
-    const tabletPadding = getPaddingFromClassName(insideContainerClassName, 'tablet');
-    const desktopPadding = getPaddingFromClassName(insideContainerClassName, 'desktop');
-    useEffect(()=>{
-        setScrollBarWidth(calculateScrollbarWidth());
-    }, []);
-    const dynamicStyle = {
-        '--dynamic-padding-left-tablet': `max(${tabletPadding.left || tabletPadding.x}px, ${mobilePadding.left || mobilePadding.x}px)`,
-        '--dynamic-padding-right-tablet': `max(${tabletPadding.right || tabletPadding.x}px, ${mobilePadding.right || mobilePadding.x}px)`,
-        '--dynamic-padding-left-desktop': `calc(max(calc((100dvw - ${maxWidth})/2 + ${mobilePadding.left || mobilePadding.x}px + ${paddingAdjustment}px), ${desktopPadding.x}px))`,
-        '--dynamic-padding-right-desktop': `calc(max(calc((100dvw - ${maxWidth})/2 + ${mobilePadding.right || mobilePadding.x}px + ${paddingAdjustment}px), ${desktopPadding.x}px))`
-    };
-    const dynamicViewportWidth = {
-        '--dynamic-bleed-width': `calc(100dvw - ${scrollBarWidth}px)`
-    };
-    return /*#__PURE__*/ jsx("div", {
-        "data-testid": "design-system-full-bleed",
-        children: /*#__PURE__*/ jsx("div", {
-            "data-testid": "design-system-full-bleed--container",
-            className: twMerge(`relative left-1/2 top-0 h-full w-[var(--dynamic-bleed-width)] -translate-x-1/2`, className),
-            style: dynamicViewportWidth,
-            children: /*#__PURE__*/ jsx("div", _object_spread_props(_object_spread({
-                "data-testid": "design-system-full-bleed--container-inside",
-                className: twMerge('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)]', insideContainerClassName),
-                style: dynamicStyle,
-                ref: ref
-            }, rest), {
-                children: children
-            }))
-        })
-    });
-});
-FullBleed.displayName = 'FullBleed';
-
-export { FullBleed as default };
+ */(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:f,maxWidth:m="1200px",paddingAdjustment:u=8.5,children:b}=t,y=p(t,["className","insideContainerClassName","maxWidth","paddingAdjustment","children"]);
+// TODO: 스크롤바 너비를 제외한 viewport width 계산을 더 나은 방식으로 할 수 있도록 개선(layout shift 방지)
+const[g,x]=r((()=>a())),O=l(f,"mobile"),h=l(f,"tablet"),j=l(f,"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 - ${m})/2 + ${O.left||O.x}px + ${u}px), ${j.x}px))`,"--dynamic-padding-right-desktop":`calc(max(calc((100dvw - ${m})/2 + ${O.right||O.x}px + ${u}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)]",f),style:v,ref:d},y),{children:b}))})})}));s.displayName="FullBleed";export{s as default};

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

@@ -1,102 +1,7 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-const getPaddingFromClassName = (className, type = 'mobile')=>{
-    const BASE_PADDING = {
-        mobile: {
-            x: 20,
-            left: 0,
-            right: 0
-        },
-        tablet: {
-            x: 20,
-            left: 0,
-            right: 0
-        },
-        desktop: {
-            x: 36,
-            left: 0,
-            right: 0
-        }
-    };
-    if (!className) {
-        if (type === 'tablet') {
-            const mobileValues = getPaddingFromClassName(className, 'mobile');
-            return {
-                x: mobileValues.x,
-                left: mobileValues.left,
-                right: mobileValues.right
-            };
-        }
-        return BASE_PADDING[type];
-    }
-    const classes = className.split(' ');
-    const prefix = type === 'mobile' ? '' : `${type}:`;
-    // 현재 타입의 클래스가 없으면 이전 타입의 값을 사용
-    const hasCurrentTypeClass = classes.some((cls)=>cls.startsWith(prefix + 'px-') || cls.startsWith(prefix + 'pl-') || cls.startsWith(prefix + 'pr-'));
-    if (!hasCurrentTypeClass) {
-        if (type === 'tablet') return getPaddingFromClassName(className, 'mobile');
-    }
-    const result = _object_spread({}, BASE_PADDING[type]);
-    // px 처리
-    const pxClass = classes.find((cls)=>cls === `${prefix}px-${result.x / 4}` || cls.startsWith(`${prefix}px-`));
-    if (pxClass) {
-        const value = Number(pxClass.replace(prefix, '').replace('px-', '')) * 4;
-        result.x = value;
-    }
-    // pl 처리
-    const plClass = classes.find((cls)=>cls.startsWith(`${prefix}pl-`));
-    if (plClass) {
-        const value = Number(plClass.replace(prefix, '').replace('pl-', '')) * 4;
-        result.left = value;
-    }
-    // pr 처리
-    const prClass = classes.find((cls)=>cls.startsWith(`${prefix}pr-`));
-    if (prClass) {
-        const value = Number(prClass.replace(prefix, '').replace('pr-', '')) * 4;
-        result.right = value;
-    }
-    return result;
-};
-const calculateScrollbarWidth = ()=>{
-    if (typeof window === 'undefined') return 0;
-    const hasScrollbar = window.innerHeight < document.documentElement.scrollHeight;
-    if (!hasScrollbar) {
-        return 0;
-    }
-    const outer = document.createElement('div');
-    outer.style.visibility = 'hidden';
-    outer.style.overflow = 'scroll';
-    document.body.appendChild(outer);
-    const inner = document.createElement('div');
-    outer.appendChild(inner);
-    const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
-    return scrollbarWidth;
-};
-
-export { calculateScrollbarWidth, getPaddingFromClassName };
+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 처리
+const f=o.find((t=>t.startsWith(`${l}pl-`)));if(f){const t=4*Number(f.replace(l,"").replace("pl-",""));c.left=t}
+// pr 처리
+const p=o.find((t=>t.startsWith(`${l}pr-`)));if(p){const t=4*Number(p.replace(l,"").replace("pr-",""));c.right=t}return c},r=()=>{if("undefined"==typeof window)return 0;if(!(window.innerHeight<document.documentElement.scrollHeight))return 0;const t=document.createElement("div");t.style.visibility="hidden",t.style.overflow="scroll",document.body.appendChild(t);const e=document.createElement("div");t.appendChild(e);return t.offsetWidth-e.offsetWidth};export{r as calculateScrollbarWidth,e as getPaddingFromClassName};

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

@@ -1,6 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
-import { twMerge } from 'tailwind-merge';
-
+import{jsx as a}from"react/jsx-runtime";import{twMerge as e}from"tailwind-merge";
 //reference : https://github.com/wishket/frontend-rules/wiki/Grid-System
 /**
  * GridLayout 컴포넌트는 그리드 시스템을 구현하는 레이아웃 컴포넌트입니다.
@@ -17,13 +15,5 @@ import { twMerge } from 'tailwind-merge';
  * <GridLayout gridTemplateAreaClass="custom-grid-areas">
  *   <div>Content</div>
  * </GridLayout>
- */ const GridLayout = ({ children, gridTemplateAreaClass, testId })=>{
-    const gridTemplateAreas = gridTemplateAreaClass || 'grid-areas-default-mobile tablet:grid-areas-default-tablet desktop:grid-areas-default-desktop';
-    return /*#__PURE__*/ jsx("div", {
-        className: twMerge('mx-auto grid w-full max-w-container auto-cols-1fr gap-x-5 px-5 desktop:gap-x-6 desktop:px-9', gridTemplateAreas),
-        "data-testid": testId,
-        children: children
-    });
-};
-
-export { GridLayout as default };
+ */
+const t=({children:t,gridTemplateAreaClass:r,testId:d})=>/*#__PURE__*/a("div",{className:e("mx-auto grid w-full max-w-container auto-cols-1fr gap-x-5 px-5 desktop:gap-x-6 desktop:px-9",r||"grid-areas-default-mobile tablet:grid-areas-default-tablet desktop:grid-areas-default-desktop"),"data-testid":d,children:t});export{t as default};

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

@@ -1,135 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
-import { twMerge } from 'tailwind-merge';
-
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-const VARIANTS = [
-    {
-        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'
-    }
-];
+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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}(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}))};
 /**
  * Typography
  * @param {Object} props
@@ -137,21 +7,4 @@ const VARIANTS = [
  * @param {string} props.variant - 텍스트 스타일 variant ('title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'contents1' | 'contents2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2')
  * @param {string} [props.className] - 추가적인 CSS 클래스
  * @param {keyof JSX.IntrinsicElements} [props.as='span'] - 렌더링할 HTML 요소
- */ const Typography = (_param)=>{
-    var { children, variant, className, as = 'span' } = _param, rest = _object_without_properties(_param, [
-        "children",
-        "variant",
-        "className",
-        "as"
-    ]);
-    var _VARIANTS_find;
-    const Component = as || 'span';
-    const matchedVariantClass = ((_VARIANTS_find = VARIANTS.find((eachVariant)=>eachVariant.name === variant)) === null || _VARIANTS_find === void 0 ? void 0 : _VARIANTS_find.class) || '';
-    return /*#__PURE__*/ jsx(Component, _object_spread_props(_object_spread({
-        className: twMerge('tracking-default', matchedVariantClass, className)
-    }, rest), {
-        children: children
-    }));
-};
-
-export { Typography as default };
+ */export{a as default};