@loword/loword-design-system 0.0.6 → 0.0.7

package/dist/components/Icon/LucideIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LucideIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/LucideIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EA0BL,KAAK,UAAU,IAAI,cAAc,EAKlC,MAAM,cAAc,CAAC;AAEtB,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CA8BhD,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,CAAC;AAEjD,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,UAAU,GAAI,2BAA2B,gBAAgB,mDAQ9D,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"LucideIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/LucideIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EA0BL,KAAK,UAAU,IAAI,cAAc,EAalC,MAAM,cAAc,CAAC;AAEtB,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAsChD,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,CAAC;AAEjD,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,UAAU,GAAI,2BAA2B,gBAAgB,mDAQ9D,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Icon/LucideIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ArrowLeft, ArrowRight, Check, ChevronLeft, ChevronRight, ChevronDown, ChevronUp, Copy, Ellipsis, Pencil, Plus, Search, Trash, Trash2, X, ArrowUpRight, Wand, CloudDownload, Calendar, RefreshCw, Settings, RotateCw, Clock, EyeClosed, Minus, Eye, EyeOff, CircleAlert, EllipsisVertical, } from 'lucide-react';
+import { ArrowLeft, ArrowRight, Check, ChevronLeft, ChevronRight, ChevronDown, ChevronUp, Copy, Ellipsis, Pencil, Plus, Search, Trash, Trash2, X, ArrowUpRight, Wand, CloudDownload, Calendar, RefreshCw, Settings, RotateCw, Clock, EyeClosed, Minus, Eye, EyeOff, CircleAlert, EllipsisVertical, Images, File, FileText, FileImage, FileSpreadsheet, FileJson, FileArchive, Repeat, } from 'lucide-react';
 const LUCIDE_ICONS = {
     arrowLeft: ArrowLeft,
     arrowRight: ArrowRight,
@@ -30,6 +30,14 @@ const LUCIDE_ICONS = {
     eyeOff: EyeOff,
     circleAlert: CircleAlert,
     ellipsisVertical: EllipsisVertical,
+    images: Images,
+    file: File,
+    fileText: FileText,
+    fileImage: FileImage,
+    fileSpreadsheet: FileSpreadsheet,
+    fileJson: FileJson,
+    fileArchive: FileArchive,
+    repeat: Repeat,
 };
 const LucideIcon = ({ name, className, size }) => {
     const IconComponent = LUCIDE_ICONS[name];

package/dist/components/LDAnchor/AnchorBase.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+interface RootProps {
+    targets: string[];
+    sections: ReactNode[];
+    children?: ReactNode;
+}
+export interface NavigationClassNames {
+    root?: string;
+    item?: string;
+    label?: string;
+    dot?: string;
+    line?: string;
+}
+export declare const AnchorBase: {
+    Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;
+    Navigation: ({ classNames }: {
+        classNames?: NavigationClassNames;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Sections: ({ sectionClassName }: {
+        sectionClassName?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default AnchorBase;
+//# sourceMappingURL=AnchorBase.d.ts.map

package/dist/components/LDAnchor/AnchorBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDAnchor/AnchorBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAmBf,UAAU,SAAS;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAkED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAsDD,eAAO,MAAM,UAAU;kBA5HF,SAAS;iCAwEM;QAAE,UAAU,CAAC,EAAE,oBAAoB,CAAA;KAAE;qCAgCjC;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;CAwBpE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/LDAnchor/AnchorBase.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useRef, useState, } from 'react';
+const AnchorContext = createContext(null);
+const useAnchorContext = () => {
+    const anchorContext = useContext(AnchorContext);
+    if (!anchorContext)
+        throw new Error('LDAnchor 하위 컴포넌트는 Root 내부에서 사용해야 합니다.');
+    return anchorContext;
+};
+const Root = (props) => {
+    const [index, setIndex] = useState(0);
+    const sectionRefs = useRef(Array(props.sections.length).fill(null));
+    const moveToSection = (targetIndex) => {
+        setIndex(targetIndex);
+        sectionRefs.current?.[targetIndex]?.scrollIntoView({
+            behavior: 'smooth',
+            block: 'start',
+        });
+    };
+    useEffect(() => {
+        sectionRefs.current = Array.from({ length: props.sections.length }, (_, idx) => sectionRefs.current[idx] ?? null);
+    }, [props.sections.length]);
+    useEffect(() => {
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const index = sectionRefs.current.indexOf(entry.target);
+                    setIndex(index);
+                }
+            });
+        }, {
+            threshold: 0.5,
+        });
+        sectionRefs.current.forEach((ref) => {
+            if (ref) {
+                observer.observe(ref);
+            }
+        });
+        return () => {
+            observer.disconnect();
+        };
+    }, [props.sections.length]);
+    return (_jsx(AnchorContext.Provider, { value: {
+            targets: props.targets,
+            sections: props.sections,
+            index,
+            sectionRefs,
+            moveToSection,
+        }, children: props.children }));
+};
+const Navigation = ({ classNames }) => {
+    const { targets, index, moveToSection } = useAnchorContext();
+    return (_jsx("nav", { className: classNames?.root, children: targets.map((target, idx) => {
+            const isActive = idx === index;
+            return (_jsxs("div", { className: "flex flex-col items-end", children: [_jsxs("button", { className: classNames?.item, "aria-current": isActive ? 'true' : undefined, onClick: () => moveToSection(idx), children: [_jsx("span", { "data-active": isActive, className: classNames?.label, children: target }), _jsx("span", { "data-active": isActive, className: classNames?.dot })] }), idx < targets.length - 1 && (_jsx("span", { "data-active": idx + 1 === index, className: classNames?.line }))] }, `${target}_${idx}`));
+        }) }));
+};
+const Sections = ({ sectionClassName }) => {
+    const { sections, sectionRefs } = useAnchorContext();
+    return (_jsx(_Fragment, { children: sections.map((item, idx) => (_jsx("section", { ref: (el) => {
+                sectionRefs.current[idx] = el;
+            }, className: sectionClassName, children: item }, `section_content_${idx}`))) }));
+};
+export const AnchorBase = {
+    Root,
+    Navigation,
+    Sections,
+};
+export default AnchorBase;

package/dist/components/LDAnchor/LDAnchor.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export interface LDAnchorProps {
+    targets: string[];
+    sections: ReactNode[];
+    className?: string;
+    navigationClassName?: string;
+}
+declare const LDAnchor: (props: LDAnchorProps) => import("react/jsx-runtime").JSX.Element;
+export default LDAnchor;
+//# sourceMappingURL=LDAnchor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/LDAnchor/LDAnchor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAqBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/LDAnchor/LDAnchor.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from '../../utils/cn.js';
+import AnchorBase from './AnchorBase.js';
+const LDAnchor = (props) => {
+    return (_jsx(AnchorBase.Root, { targets: props.targets, sections: props.sections, children: _jsxs("div", { className: cn('relative flex flex-col gap-sm', props.className), children: [_jsx(AnchorBase.Navigation, { classNames: {
+                        root: cn('fixed left-0 top-1/2 -translate-y-1/2 flex flex-col', props.navigationClassName),
+                        item: 'flex flex-row items-center justify-between cursor-pointer w-full',
+                        label: 'flex items-center px-md text-lb100 ld-transition data-[active=true]:text-lb500',
+                        dot: 'size-2 rounded-full bg-lb100 outline-lb500 ld-transition data-[active=true]:bg-transparent data-[active=true]:outline-3',
+                        line: 'h-20 w-0.5 mr-0.75 bg-lb100 ld-transition data-[active=true]:bg-lb500',
+                    } }), _jsx(AnchorBase.Sections, { sectionClassName: "flex flex-col rounded-md px-md py-sm" })] }) }));
+};
+export default LDAnchor;

package/dist/components/LDAutoComplete/AutoCompleteBase.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode, type Ref } from 'react';
+import { type InputSize } from '../../components/LDInput/LDInput.js';
+export interface IAutoCompleteItem {
+    id: string | number;
+}
+interface RootProps<T extends IAutoCompleteItem> {
+    displayField: Extract<keyof T, string>;
+    subFields?: Extract<keyof T, string>[];
+    onSelectedItem?: (item: T | null) => void;
+    onChange: (query: string) => Promise<T[] | undefined>;
+    className?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+interface InputProps {
+    placeholder?: string;
+    size?: InputSize;
+    className?: string;
+}
+interface ListProps {
+    size?: InputSize;
+    className?: string;
+    emptyMessage?: ReactNode;
+}
+interface ItemProps {
+    item: IAutoCompleteItem;
+    index: number;
+}
+export declare const LDAutoCompleteBase: {
+    Root: <T extends IAutoCompleteItem>({ displayField, subFields, onSelectedItem, onChange, className, children, ref, }: RootProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Input: ({ placeholder, size, className, }: InputProps) => import("react/jsx-runtime").JSX.Element;
+    List: ({ size, className, emptyMessage, }: ListProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ item, index }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default LDAutoCompleteBase;
+//# sourceMappingURL=AutoCompleteBase.d.ts.map

package/dist/components/LDAutoComplete/AutoCompleteBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDAutoComplete/AutoCompleteBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,GAAG,EAST,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AA4CD,UAAU,SAAS,CAAC,CAAC,SAAS,iBAAiB;IAC7C,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAwJD,UAAU,UAAU;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsCD,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAgDD,UAAU,SAAS;IACjB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAuCD,eAAO,MAAM,kBAAkB;WA9RjB,CAAC,SAAS,iBAAiB,oFAQtC,SAAS,CAAC,CAAC,CAAC;+CAwJZ,UAAU;+CA0CV,SAAS;4BA+CmB,SAAS;CA0CvC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/LDAutoComplete/AutoCompleteBase.js

@@ -0,0 +1,175 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useRef, useState, } from 'react';
+import LDSpinner from '../../components/LDSpinner/LDSpinner.js';
+import { inputSizeClasses, } from '../../components/LDInput/LDInput.js';
+import cn from '../../utils/cn.js';
+const getItemValue = (item, field) => item[field];
+const AutoCompleteContext = createContext(null);
+const useAutoCompleteContext = () => {
+    const autoCompeleteContext = useContext(AutoCompleteContext);
+    if (!autoCompeleteContext)
+        throw new Error('LDAutoComplete 하위 컴포넌트는 Root 내부에서 사용해야 합니다.');
+    return autoCompeleteContext;
+};
+const autoCompleteSizeClasses = {
+    xSmall: 'autocomplete-2xs',
+    small: 'autocomplete-xs',
+    medium: 'autocomplete-sm',
+    large: 'autocomplete-md',
+    big: 'autocomplete-lg',
+    xLarge: 'autocomplete-xl',
+};
+const Root = ({ displayField, subFields, onSelectedItem, onChange, className, children, ref, }) => {
+    const [query, setQuery] = useState('');
+    const [isOpen, setIsOpen] = useState(false);
+    const [options, setOptions] = useState([]);
+    const [selectedItem, setSelectedItem] = useState(null);
+    const [focusedIdx, setFocusedIdx] = useState(-1);
+    const [isComposing, setIsComposing] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const wrapperRef = useRef(null);
+    const itemRefs = useRef([]);
+    const combinedRef = useCallback((node) => {
+        wrapperRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const handleSelect = (item) => {
+        setSelectedItem(item);
+        setQuery(String(item[displayField] ?? ''));
+        setIsOpen(false);
+        setFocusedIdx(-1);
+        onSelectedItem?.(item);
+    };
+    const handleContextSelect = (item) => {
+        const option = options.find((candidate) => candidate === item);
+        if (option)
+            handleSelect(option);
+    };
+    const handleKeyDown = (e) => {
+        if (isComposing)
+            return;
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            if (isOpen && focusedIdx >= 0 && focusedIdx < options.length) {
+                const focused = options[focusedIdx];
+                if (focused)
+                    handleSelect(focused);
+            }
+            return;
+        }
+        if (!isOpen)
+            return;
+        if (options.length === 0)
+            return;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                setFocusedIdx((prev) => (prev < options.length - 1 ? prev + 1 : prev));
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setFocusedIdx((prev) => (prev > 0 ? prev - 1 : -1));
+                break;
+            case 'Tab':
+                e.preventDefault();
+                if (e.shiftKey) {
+                    setFocusedIdx((prev) => (prev > 0 ? prev - 1 : -1));
+                }
+                else {
+                    setFocusedIdx((prev) => prev < options.length - 1 ? prev + 1 : prev);
+                }
+                break;
+        }
+    };
+    const handleChange = async (text) => {
+        setQuery(text);
+        if (!text)
+            return;
+        setIsLoading(true);
+        const list = await onChange(text);
+        setOptions(list ?? []);
+        setIsLoading(false);
+    };
+    useEffect(() => {
+        if (query === '') {
+            setOptions([]);
+            setSelectedItem(null);
+            setIsOpen(false);
+            onSelectedItem?.(null);
+        }
+        else if (String(selectedItem?.[displayField] ?? '') !== query) {
+            setIsOpen(true);
+        }
+        setFocusedIdx(-1);
+    }, [query]);
+    useEffect(() => {
+        const handleClickOverlay = (e) => {
+            if (!wrapperRef.current?.contains(e.target)) {
+                setIsOpen(false);
+                setFocusedIdx(-1);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOverlay);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOverlay);
+        };
+    }, []);
+    useEffect(() => {
+        if (focusedIdx === -1)
+            return;
+        if (!itemRefs.current[focusedIdx])
+            return;
+        itemRefs.current[focusedIdx]?.scrollIntoView({ block: 'nearest' });
+    }, [focusedIdx]);
+    return (_jsx(AutoCompleteContext.Provider, { value: {
+            query,
+            isOpen,
+            isLoading,
+            options,
+            focusedIdx,
+            displayField,
+            subFields,
+            handleChange,
+            handleKeyDown,
+            handleSelect: handleContextSelect,
+            setIsOpen,
+            setFocusedIdx,
+            setIsComposing,
+            itemRefs,
+        }, children: _jsx("div", { ref: combinedRef, className: cn('relative z-40 w-full', className), children: children }) }));
+};
+const Input = ({ placeholder = '검색어를 입력하세요', size = 'medium', className, }) => {
+    const { query, isOpen, handleChange, handleKeyDown, setIsComposing, setIsOpen, } = useAutoCompleteContext();
+    return (_jsx("input", { type: "text", placeholder: placeholder, value: query, onChange: (e) => handleChange(e.target.value), onKeyDown: handleKeyDown, onCompositionStart: () => setIsComposing(true), onCompositionEnd: () => setIsComposing(false), onFocus: () => {
+            if (query)
+                setIsOpen(true);
+        }, className: cn('w-full rounded-[5px]! border-transparent bg-neutral50 outline-2', inputSizeClasses[size], isOpen ? 'bg-tintBlue outline-lb500' : 'outline-0', className) }));
+};
+const List = ({ size = 'medium', className, emptyMessage = '조회하신 데이터가 없습니다.', }) => {
+    const { isOpen, isLoading, options } = useAutoCompleteContext();
+    return (_jsxs("div", { className: cn('overflow-y-auto absolute left-0 mt-1 w-full bg-white border shadow-md rounded-[5px] border-mono300 h-45 ld-transition', autoCompleteSizeClasses[size], isOpen
+            ? 'visible opacity-100 pointer-events-auto'
+            : 'invisible opacity-0 pointer-events-none', className), children: [_jsx("ul", { className: cn('ld-transition', options.length > 0 ? 'opacity-100 visible' : 'opacity-0 invisible'), children: options.map((item, index) => (_jsx(Item, { item: item, index: index }, item.id))) }), _jsx("div", { className: cn('flex items-center justify-center text-neutral500 transition-opacity duration-300 ease-in-out', options.length === 0
+                    ? 'opacity-100 visible h-full'
+                    : 'opacity-0 invisible h-0'), children: isLoading ? (_jsx(LDSpinner, { size: size, className: "text-lb500!" })) : (emptyMessage) })] }));
+};
+const Item = ({ item, index }) => {
+    const { displayField, subFields, focusedIdx, setFocusedIdx, handleSelect, itemRefs, } = useAutoCompleteContext();
+    return (_jsxs("li", { ref: (el) => {
+            itemRefs.current[index] = el;
+        }, className: cn('autocomplete-item flex flex-col cursor-pointer ld-transition border-b border-mono300', focusedIdx === index ? 'bg-tintBlue' : 'hover:bg-mono100'), onClick: () => handleSelect(item), onMouseEnter: () => setFocusedIdx(index), children: [_jsx("div", { className: "truncate text-black", children: String(getItemValue(item, displayField) ?? '') }), subFields && subFields.length > 0 && (_jsx("span", { className: "autocomplete-secondary truncate text-neutral500", children: subFields
+                    .map((field) => String(getItemValue(item, field) ?? ''))
+                    .filter(Boolean)
+                    .join(' / ') }))] }));
+};
+export const LDAutoCompleteBase = {
+    Root,
+    Input,
+    List,
+    Item,
+};
+export default LDAutoCompleteBase;

package/dist/components/LDAutoComplete/LDAutoComplete.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode, Ref } from 'react';
+import { type IAutoCompleteItem } from './AutoCompleteBase.js';
+import type { InputSize } from '../LDInput/LDInput.js';
+export interface LDAutoCompleteProps<T extends IAutoCompleteItem> {
+    displayField: Extract<keyof T, string>;
+    subFields?: Extract<keyof T, string>[];
+    onChange: (query: string) => Promise<T[] | undefined>;
+    onSelectedItem?: (item: T | null) => void;
+    placeholder?: string;
+    size?: InputSize;
+    emptyMessage?: ReactNode;
+    className?: string;
+    inputClassName?: string;
+    listClassName?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const LDAutoComplete: <T extends IAutoCompleteItem>({ displayField, subFields, onChange, onSelectedItem, placeholder, size, emptyMessage, className, inputClassName, listClassName, ref, }: LDAutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default LDAutoComplete;
+//# sourceMappingURL=LDAutoComplete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDAutoComplete.d.ts","sourceRoot":"","sources":["../../../src/components/LDAutoComplete/LDAutoComplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAA2B,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;IAC9D,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,iBAAiB,EAAE,wIAYlD,mBAAmB,CAAC,CAAC,CAAC,4CAsBxB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/LDAutoComplete/LDAutoComplete.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import LDAutoCompleteBase from './AutoCompleteBase.js';
+const LDAutoComplete = ({ displayField, subFields, onChange, onSelectedItem, placeholder, size, emptyMessage, className, inputClassName, listClassName, ref, }) => {
+    return (_jsxs(LDAutoCompleteBase.Root, { displayField: displayField, subFields: subFields, onChange: onChange, onSelectedItem: onSelectedItem, className: className, ref: ref, children: [_jsx(LDAutoCompleteBase.Input, { placeholder: placeholder, size: size, className: inputClassName }), _jsx(LDAutoCompleteBase.List, { size: size, className: listClassName, emptyMessage: emptyMessage })] }));
+};
+export default LDAutoComplete;

package/dist/components/LDEditor/EditorBase.js

@@ -30,7 +30,7 @@ const Root = ({ extensions, content = '', onChange, className, children, }) => {
             editor.commands.setContent(content || '');
         }
     }, [content, editor]);
-    return (_jsx(EditorContext.Provider, { value: { editor }, children: _jsx("div", { className: cn('w-full', className), children: editor && children }) }));
+    return (_jsx(EditorContext.Provider, { value: { editor }, children: _jsx("div", { className: "w-full", children: editor && children }) }));
 };
 const Content = ({ className }) => {
     const { editor } = useEditorContext();

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

@@ -1 +1 @@
-{"version":3,"file":"LDEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LDEditor/LDEditor.tsx"],"names":[],"mappings":"AA0EA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAC7B,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,QAAQ,GAAI,sDAKf,aAAa,4CAWf,CAAC;AAmXF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LDEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LDEditor/LDEditor.tsx"],"names":[],"mappings":"AA0EA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAC7B,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,QAAQ,GAAI,sDAKf,aAAa,4CAYf,CAAC;AAmXF,eAAe,QAAQ,CAAC"}

package/dist/components/LDEditor/LDEditor.js

@@ -38,7 +38,7 @@ const iconBtn = 'p-1 rounded-lg cursor-pointer transition hover:bg-mono100 disab
 const activeBtn = 'bg-mono100';
 const LDDivider = () => _jsx("div", { className: "w-px h-6 bg-neutral200 mx-1" });
 const LDEditor = ({ content, onChange, className, handleImageUpload, }) => {
-    return (_jsxs(EditorBase.Root, { extensions: createEditorExtensions(), content: content, onChange: onChange, children: [_jsx(EditorToolbar, { handleImageUpload: handleImageUpload }), _jsx(EditorBase.Content, { className: className })] }));
+    return (_jsxs(EditorBase.Root, { extensions: createEditorExtensions(), content: content, onChange: onChange, className: className, children: [_jsx(EditorToolbar, { handleImageUpload: handleImageUpload }), _jsx(EditorBase.Content, {})] }));
 };
 const EditorToolbar = ({ handleImageUpload, }) => {
     const [linkUrl, setLinkUrl] = useState('');

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

@@ -0,0 +1,52 @@
+import { Dispatch, type ReactNode, SetStateAction } from 'react';
+import { TMimeType } from '../../constants/file.js';
+import { type LDButtonProps } from '../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;
+    /** 추가/교체/삭제로 리스트가 바뀌면 갱신된 전체 파일 리스트로 호출된다. */
+    onChangeFile: (files: IFile[]) => void | Promise<void>;
+    onDeleteFile: (file: IFile) => Promise<boolean>;
+}
+export declare const useFileUploadContext: () => FileUploadContextType;
+interface RootProps {
+    recommendedSize?: {
+        width: number;
+        height: number;
+    };
+    maxSize: number;
+    allowedExtensions: TMimeType[];
+    fileList: IFile[] | [];
+    setFileList: Dispatch<SetStateAction<IFile[] | []>>;
+    maxFileCount: number;
+    onChangeFile: (files: IFile[]) => void | Promise<void>;
+    onDeleteFile: (file: IFile) => Promise<boolean>;
+    className?: string;
+    children?: ReactNode;
+}
+interface InputProps extends Omit<LDButtonProps<'button'>, 'type'> {
+    type?: 'default' | 'image';
+    label?: string;
+}
+interface ICardListProps {
+    type?: 'default' | 'image';
+    className?: string;
+}
+export declare const FileUploadBase: {
+    Root: ({ recommendedSize, maxSize, allowedExtensions, maxFileCount, fileList, setFileList, onChangeFile, onDeleteFile, className, children, }: RootProps) => import("react/jsx-runtime").JSX.Element;
+    Input: ({ type, label, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+    CardList: (props: ICardListProps) => import("react/jsx-runtime").JSX.Element;
+    Description: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default FileUploadBase;
+//# sourceMappingURL=FileUploadBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDFileUpload/FileUploadBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,QAAQ,EACR,KAAK,SAAS,EACd,cAAc,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAmB,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAIL,KAAK,EAKN,MAAM,kBAAkB,CAAC;AAI1B,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;IACrB,8CAA8C;IAC9C,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACjD;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,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgCD,UAAU,UAAW,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgHD,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2ND,eAAO,MAAM,cAAc;mJApWxB,SAAS;uCA4BT,UAAU;sBA+GY,cAAc;iCAqMH;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAyBzD,CAAC;AAEF,eAAe,cAAc,CAAC"}