@loword/loword-design-system 0.0.4 → 0.0.5

package/dist/components/FileUpload/FileUploadBase.d.ts

@@ -1,50 +0,0 @@
-import { Dispatch, type ReactNode, SetStateAction } from 'react';
-import { TMimeType } from '../../constants/file.js';
-import { type LDButtonProps } from '../../components/LDButton/LDButton.js';
-import { IFile } from '../../utils/file.js';
-interface FileUploadContextType {
-    recommendedSize?: {
-        width: number;
-        height: number;
-    };
-    maxSize: number;
-    allowedExtensions: TMimeType[];
-    fileList: IFile[];
-    setFileList: Dispatch<SetStateAction<IFile[]>>;
-    maxFileCount: number;
-}
-export declare const useFileUploadContext: () => FileUploadContextType;
-interface RootProps {
-    recommendedSize?: {
-        width: number;
-        height: number;
-    };
-    maxSize: number;
-    allowedExtensions: TMimeType[];
-    fileList: IFile[] | [];
-    setFileList: Dispatch<SetStateAction<IFile[] | []>>;
-    maxFileCount?: number;
-    className?: string;
-    children?: ReactNode;
-}
-interface LDInputProps extends LDButtonProps<'button'> {
-    onChangeFile: ({ fileName, fileBase64, file, }: {
-        fileName: string;
-        fileBase64: string;
-        file: File;
-    }) => Promise<string | void>;
-    label?: string;
-}
-export declare const FileUploadBase: {
-    Root: ({ recommendedSize, maxSize, allowedExtensions, maxFileCount, fileList, setFileList, className, children, }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    LDInput: ({ onChangeFile, label, ...props }: LDInputProps) => import("react/jsx-runtime").JSX.Element;
-    CardList: ({ emptyContent, className, }: {
-        emptyContent?: ReactNode;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    Description: ({ className }: {
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-};
-export default FileUploadBase;
-//# sourceMappingURL=FileUploadBase.d.ts.map

package/dist/components/FileUpload/FileUploadBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploadBase.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUploadBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,QAAQ,EACR,KAAK,SAAS,EACd,cAAc,EAGf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAmB,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAiB,EACf,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAGL,KAAK,EAKN,MAAM,kBAAkB,CAAC;AAG1B,UAAU,qBAAqB;IAC7B,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC/B,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC/C,YAAY,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,oBAAoB,6BAUhC,CAAC;AAEF,UAAU,SAAS;IACjB,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC/B,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IACvB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA8BD,UAAU,YAAa,SAAQ,aAAa,CAAC,QAAQ,CAAC;IACpD,YAAY,EAAE,CAAC,EACb,QAAQ,EACR,UAAU,EACV,IAAI,GACL,EAAE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,IAAI,CAAC;KACZ,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmJD,eAAO,MAAM,cAAc;uHAjLxB,SAAS;iDAoCT,YAAY;6CA2EZ;QACD,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;iCA6CmC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAuBzD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/FileUpload/FileUploadBase.js

@@ -1,102 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useContext, } from 'react';
-import cn from '../../utils/cn.js';
-import { FILE_EXTENSIONS } from '../../constants/file.js';
-import LDButton from '../../components/LDButton/LDButton.js';
-import { fileToBase64, getFileSizeUnit, isImage, validAllowedExtesions, validFileSize, validImageSize, } from '../../utils/file.js';
-import Toast from '../../components/Toast/Toast.js';
-const FileUploadContext = createContext(null);
-export const useFileUploadContext = () => {
-    const fileUploadContext = useContext(FileUploadContext);
-    if (!fileUploadContext) {
-        throw new Error('FileUploadBase 하위 컴포넌트는 Root 내부에서 사용해야 합니다.');
-    }
-    return fileUploadContext;
-};
-const Root = ({ recommendedSize, maxSize, allowedExtensions, maxFileCount, fileList, setFileList, className, children, }) => {
-    //   const [file, setFile] = useState<IFile | null>(null);
-    return (_jsx(FileUploadContext.Provider, { value: {
-            recommendedSize,
-            maxSize,
-            allowedExtensions,
-            maxFileCount: maxFileCount ?? 1,
-            fileList,
-            setFileList,
-        }, children: _jsx("div", { className: cn('w-full', className), children: children }) }));
-};
-const LDInput = ({ onChangeFile, label = '파일 선택', ...props }) => {
-    const { allowedExtensions, maxSize, fileList, setFileList, maxFileCount } = useFileUploadContext();
-    const getFileError = async (file) => {
-        if (!validAllowedExtesions(file, allowedExtensions)) {
-            const allowed = allowedExtensions
-                .map((item) => FILE_EXTENSIONS[item].toUpperCase())
-                .join(', ');
-            return `지원하지 않는 파일 형식입니다. ${allowed} 파일만 업로드 가능합니다.`;
-        }
-        if (!validFileSize(file, maxSize)) {
-            return `파일 크기가 너무 큽니다. ${getFileSizeUnit(maxSize)} 이하 파일을 선택해주세요.`;
-        }
-        if (isImage(file.name) && !(await validImageSize(file))) {
-            return '이미지 해상도가 너무 큽니다. 더 작은 크기의 이미지를 선택해주세요.';
-        }
-        return null;
-    };
-    const handleFile = async (e) => {
-        const files = e.target.files;
-        if (!files)
-            return;
-        for (const file of files) {
-            const error = await getFileError(file);
-            if (error) {
-                Toast.error(error);
-                return;
-            }
-        }
-        for (const file of files) {
-            try {
-                const data = await fileToBase64(file);
-                const src = await onChangeFile({ ...data, file });
-                if (src) {
-                    setFileList((prev) => [...prev, { ...data, src }]);
-                }
-            }
-            catch (error) {
-                if (error instanceof Error) {
-                    Toast.error(error.message);
-                    return;
-                }
-                Toast.error('파일 업로드 중 문제가 발생했습니다. 잠시후 다시 시도해주세요.');
-            }
-        }
-    };
-    return (_jsxs(LDButton, { as: "label", ...props, children: [label, _jsx("input", { type: "file", multiple: maxFileCount > 1, onClick: (e) => (e.currentTarget.value = ''), onChange: (e) => handleFile(e), className: "sr-only" })] }));
-};
-const CardList = ({ emptyContent, className, }) => {
-    /*
-      이미지인 경우
-      이미지가 아닌 파일인 경우
-    */
-    const { fileList } = useFileUploadContext();
-    if (fileList.length <= 0)
-        return emptyContent ? _jsx(_Fragment, { children: emptyContent }) : null;
-    return (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: JSON.stringify(fileList, null, 2) }), _jsx(_Fragment, { children: 'length: ' + fileList.length }), _jsx("div", { className: cn('flex flex-row', className), children: fileList?.map((file, idx) => (_jsx("div", { className: "size-12 overflow-hidden", children: _jsx("img", { src: file?.src, alt: file?.fileName, className: "object-cover" }) }, `${file.fileName}_${idx}`))) })] }));
-};
-// const CardList = ({}) => {
-//   return <></>;
-// };
-const Description = ({ className }) => {
-    const { recommendedSize, maxSize, allowedExtensions } = useFileUploadContext();
-    const recommendedSizeText = recommendedSize &&
-        `권장 사이즈 ${recommendedSize.width}x${recommendedSize.height}, `;
-    const requiredText = `최대 크기 ${getFileSizeUnit(maxSize)}`;
-    const extensionsText = ` (${allowedExtensions.map((item) => FILE_EXTENSIONS[item]).join(', ')})`;
-    return (_jsxs("p", { className: cn('display14 text-neutral400 semibold', className), children: [recommendedSizeText, requiredText, extensionsText] }));
-};
-export const FileUploadBase = {
-    Root,
-    LDInput,
-    CardList,
-    Description,
-};
-export default FileUploadBase;

package/dist/components/Input/FormInput.d.ts

@@ -1,15 +0,0 @@
-import { type Ref } from 'react';
-import { type RegisterOptions } from 'react-hook-form';
-import { type InputProps } from './Input.js';
-interface FormInputProps extends Omit<InputProps, 'name' | 'color' | 'onChange' | 'value' | 'onBlur'> {
-    name: string;
-    options?: RegisterOptions;
-    ref?: Ref<HTMLInputElement>;
-    customErrorMessage?: string;
-    isHiddenErrorMessage?: boolean;
-    errorClassName?: string;
-    showEditIcon?: boolean;
-}
-declare const FormInput: ({ name, options, variant, size, block, disabled, ref, customErrorMessage, isHiddenErrorMessage, errorClassName, showEditIcon, rightAddon, ...props }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
-export default FormInput;
-//# sourceMappingURL=FormInput.d.ts.map

package/dist/components/Input/FormInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormInput.d.ts","sourceRoot":"","sources":["../../../src/components/Input/FormInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAc,EAAE,KAAK,UAAU,EAAa,MAAM,SAAS,CAAC;AAM5D,UAAU,cAAe,SAAQ,IAAI,CACnC,UAAU,EACV,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CACnD;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,SAAS,GAAI,sJAchB,cAAc,4CA6EhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Input/FormInput.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Input, { iconSizes } from './Input.js';
-import LucideIcon from '../Icon/LucideIcon.js';
-import FormField from '../Form/FormField.js';
-import FormErrorMessage from '../Form/FormErrorMessage.js';
-import cn from '../../utils/cn.js';
-const FormInput = ({ name, options, variant = 'filled', size = 'small', block = false, disabled = false, ref, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, showEditIcon = false, rightAddon, ...props }) => {
-    const iconSize = iconSizes[size ?? 'sm'];
-    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, ref: ref, children: ({ field, fieldState, resetField }) => {
-            const editIconAddon = showEditIcon && !disabled ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "group-focus-within:hidden", children: _jsx(LucideIcon, { name: "pencil", size: iconSize }) }), _jsx("button", { type: "button", "aria-label": "\uC785\uB825 \uB0B4\uC6A9 \uCD08\uAE30\uD654", onMouseDown: (e) => {
-                            e.preventDefault();
-                            resetField({ defaultValue: '' });
-                        }, className: "hidden group-focus-within:block text-neutral40 cursor-pointer hover:text-lb500 ld-transition", children: _jsx(LucideIcon, { name: "x", size: iconSize }) })] })) : null;
-            const combinedAddon = editIconAddon || rightAddon ? (_jsxs(_Fragment, { children: [editIconAddon, rightAddon] })) : undefined;
-            return (_jsxs("div", { className: cn('relative border-2 border-transparent', block ? 'w-full' : 'w-auto'), children: [_jsx(Input, { ...props, ...field, value: field.value ?? '', variant: variant, color: fieldState.hasError ? 'danger' : 'neutral', size: size, block: block, rightAddon: combinedAddon, "aria-invalid": fieldState.hasError, "aria-describedby": fieldState.hasError ? fieldState.errorId : undefined }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { id: fieldState.errorId, error: fieldState.error, disabled: disabled, className: cn((showEditIcon || rightAddon) && 'right-8', errorClassName) }))] }));
-        } }));
-};
-export default FormInput;

package/dist/components/Input/Input.d.ts

@@ -1,24 +0,0 @@
-import { type InputHTMLAttributes, type ReactNode, type Ref } from 'react';
-type InputVariant = 'filled' | 'outline' | 'ghost';
-type InputColor = 'neutral' | 'point' | 'danger';
-type InputSize = 'xSmall' | 'small' | 'medium' | 'large' | 'big' | 'xLarge';
-export declare const iconSizes: Record<InputSize, number>;
-export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'color' | 'size'> {
-    /** 입력 필드 스타일 유형 */
-    variant?: InputVariant;
-    /** 색상 테마 */
-    color?: InputColor;
-    /** 입력 필드 높이 및 폰트 크기 프리셋 */
-    size?: InputSize;
-    /** 비밀번호 표시/숨김 토글 버튼 */
-    showPasswordToggle?: boolean;
-    /** true 시 너비 100% */
-    block?: boolean;
-    /** 우측 부가 요소 (아이콘 등) */
-    rightAddon?: ReactNode;
-    /** input 요소 ref */
-    ref?: Ref<HTMLInputElement>;
-}
-declare const Input: ({ variant, color, size, showPasswordToggle, block, type, disabled, className, style, rightAddon, ref, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
-export default Input;
-//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAMf,KAAK,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACjD,KAAK,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAqD5E,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAO/C,CAAC;AAGF,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,MAAM,CACjB;IACC,mBAAmB;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uBAAuB;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mBAAmB;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,GAAI,kHAaZ,UAAU,4CAuEZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Input/Input.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, } from 'react';
-import InputBase from './InputBase.js';
-import LucideIcon from '../Icon/LucideIcon.js';
-import cn from '../../utils/cn.js';
-// ── 스타일 매핑 ──
-const variantColorClasses = {
-    filled: {
-        neutral: 'bg-mono100 text-neutral900 outline-2 outline-transparent focus:bg-tintBlue focus:outline-lb500',
-        point: 'bg-mono100 text-neutral900 outline-2 outline-transparent focus:bg-tintBlue focus:outline-lb500',
-        danger: 'bg-tintRed text-neutral900 outline-2 outline-red500',
-    },
-    outline: {
-        neutral: 'bg-transparent text-neutral900 border border-mono200 focus:border-lb500',
-        point: 'bg-transparent text-neutral900 border border-mono200 focus:border-lb500',
-        danger: 'bg-transparent text-neutral900 border border-danger100 focus:border-red500',
-    },
-    ghost: {
-        neutral: 'bg-transparent text-neutral900 outline-2 outline-transparent hover:bg-mono50 focus:bg-mono100 focus:outline-lb500',
-        point: 'bg-transparent text-neutral900 outline-2 outline-transparent hover:bg-mono50 focus:bg-mono100 focus:outline-lb500',
-        danger: 'bg-transparent text-danger500 outline-2 outline-transparent hover:bg-tintRed focus:bg-tintRed focus:outline-red500',
-    },
-};
-const disabledVariantClasses = {
-    filled: 'bg-mono100 text-mono400',
-    outline: 'bg-transparent text-mono400 border border-mono200',
-    ghost: 'bg-transparent text-mono400',
-};
-const sizeClasses = {
-    xSmall: 'input-2xs',
-    small: 'input-xs',
-    medium: 'input-sm',
-    large: 'input-md',
-    big: 'input-lg',
-    xLarge: 'input-xl',
-};
-const addonRightPaddingClasses = {
-    xSmall: 'pr-8',
-    small: 'pr-8',
-    medium: 'pr-8',
-    large: 'pr-10',
-    big: 'pr-11',
-    xLarge: 'pr-12',
-};
-export const iconSizes = {
-    xSmall: 10,
-    small: 12,
-    medium: 14,
-    large: 16,
-    big: 18,
-    xLarge: 20,
-};
-const Input = ({ variant, color = 'neutral', size, showPasswordToggle = false, block = false, type = 'text', disabled = false, className, style, rightAddon, ref, ...props }) => {
-    const [passwordVisible, setPasswordVisible] = useState(false);
-    const resolvedType = showPasswordToggle
-        ? passwordVisible
-            ? 'text'
-            : 'password'
-        : type;
-    const iconSize = iconSizes[size ?? 'medium'];
-    const passwordToggleAddon = showPasswordToggle ? (_jsx("button", { type: "button", "aria-label": passwordVisible ? '비밀번호 숨기기' : '비밀번호 표시', "aria-pressed": passwordVisible, onClick: () => setPasswordVisible(!passwordVisible), disabled: disabled, className: cn('text-neutral40 ld-transition', disabled ? 'cursor-not-allowed' : 'cursor-pointer hover:text-lb500'), children: _jsx(LucideIcon, { name: passwordVisible ? 'eye' : 'eyeOff', size: iconSize }) })) : null;
-    const resolvedRightAddon = rightAddon ?? passwordToggleAddon;
-    const { width, height, minWidth, maxWidth, minHeight, maxHeight, ...fieldStyle } = style ?? {};
-    const rootStyle = { width, height, minWidth, maxWidth, minHeight, maxHeight };
-    const fieldClassName = cn('w-full bold placeholder-mono400 ld-transition outline-none', variant &&
-        (disabled
-            ? disabledVariantClasses[variant]
-            : variantColorClasses[variant][color]), size && !height && sizeClasses[size], height && 'h-full', disabled && 'cursor-not-allowed', 'read-only:cursor-not-allowed', resolvedRightAddon && size && addonRightPaddingClasses[size], className);
-    return (_jsxs(InputBase.Root, { block: block, style: rootStyle, children: [_jsx(InputBase.Field, { ref: ref, type: resolvedType, disabled: disabled, className: fieldClassName, style: fieldStyle, ...props }), resolvedRightAddon && (_jsx(InputBase.Addon, { position: "right", className: "right-2.5 text-neutral40", children: resolvedRightAddon }))] }));
-};
-export default Input;

package/dist/components/Input/InputBase.d.ts

@@ -1,22 +0,0 @@
-import { type InputHTMLAttributes, type ReactNode, type Ref } from 'react';
-interface RootProps {
-    block?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    children?: ReactNode;
-}
-interface FieldProps extends InputHTMLAttributes<HTMLInputElement> {
-    ref?: Ref<HTMLInputElement>;
-}
-interface AddonProps {
-    position?: 'left' | 'right';
-    className?: string;
-    children?: ReactNode;
-}
-export declare const InputBase: {
-    Root: ({ block, className, style, children }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Field: ({ ref, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    Addon: ({ position, className, children }: AddonProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default InputBase;
-//# sourceMappingURL=InputBase.d.ts.map

package/dist/components/Input/InputBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputBase.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAI3E,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAcD,UAAU,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAChE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAOD,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgBD,eAAO,MAAM,SAAS;kDAzCuC,SAAS;+BAgBpC,UAAU;+CAWgB,UAAU;CAkBrE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Input/InputBase.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from '../../utils/cn.js';
-const Root = ({ block = false, className, style, children }) => {
-    return (_jsx("div", { style: style, className: cn('relative flex group', block && 'w-full', className), children: children }));
-};
-const Field = ({ ref, ...props }) => {
-    return _jsx("input", { ref: ref, ...props });
-};
-const Addon = ({ position = 'right', className, children }) => {
-    return (_jsx("span", { className: cn('absolute top-1/2 -translate-y-1/2 flex items-center', position === 'left' ? 'left-0' : 'right-0', className), children: children }));
-};
-export const InputBase = {
-    Root,
-    Field,
-    Addon,
-};
-export default InputBase;

package/dist/components/LNB/LNBBase.d.ts

@@ -1,82 +0,0 @@
-import type { ElementType, ReactNode } from 'react';
-export interface INavTab {
-    label: string;
-    path: string;
-    icon?: ReactNode;
-    isNotScroll?: boolean;
-}
-export interface INavItem {
-    label: string;
-    tabs?: INavTab[];
-    noSlider?: boolean;
-}
-interface ProviderProps {
-    children: ReactNode;
-    isMobile: boolean;
-    items?: INavItem[];
-    pathname?: string;
-    defaultCollapsed?: boolean;
-}
-interface RootProps {
-    children: ReactNode;
-    className?: string;
-}
-interface TriggerProps {
-    className?: string;
-}
-interface HeaderProps {
-    name?: string;
-    email?: string;
-    profileImage?: string | null;
-    handleLogout?: () => void;
-}
-interface ContentProps {
-    children: ReactNode;
-    className?: string;
-}
-interface GroupProps {
-    children: ReactNode;
-    label?: string;
-    noSlider?: boolean;
-}
-interface MenuProps {
-    children: ReactNode;
-    label?: string;
-    noSlider?: boolean;
-    tabCount?: number;
-}
-interface MenuItemProps {
-    as?: ElementType;
-    href: string;
-    isActive?: boolean;
-    children: ReactNode;
-    icon?: ReactNode;
-    className?: string;
-    [key: string]: unknown;
-}
-interface MenuSubProps {
-    children: ReactNode;
-    className?: string;
-}
-interface MenuSubItemProps {
-    as?: ElementType;
-    href: string;
-    isActive?: boolean;
-    children: ReactNode;
-    className?: string;
-    [key: string]: unknown;
-}
-declare const LNBBase: {
-    Provider: ({ children, isMobile, items, pathname, defaultCollapsed, }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
-    Root: ({ children, className }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ className }: TriggerProps) => import("react/jsx-runtime").JSX.Element | null;
-    Header: ({ name, email, profileImage, handleLogout }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, className }: ContentProps) => import("react/jsx-runtime").JSX.Element;
-    Group: ({ children, label, noSlider }: GroupProps) => import("react/jsx-runtime").JSX.Element;
-    Menu: ({ children, label, noSlider, tabCount }: MenuProps) => import("react/jsx-runtime").JSX.Element;
-    MenuItem: ({ as: Comp, href, isActive, children, icon, className, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
-    MenuSub: ({ children, className }: MenuSubProps) => import("react/jsx-runtime").JSX.Element | null;
-    MenuSubItem: ({ as: Comp, href, isActive, children, className, ...rest }: MenuSubItemProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default LNBBase;
-//# sourceMappingURL=LNBBase.d.ts.map

package/dist/components/LNB/LNBBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LNBBase.d.ts","sourceRoot":"","sources":["../../../src/components/LNB/LNBBase.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAapD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0BD,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAyDD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAqCD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqCD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA6BD,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAiCD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AA2BD,QAAA,MAAM,OAAO;2EA/UV,aAAa;oCAsDuB,SAAS;6BA6BhB,YAAY;0DA+BiB,WAAW;uCAwC9B,YAAY;2CAsBR,UAAU;oDA0CG,SAAS;iFA6CjE,aAAa;uCA4B0B,YAAY;8EA0BnD,gBAAgB;CA6BlB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/LNB/LNBBase.js

@@ -1,108 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from 'react';
-import { ChevronDown, PanelLeftClose, PanelLeftOpen, LogOut, } from 'lucide-react';
-import cn from '../../utils/cn.js';
-import { isActivePath } from '../../utils/utils.js';
-import LDAvatar from '../LDAvatar/LDAvatar.js';
-const LNBContext = createContext(null);
-const useLNBContext = () => {
-    const ctx = useContext(LNBContext);
-    if (!ctx)
-        throw new Error('LNBBase 서브컴포넌트는 LNBBase.Provider 내부에서 사용해야 합니다.');
-    return ctx;
-};
-const Provider = ({ children, isMobile, items = [], pathname = '', defaultCollapsed = false, }) => {
-    const [collapsed, setCollapsed] = useState(defaultCollapsed);
-    const [openGroups, setOpenGroups] = useState([]);
-    const toggleCollapsed = () => setCollapsed((prev) => !prev);
-    const toggleGroup = (label) => {
-        setOpenGroups((prev) => prev.includes(label) ? prev.filter((g) => g !== label) : [...prev, label]);
-    };
-    const isGroupOpen = (label) => openGroups.includes(label);
-    useEffect(() => {
-        if (!isMobile)
-            return;
-        if (pathname === '/') {
-            setOpenGroups([]);
-            return;
-        }
-        const matchedLabel = items.find((item) => item.tabs?.some((tab) => isActivePath(pathname, tab.path)))?.label;
-        if (matchedLabel && !openGroups.includes(matchedLabel)) {
-            setOpenGroups((prev) => [...prev, matchedLabel]);
-        }
-        // 라우트(pathname) 변경 시에만 그룹 펼침을 동기화하려는 의도이므로 다른 의존성은 제외함.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pathname]);
-    return (_jsx(LNBContext, { value: {
-            isMobile,
-            collapsed,
-            toggleCollapsed,
-            openGroups,
-            toggleGroup,
-            isGroupOpen,
-        }, children: children }));
-};
-const Root = ({ children, className }) => {
-    const { collapsed } = useLNBContext();
-    return (_jsx("div", { className: cn('relative mobile:w-full ld-transition', collapsed ? 'w-[60px]' : 'w-[300px]', className), children: _jsx("div", { className: cn('w-full h-full bg-mono50 mobile:bg-white', 'h-[calc(100vh-64px)] mobile:h-auto mobile:overflow-hidden', 'overflow-y-auto p-sm flex flex-col gap-md mobile:py-0 scrollbar-hide scrollbar-hover'), children: children }) }));
-};
-const Trigger = ({ className }) => {
-    const { isMobile, collapsed, toggleCollapsed } = useLNBContext();
-    const Icon = collapsed ? PanelLeftOpen : PanelLeftClose;
-    if (isMobile)
-        return null;
-    return (_jsx("button", { type: "button", onClick: toggleCollapsed, className: cn('absolute -right-10 top-0 z-10', 'flex items-center justify-center w-10 h-10', 'text-neutral500', 'hover:text-mono900 ld-transition cursor-pointer', className), "aria-label": collapsed ? '사이드바 펼치기' : '사이드바 접기', children: _jsx(Icon, { size: 16 }) }));
-};
-const Header = ({ name, email, profileImage, handleLogout }) => {
-    const { collapsed } = useLNBContext();
-    return (_jsxs("div", { className: cn('w-full flex gap-sm items-center rounded-[10px] ld-transition overflow-hidden', collapsed
-            ? 'p-xs justify-center border-transparent'
-            : 'p-md mobile:p-sm border border-neutral100'), children: [_jsx(LDAvatar, { size: "md", src: profileImage }), !collapsed && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-xs flex-1 min-w-0", children: [_jsx("span", { className: "display16 bold truncate", children: name ?? '' }), _jsx("span", { className: "display14 text-neutral500 truncate", children: email ?? '' })] }), handleLogout && (_jsx(LogOut, { size: 12, className: "cursor-pointer flex-shrink-0", onClick: handleLogout }))] }))] }));
-};
-const Content = ({ children, className }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-full border-b border-neutral100" }), _jsx("div", { className: cn('flex flex-col gap-md mobile:overflow-y-auto mobile:h-[calc(62dvh-111px)]', className), children: children })] }));
-const Group = ({ children, label, noSlider }) => {
-    const { isMobile, collapsed, toggleGroup, isGroupOpen } = useLNBContext();
-    const open = label ? isGroupOpen(label) : true;
-    return (_jsxs("div", { className: "flex flex-col gap-sm w-full items-start", children: [label && !collapsed && (_jsxs("div", { className: cn('w-full flex', isMobile && 'cursor-pointer justify-between'), onClick: () => !noSlider && isMobile && toggleGroup(label), children: [_jsx("span", { className: "display14 text-neutral500", children: label }), _jsx("div", { className: cn(isMobile &&
-                            'transition-transform duration-300 ease-out flex items-center justify-center w-5 h-5 flex-shrink-0', isMobile && open ? 'rotate-180' : 'rotate-0', !isMobile && 'hidden', noSlider && 'hidden'), children: _jsx(ChevronDown, { size: 14, className: "text-neutral500" }) })] })), children] }));
-};
-const Menu = ({ children, label, noSlider, tabCount = 0 }) => {
-    const { isMobile, isGroupOpen } = useLNBContext();
-    const open = label ? isGroupOpen(label) : true;
-    const visible = (label && open) || !label || noSlider;
-    return (_jsx("div", { className: cn('flex flex-col w-full gap-sm opacity-100', isMobile && 'overflow-hidden ld-transition', visible ? 'opacity-100' : isMobile && 'opacity-0'), style: {
-            height: isMobile
-                ? visible
-                    ? `calc(40px * ${tabCount} + 10px * ${tabCount > 0 ? tabCount - 1 : 0})`
-                    : '0'
-                : 'auto',
-        }, children: children }));
-};
-const MenuItem = ({ as: Comp = 'a', href, isActive, children, icon, className, ...rest }) => {
-    const { collapsed } = useLNBContext();
-    return (_jsxs(Comp, { href: href, className: cn('flex gap-sm w-full items-center p-sm display16 mobile:display14 bold mobile:medium', 'text-neutral500 cursor-pointer hover:bg-mono300 rounded-[5px] hover:text-mono900 ld-transition', collapsed && 'justify-center', isActive &&
-            'bg-tintBlue text-blue400 hover:bg-tintBlue hover:text-blue400', className), ...rest, children: [icon && _jsx("span", { className: "flex-shrink-0", children: icon }), !collapsed && children] }));
-};
-const MenuSub = ({ children, className }) => {
-    const { collapsed } = useLNBContext();
-    if (collapsed)
-        return null;
-    return (_jsx("div", { className: cn('flex flex-col w-full gap-sm pl-sm', className), children: children }));
-};
-const MenuSubItem = ({ as: Comp = 'a', href, isActive, children, className, ...rest }) => (_jsx(Comp, { href: href, className: cn('flex gap-sm w-full items-center p-sm display14 medium', 'text-neutral500 cursor-pointer hover:bg-mono300 rounded-[5px] hover:text-mono900 ld-transition', isActive &&
-        'bg-tintBlue text-blue400 hover:bg-tintBlue hover:text-blue400', className), ...rest, children: children }));
-// ── Export ──
-const LNBBase = {
-    Provider,
-    Root,
-    Trigger,
-    Header,
-    Content,
-    Group,
-    Menu,
-    MenuItem,
-    MenuSub,
-    MenuSubItem,
-};
-export default LNBBase;

package/dist/components/LoadingDots/LoadingDots.d.ts

@@ -1,8 +0,0 @@
-interface LoadingDotsProps {
-    size?: LoadingDotsSize;
-    className?: string;
-}
-type LoadingDotsSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-declare const LoadingDots: ({ size, className }: LoadingDotsProps) => import("react/jsx-runtime").JSX.Element;
-export default LoadingDots;
-//# sourceMappingURL=LoadingDots.d.ts.map

package/dist/components/LoadingDots/LoadingDots.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingDots/LoadingDots.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,eAAe,GAChB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb,QAAA,MAAM,WAAW,GAAI,qBAA+B,gBAAgB,4CA4CnE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/LoadingDots/LoadingDots.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from '../../utils/cn.js';
-const LoadingDots = ({ size = 'small', className }) => {
-    const sizeMap = {
-        '2xsmall': 2,
-        xsmall: 2,
-        small: 2,
-        medium: 2,
-        large: 3,
-        xlarge: 4,
-    };
-    return (_jsxs("div", { className: cn('flex items-center justify-center gap-1', className), style: { height: sizeMap[size] }, children: [_jsx("div", { className: "bg-current rounded-full animate-pulse", style: {
-                    width: sizeMap[size],
-                    height: sizeMap[size],
-                    animationDelay: '0ms',
-                    animationDuration: '1000ms',
-                } }), _jsx("div", { className: "bg-current rounded-full animate-pulse", style: {
-                    width: sizeMap[size],
-                    height: sizeMap[size],
-                    animationDelay: '200ms',
-                    animationDuration: '1000ms',
-                } }), _jsx("div", { className: "bg-current rounded-full animate-pulse", style: {
-                    width: sizeMap[size],
-                    height: sizeMap[size],
-                    animationDelay: '400ms',
-                    animationDuration: '1000ms',
-                } })] }));
-};
-export default LoadingDots;

package/dist/components/MenuBar/MenuBar.d.ts

@@ -1,21 +0,0 @@
-import type { ComponentProps } from 'react';
-import MenuBarBase from './MenuBarBase.js';
-declare const MenuBar: {
-    Root: ({ className, ...props }: ComponentProps<typeof MenuBarBase.Root>) => import("react/jsx-runtime").JSX.Element;
-    Logo: ({ className, ...props }: ComponentProps<typeof MenuBarBase.Logo>) => import("react/jsx-runtime").JSX.Element;
-    Nav: ({ className, ...props }: ComponentProps<typeof MenuBarBase.Nav>) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ className, ...props }: ComponentProps<typeof MenuBarBase.Item>) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ className, ...props }: ComponentProps<typeof MenuBarBase.Trigger>) => import("react/jsx-runtime").JSX.Element;
-    Content: {
-        ({ className, ...props }: ComponentProps<typeof MenuBarBase.Content>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    MegaContent: {
-        ({ className, ...props }: ComponentProps<typeof MenuBarBase.Content>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Actions: ({ className, ...props }: ComponentProps<typeof MenuBarBase.Actions>) => import("react/jsx-runtime").JSX.Element;
-    Separator: ({ className, }: ComponentProps<typeof MenuBarBase.Separator>) => import("react/jsx-runtime").JSX.Element;
-};
-export default MenuBar;
-//# sourceMappingURL=MenuBar.d.ts.map

package/dist/components/MenuBar/MenuBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuBar.d.ts","sourceRoot":"","sources":["../../../src/components/MenuBar/MenuBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,WAAW,MAAM,eAAe,CAAC;AAkHxC,QAAA,MAAM,OAAO;oCA1GV,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;oCAcvC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;mCAUvC,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG,CAAC;oCAUtC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;uCAOvC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;;kCAgB1C,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;;;;kCAgB1C,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;;;uCAoB1C,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;gCAS1C,cAAc,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC;CAc9C,CAAC;AAEF,eAAe,OAAO,CAAC"}