@loword/loword-design-system 0.0.3 → 0.0.4

package/README.md

@@ -1,24 +1,93 @@
 # @loword/loword-design-system
 
-loword design system React 컴포넌트 패키지입니다.
+[![npm version](https://img.shields.io/npm/v/@loword/loword-design-system.svg)](https://www.npmjs.com/package/@loword/loword-design-system)
+[![license](https://img.shields.io/npm/l/@loword/loword-design-system.svg)](./LICENSE)
+
+로워드 디자인 시스템 — React 19 컴포넌트 패키지. Tailwind CSS v4 기반이며 NPM(ESM)으로 배포됩니다.
+
+> 모든 공개 컴포넌트는 `LD` 접두사를 사용합니다 (예: `LDButton`, `LDModal`, `LDInput`).
+
+## 요구사항
+
+- **React 19** / **React DOM 19** (peer dependency)
+- **Tailwind CSS v4** — 스타일 적용을 위해 필요
+- **Next.js 15** — 일부 컴포넌트(`LDTanstackTable`, `LDBreadCrumb`)는 `next/navigation`·`next/link`에 의존하므로 Next 환경에서만 동작 (optional)
 
 ## 설치
 
 ```bash
 npm install @loword/loword-design-system
+# 또는
+pnpm add @loword/loword-design-system
+```
+
+특정 컴포넌트(Editor, Carousel, Drawer, Table, Select, DatePicker 등)는 해당 기능의 라이브러리를 **optional peer dependency**로 사용합니다. 그 컴포넌트를 쓸 때만 함께 설치하세요 — 예: `@tiptap/*`(Editor), `embla-carousel-react`(Carousel), `vaul`(Drawer), `@radix-ui/*`(Modal/Popover/Tooltip/Select), `@tanstack/react-table`(Table), `react-day-picker`·`dayjs`(DatePicker), `react-hot-toast`(Toast).
+
+## 설정
+
+스타일시트를 앱 진입점에서 **한 번** import 합니다.
+
+```ts
+import '@loword/loword-design-system/styles.css';
+```
+
+## 사용
+
+```tsx
+import { LDButton } from '@loword/loword-design-system';
+
+export default function Example() {
+  return (
+    <LDButton variant="solid" color="point" onClick={() => alert('clicked')}>
+      확인
+    </LDButton>
+  );
+}
+```
+
+명령형 API 예시:
+
+```tsx
+import { openModal, Toast } from '@loword/loword-design-system';
+
+const result = await openModal({ title: '삭제할까요?', /* ... */ });
+Toast.success('저장되었습니다');
 ```
 
+### import 방식
+
 ```ts
-import { Button } from '@loword/loword-design-system';
-import '@loword/loword-design-system/styles.css'; // 스타일 1회 import
+// 1) barrel — 이름으로 가져오기
+import { LDButton, LDModal, LDInput } from '@loword/loword-design-system';
+
+// 2) 개별 경로 — 트리셰이킹/명시적 경로
+import LDButton from '@loword/loword-design-system/components/LDButton/LDButton';
 ```
 
+## 컴포넌트
+
+**기본/입력**: `LDButton` · `LDInput` · `LDCheckbox` · `LDCheckboxGroup` · `LDRadio` · `LDRadioGroup` · `LDSelect` · `LDMultiSelect` · `LDToggleButton` · `LDSlider` · `LDOTPInput` · `LDFileUploadBase`
+
+**날짜/시간**: `LDCalendar` · `LDDataCalendar` · `LDDatePicker` · `LDDateRangePicker` · `LDTimePicker`
+
+**레이아웃/표시**: `LDBadge` · `LDAvatar` · `LDDivider` · `LDCallout` · `LDSkeleton` · `LDSpinner` · `LDLoadingDots` · `LDScrollArea` · `LDBreadCrumb` · `LDMenuBar` · `LDLNBBase`
+
+**오버레이/피드백/내비**: `LDModal` (+ `openModal`) · `LDDrawer` · `LDPopover` · `LDTooltip` · `LDToast` · `LDToaster`
+
+**콘텐츠**: `LDEditor` · `LDViewer` · `LDCarousel` · `LDTable` · `LDTanstackTable` · `LDPagination`
+
+**폼 연동 / 헬퍼** (LD 접두사 없음): `Form` · `NativeForm` · `FormField` · `FormErrorMessage` · `FormInput` · `FormSelect` · `FormMultiSelect` · `FormCheckbox` · `FormCheckboxGroup` · `FormRadioGroup` · `FormDatePicker` · `FormDateRangePicker` · `FormTimePicker` · `FormToggleButton` · `TableField` · `LucideIcon`
+
+> 폼 래퍼(`Form*`, `TableField`)와 `LucideIcon`은 디자인 컴포넌트가 아니므로 원래 이름을 유지합니다.
+
 ## 빠른 시작 (개발)
 
 ```bash
 pnpm install          # 의존성 설치
 pnpm storybook        # Storybook 개발 서버 (port 6006)
 pnpm build            # 프로덕션 빌드
+pnpm check-types      # 타입 체크
+pnpm lint             # 린트 (--max-warnings 0)
 ```
 
 ## 문서
@@ -29,3 +98,8 @@ pnpm build            # 프로덕션 빌드
   - 스타일 체계 (디자인 토큰, `cn()`)
   - Storybook 스타일 제어 및 stories 생성 방법
   - Props 문서화 (JSDoc)
+- **변경 이력**: [docs/CHANGELOG.md](./docs/CHANGELOG.md)
+
+## 라이선스
+
+[MIT](./LICENSE)

package/dist/components/LDEditor/LDEditor.js

@@ -6,7 +6,7 @@ import { useEditorState } from '@tiptap/react';
 import EditorBase, { useEditorContext } from './EditorBase.js';
 import { createEditorExtensions } from './extensions.js';
 import cn from '../../utils/cn.js';
-import Toast from '../Toast/Toast.js';
+import LDToast from '../LDToast/LDToast.js';
 import { fileToBase64, getFileSizeUnit, isImage, validAllowedExtesions, validFileSize, validImageSize, } from '../../utils/file.js';
 import { FILE_EXTENSIONS, TOOLBAR_ALLOWED_EXTENSIONS, TOOLBAR_MAX_SIZE, } from '../../constants/file.js';
 const FONT_SIZES = [
@@ -76,15 +76,15 @@ const EditorToolbar = ({ handleImageUpload, }) => {
         const file = files[0];
         if (!validAllowedExtesions(file, TOOLBAR_ALLOWED_EXTENSIONS)) {
             const allowedFiles = TOOLBAR_ALLOWED_EXTENSIONS.map((item) => FILE_EXTENSIONS[item].toUpperCase()).join(', ');
-            Toast.error(`지원하지 않는 파일 형식입니다. ${allowedFiles} 파일만 업로드 가능합니다.`);
+            LDToast.error(`지원하지 않는 파일 형식입니다. ${allowedFiles} 파일만 업로드 가능합니다.`);
             return;
         }
         if (!validFileSize(file, TOOLBAR_MAX_SIZE)) {
-            Toast.error(`파일 크기가 너무 큽니다. ${getFileSizeUnit(TOOLBAR_MAX_SIZE)} 이하 파일을 선택해주세요.`);
+            LDToast.error(`파일 크기가 너무 큽니다. ${getFileSizeUnit(TOOLBAR_MAX_SIZE)} 이하 파일을 선택해주세요.`);
             return;
         }
         if (isImage(file.name) && !(await validImageSize(file))) {
-            Toast.error('이미지 해상도가 너무 큽니다. 더 작은 이미지를 선택해주세요.');
+            LDToast.error('이미지 해상도가 너무 큽니다. 더 작은 이미지를 선택해주세요.');
             return;
         }
         try {
@@ -94,13 +94,13 @@ const EditorToolbar = ({ handleImageUpload, }) => {
                 fileName,
             });
             if (!res) {
-                Toast.error('이미지 업로드에 실패했습니다.');
+                LDToast.error('이미지 업로드에 실패했습니다.');
                 return;
             }
             editor.commands.setImage({ src: res });
         }
         catch {
-            Toast.error('파일 업로드 중 문제가 발생했습니다. 잠시 후 다시 시도해주세요.');
+            LDToast.error('파일 업로드 중 문제가 발생했습니다. 잠시 후 다시 시도해주세요.');
         }
     };
     if (!editor || !state)

package/dist/components/LDFileUpload/LDFileUploadBase.d.ts

@@ -0,0 +1,50 @@
+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 LDFileUploadBase: {
+    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 LDFileUploadBase;
+//# sourceMappingURL=LDFileUploadBase.d.ts.map

package/dist/components/LDFileUpload/LDFileUploadBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LDFileUploadBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDFileUpload/LDFileUploadBase.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,gBAAgB;uHAjL1B,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,gBAAgB,CAAC"}

package/dist/components/LDFileUpload/LDFileUploadBase.js

@@ -0,0 +1,102 @@
+'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 LDToast from '../../components/LDToast/LDToast.js';
+const FileUploadContext = createContext(null);
+export const useFileUploadContext = () => {
+    const fileUploadContext = useContext(FileUploadContext);
+    if (!fileUploadContext) {
+        throw new Error('LDFileUploadBase 하위 컴포넌트는 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) {
+                LDToast.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) {
+                    LDToast.error(error.message);
+                    return;
+                }
+                LDToast.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 LDFileUploadBase = {
+    Root,
+    LDInput,
+    CardList,
+    Description,
+};
+export default LDFileUploadBase;

package/dist/components/LDLNB/LDLNBBase.d.ts

@@ -0,0 +1,82 @@
+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 LDLNBBase: {
+    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 LDLNBBase;
+//# sourceMappingURL=LDLNBBase.d.ts.map

package/dist/components/LDLNB/LDLNBBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LDLNBBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDLNB/LDLNBBase.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,SAAS;2EA/UZ,aAAa;oCAsDuB,SAAS;6BA6BhB,YAAY;0DA+BiB,WAAW;uCAwC9B,YAAY;2CAsBR,UAAU;oDA0CG,SAAS;iFA6CjE,aAAa;uCA4B0B,YAAY;8EA0BnD,gBAAgB;CA6BlB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/LDLNB/LDLNBBase.js

@@ -0,0 +1,108 @@
+'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('LDLNBBase 서브컴포넌트는 LDLNBBase.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 LDLNBBase = {
+    Provider,
+    Root,
+    Trigger,
+    Header,
+    Content,
+    Group,
+    Menu,
+    MenuItem,
+    MenuSub,
+    MenuSubItem,
+};
+export default LDLNBBase;

package/dist/components/LDToast/LDToast.d.ts

@@ -0,0 +1,18 @@
+export declare const LDToast: {
+    /** 성공 메시지를 표시합니다 */
+    success: (content: string) => string;
+    /** 에러 메시지를 표시합니다 */
+    error: (content: string) => string;
+    /** 일반 알림 메시지를 표시합니다 */
+    info: (content: string) => string;
+    /** 경고 메시지를 표시합니다 */
+    warning: (content: string) => string;
+    /** 로딩 상태 메시지를 표시합니다 */
+    loading: (content: string) => string;
+    /** 현재 표시 중인 토스트를 모두 닫습니다 */
+    dismiss: () => void;
+    /** 인사 메시지를 표시합니다 */
+    hello: (content: string) => string;
+};
+export default LDToast;
+//# sourceMappingURL=LDToast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDToast.d.ts","sourceRoot":"","sources":["../../../src/components/LDToast/LDToast.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;IAClB,oBAAoB;uBACD,MAAM;IAIzB,oBAAoB;qBACH,MAAM;IAIvB,uBAAuB;oBACP,MAAM;IAItB,oBAAoB;uBACD,MAAM;IAUzB,uBAAuB;uBACJ,MAAM;IAIzB,4BAA4B;;IAE5B,oBAAoB;qBACH,MAAM;CAMxB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/LDToast/LDToast.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import toast from 'react-hot-toast';
+export const LDToast = {
+    /** 성공 메시지를 표시합니다 */
+    success: (content) => {
+        toast.dismiss();
+        return toast.success(content);
+    },
+    /** 에러 메시지를 표시합니다 */
+    error: (content) => {
+        toast.dismiss();
+        return toast.error(content);
+    },
+    /** 일반 알림 메시지를 표시합니다 */
+    info: (content) => {
+        toast.dismiss();
+        return toast(content);
+    },
+    /** 경고 메시지를 표시합니다 */
+    warning: (content) => {
+        toast.dismiss();
+        return toast(content, {
+            icon: (_jsx("div", { className: "flex justify-center items-center w-5 h-5 bg-yellow-400 rounded-full text-mono5", children: "!" })),
+        });
+    },
+    /** 로딩 상태 메시지를 표시합니다 */
+    loading: (content) => {
+        toast.dismiss();
+        return toast.loading(content);
+    },
+    /** 현재 표시 중인 토스트를 모두 닫습니다 */
+    dismiss: () => toast.dismiss(),
+    /** 인사 메시지를 표시합니다 */
+    hello: (content) => {
+        toast.dismiss();
+        return toast(content, {
+            icon: _jsx("div", { className: "flex justify-center items-center w-5 h-5", children: "\uD83D\uDC4B" }),
+        });
+    },
+};
+export default LDToast;

package/dist/components/LDToast/LDToaster.d.ts

@@ -0,0 +1,7 @@
+interface LDToasterProps {
+    position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    duration?: number;
+}
+declare const LDToaster: ({ position, duration, }: LDToasterProps) => import("react/jsx-runtime").JSX.Element;
+export default LDToaster;
+//# sourceMappingURL=LDToaster.d.ts.map

package/dist/components/LDToast/LDToaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LDToaster.d.ts","sourceRoot":"","sources":["../../../src/components/LDToast/LDToaster.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,QAAQ,CAAC,EACL,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,GAAI,yBAGhB,cAAc,4CAEhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/LDToast/LDToaster.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toaster as HotToaster } from 'react-hot-toast';
+const LDToaster = ({ position = 'top-center', duration = 2500, }) => {
+    return _jsx(HotToaster, { position: position, toastOptions: { duration } });
+};
+export default LDToaster;

package/dist/index.d.ts

@@ -18,14 +18,14 @@ export { default as LDDivider, type LDDividerProps, } from './components/LDDivid
 export { default as LDDrawer } from './components/LDDrawer/LDDrawer.js';
 export { default as LDEditor } from './components/LDEditor/LDEditor.js';
 export { default as LDViewer } from './components/LDEditor/LDViewer.js';
-export { default as FileUploadBase } from './components/FileUpload/FileUploadBase.js';
+export { default as LDFileUploadBase } from './components/LDFileUpload/LDFileUploadBase.js';
 export { Form, NativeForm } from './components/Form/Form.js';
 export { default as FormField } from './components/Form/FormField.js';
 export { default as FormErrorMessage } from './components/Form/FormErrorMessage.js';
 export { default as LucideIcon } from './components/Icon/LucideIcon.js';
 export { default as LDInput, type LDInputProps, } from './components/LDInput/LDInput.js';
 export { default as FormInput } from './components/LDInput/FormInput.js';
-export { default as LNBBase } from './components/LNB/LNBBase.js';
+export { default as LDLNBBase } from './components/LDLNB/LDLNBBase.js';
 export { default as LDLoadingDots } from './components/LDLoadingDots/LDLoadingDots.js';
 export { default as LDMenuBar } from './components/LDMenuBar/LDMenuBar.js';
 export { default as LDModal } from './components/LDModal/LDModal.js';
@@ -49,8 +49,8 @@ export { default as LDTanstackTable } from './components/LDTable/LDTanstackTable
 export { default as TableField } from './components/LDTable/TableField.js';
 export { default as LDTimePicker } from './components/LDTimePicker/LDTimePicker.js';
 export { default as FormTimePicker } from './components/LDTimePicker/FormTimePicker.js';
-export { default as Toast } from './components/Toast/Toast.js';
-export { default as Toaster } from './components/Toast/Toaster.js';
+export { default as LDToast } from './components/LDToast/LDToast.js';
+export { default as LDToaster } from './components/LDToast/LDToaster.js';
 export { default as LDToggleButton, type LDToggleButtonProps, } from './components/LDToggleButton/LDToggleButton.js';
 export { default as FormToggleButton } from './components/LDToggleButton/FormToggleButton.js';
 export { default as LDTooltip } from './components/LDTooltip/LDTooltip.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -34,8 +34,8 @@ export { default as LDDrawer } from './components/LDDrawer/LDDrawer.js';
 // LDEditor
 export { default as LDEditor } from './components/LDEditor/LDEditor.js';
 export { default as LDViewer } from './components/LDEditor/LDViewer.js';
-// FileUpload (Base 레이어만 제공)
-export { default as FileUploadBase } from './components/FileUpload/FileUploadBase.js';
+// LDFileUpload (Base 레이어만 제공)
+export { default as LDFileUploadBase } from './components/LDFileUpload/LDFileUploadBase.js';
 // Form
 export { Form, NativeForm } from './components/Form/Form.js';
 export { default as FormField } from './components/Form/FormField.js';
@@ -45,8 +45,8 @@ export { default as LucideIcon } from './components/Icon/LucideIcon.js';
 // LDInput
 export { default as LDInput, } from './components/LDInput/LDInput.js';
 export { default as FormInput } from './components/LDInput/FormInput.js';
-// LNB (Base 레이어만 제공)
-export { default as LNBBase } from './components/LNB/LNBBase.js';
+// LDLNB (Base 레이어만 제공)
+export { default as LDLNBBase } from './components/LDLNB/LDLNBBase.js';
 // LDLoadingDots
 export { default as LDLoadingDots } from './components/LDLoadingDots/LDLoadingDots.js';
 // LDMenuBar
@@ -84,9 +84,9 @@ export { default as TableField } from './components/LDTable/TableField.js';
 // LDTimePicker
 export { default as LDTimePicker } from './components/LDTimePicker/LDTimePicker.js';
 export { default as FormTimePicker } from './components/LDTimePicker/FormTimePicker.js';
-// Toast
-export { default as Toast } from './components/Toast/Toast.js';
-export { default as Toaster } from './components/Toast/Toaster.js';
+// LDToast
+export { default as LDToast } from './components/LDToast/LDToast.js';
+export { default as LDToaster } from './components/LDToast/LDToaster.js';
 // LDToggleButton
 export { default as LDToggleButton, } from './components/LDToggleButton/LDToggleButton.js';
 export { default as FormToggleButton } from './components/LDToggleButton/FormToggleButton.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loword/loword-design-system",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
   "keywords": [
     "react",