@loword/loword-design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,22 @@
+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/LDInput/InputBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDInput/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/LDInput/InputBase.js

@@ -0,0 +1,17 @@
+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/LDInput/LDInput.d.ts

@@ -0,0 +1,24 @@
+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 LDInputProps 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 LDInput: ({ variant, color, size, showPasswordToggle, block, type, disabled, className, style, rightAddon, ref, ...props }: LDInputProps) => import("react/jsx-runtime").JSX.Element;
+export default LDInput;
+//# sourceMappingURL=LDInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDInput.d.ts","sourceRoot":"","sources":["../../../src/components/LDInput/LDInput.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,YAAa,SAAQ,IAAI,CACxC,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,OAAO,GAAI,kHAad,YAAY,4CAuEd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/LDInput/LDInput.js

@@ -0,0 +1,71 @@
+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 LDInput = ({ 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 LDInput;

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/LDLoadingDots/LDLoadingDots.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDLoadingDots.d.ts","sourceRoot":"","sources":["../../../src/components/LDLoadingDots/LDLoadingDots.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,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,aAAa,GAAI,qBAA+B,kBAAkB,4CA4CvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/LDLoadingDots/LDLoadingDots.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from '../../utils/cn.js';
+const LDLoadingDots = ({ 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 LDLoadingDots;

package/dist/components/LDMenuBar/LDMenuBar.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentProps } from 'react';
+import MenuBarBase from './MenuBarBase.js';
+declare const LDMenuBar: {
+    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 LDMenuBar;
+//# sourceMappingURL=LDMenuBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDMenuBar.d.ts","sourceRoot":"","sources":["../../../src/components/LDMenuBar/LDMenuBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,WAAW,MAAM,eAAe,CAAC;AAkHxC,QAAA,MAAM,SAAS;oCA1GZ,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,SAAS,CAAC"}

package/dist/components/LDMenuBar/LDMenuBar.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from '../../utils/cn.js';
+import MenuBarBase from './MenuBarBase.js';
+// 스타일 래퍼: Base 골격에 디자인 토큰 클래스를 입혀 재노출.
+// className을 주면 cn으로 머지되어 소비측 오버라이드 우선.
+const Root = ({ className, ...props }) => (_jsx(MenuBarBase.Root, { className: cn('relative flex items-center justify-between w-full h-[64px] min-h-[64px]', 'px-md gap-10 bg-white border-b border-mono100 sticky top-0 z-50', className), ...props }));
+const Logo = ({ className, ...props }) => (_jsx(MenuBarBase.Logo, { className: cn('flex items-center shrink-0', className), ...props }));
+const Nav = ({ className, ...props }) => (_jsx(MenuBarBase.Nav, { className: cn('flex flex-1 items-center justify-start gap-xs', className), ...props }));
+const Item = ({ className, ...props }) => (_jsx(MenuBarBase.Item, { className: className, ...props }));
+const Trigger = ({ className, ...props }) => (_jsx(MenuBarBase.Trigger, { className: cn('flex items-center gap-xs px-sm py-xs rounded-[5px] cursor-pointer', 'display16 bold text-mono700 hover:bg-mono100 hover:text-mono900 ld-transition', 'aria-expanded:bg-tintBlue aria-expanded:text-blue400', className), ...props }));
+// item 모드: 항목 바로 아래 작은 드롭다운
+const Content = ({ className, ...props }) => (_jsx(MenuBarBase.Content, { className: cn('absolute top-full left-0 mt-xs min-w-[180px] z-50', 'flex flex-col gap-xs p-xs rounded-[8px] bg-white border border-mono100 shadow-lg', className), ...props }));
+// mega 모드: 헤더 전체 폭 패널 + 뒤쪽 딤(클릭 시 닫기)
+// fixed로 부모 li(relative)를 벗어나 뷰포트(=헤더) 전체 폭을 차지. top-16 = 헤더 높이 64px.
+const MegaContent = ({ className, ...props }) => (_jsx(MenuBarBase.Content, { backdrop: true, backdropClassName: "fixed left-0 right-0 top-16 bottom-0 z-40 bg-black/40", className: cn('fixed left-0 right-0 top-16 z-50', 'p-lg bg-white border-b border-mono100 shadow-lg', className), ...props }));
+// Item의 드롭다운 자동 판정이 래퍼를 통과하도록 Base와 동일한 displayName 부여
+Content.displayName = MenuBarBase.Content.displayName;
+MegaContent.displayName = MenuBarBase.Content.displayName;
+const Actions = ({ className, ...props }) => (_jsx(MenuBarBase.Actions, { className: cn('flex items-center gap-sm shrink-0', className), ...props }));
+const Separator = ({ className, }) => (_jsx(MenuBarBase.Separator, { className: cn('w-px h-5 bg-mono200', className) }));
+const LDMenuBar = {
+    Root,
+    Logo,
+    Nav,
+    Item,
+    Trigger,
+    Content,
+    MegaContent,
+    Actions,
+    Separator,
+};
+export default LDMenuBar;

package/dist/components/LDMenuBar/MenuBarBase.d.ts

@@ -0,0 +1,43 @@
+import type { ElementType, ReactNode } from 'react';
+interface RootProps {
+    children: ReactNode;
+    className?: string;
+    trigger?: 'hover' | 'click';
+}
+interface SlotProps {
+    children?: ReactNode;
+    className?: string;
+}
+interface ItemProps {
+    value: string;
+    children: ReactNode;
+    className?: string;
+}
+interface TriggerProps {
+    as?: ElementType;
+    children: ReactNode;
+    className?: string;
+    [key: string]: unknown;
+}
+interface ContentProps extends SlotProps {
+    /** 뒤쪽 딤 + 클릭 시 닫기 */
+    backdrop?: boolean;
+    backdropClassName?: string;
+}
+declare const MenuBarBase: {
+    Root: ({ children, className, trigger }: RootProps) => import("react/jsx-runtime").JSX.Element;
+    Logo: ({ children, className }: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    Nav: ({ children, className }: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ value, children, className }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ as: Comp, children, className, ...rest }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: {
+        ({ children, className, backdrop, backdropClassName, }: ContentProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    Actions: ({ children, className }: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    Separator: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default MenuBarBase;
+//# sourceMappingURL=MenuBarBase.d.ts.map

package/dist/components/LDMenuBar/MenuBarBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBarBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDMenuBar/MenuBarBase.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA0CpD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC7B;AAqBD,UAAU,SAAS;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,UAAU,YAAY;IACpB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAuCD,UAAU,YAAa,SAAQ,SAAS;IACtC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA0BD,QAAA,MAAM,WAAW;6CAjJyC,SAAS;oCAwB5B,SAAS;mCAIV,SAAS;2CAmBD,SAAS;0DAoCpD,YAAY;;gEA2CZ,YAAY;;;uCA9F2B,SAAS;+BAIjB;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAsHvD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/LDMenuBar/MenuBarBase.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, createContext, isValidElement, useContext, useState, } from 'react';
+import cn from '../../utils/cn.js';
+const CONTENT_NAME = 'MenuBarContent';
+const MenuBarContext = createContext(null);
+const useMenuBarContext = () => {
+    const ctx = useContext(MenuBarContext);
+    if (!ctx)
+        throw new Error('MenuBarBase 서브컴포넌트는 MenuBarBase.Root 내부에서 사용해야 합니다.');
+    return ctx;
+};
+const ItemContext = createContext(null);
+const useItemContext = () => {
+    const ctx = useContext(ItemContext);
+    if (!ctx)
+        throw new Error('MenuBarBase.Trigger / Content는 MenuBarBase.Item 내부에서 사용해야 합니다.');
+    return ctx;
+};
+const Root = ({ children, className, trigger = 'hover' }) => {
+    const [openValue, setOpenValue] = useState(null);
+    const isOpen = (v) => openValue === v;
+    return (_jsx(MenuBarContext, { value: { openValue, setOpenValue, isOpen, trigger }, children: _jsx("header", { className: className, onMouseLeave: trigger === 'hover' ? () => setOpenValue(null) : undefined, children: children }) }));
+};
+const Logo = ({ children, className }) => (_jsx("div", { className: className, children: children }));
+const Nav = ({ children, className }) => (_jsx("ul", { className: className, children: children }));
+const Actions = ({ children, className }) => (_jsx("div", { className: className, children: children }));
+const Separator = ({ className }) => (_jsx("span", { "aria-hidden": true, className: className }));
+const Item = ({ value, children, className }) => {
+    const { trigger, setOpenValue } = useMenuBarContext();
+    // Content 존재 여부로 드롭다운 항목인지 자동 판정 (스타일 래퍼도 같은 displayName을 가짐)
+    const hasContent = Children.toArray(children).some((c) => isValidElement(c) &&
+        c.type?.displayName === CONTENT_NAME);
+    const hoverProps = trigger === 'hover' && hasContent
+        ? { onMouseEnter: () => setOpenValue(value) }
+        : {};
+    return (_jsx(ItemContext, { value: { value, hasContent }, children: _jsx("li", { className: cn('relative', className), ...hoverProps, children: children }) }));
+};
+const Trigger = ({ as: Comp = 'button', children, className, ...rest }) => {
+    const { trigger, setOpenValue, isOpen } = useMenuBarContext();
+    const { value, hasContent } = useItemContext();
+    // 드롭다운 없는 항목 → 순수 링크/버튼 (토글 안 함)
+    if (!hasContent) {
+        return (_jsx(Comp, { className: className, ...rest, children: children }));
+    }
+    const handleClick = trigger === 'click'
+        ? () => setOpenValue(isOpen(value) ? null : value)
+        : undefined;
+    return (_jsx(Comp, { type: Comp === 'button' ? 'button' : undefined, "aria-expanded": isOpen(value), onClick: handleClick, className: className, ...rest, children: children }));
+};
+const Content = ({ children, className, backdrop, backdropClassName, }) => {
+    const { isOpen, setOpenValue } = useMenuBarContext();
+    const { value } = useItemContext();
+    if (!isOpen(value))
+        return null;
+    return (_jsxs(_Fragment, { children: [backdrop && (_jsx("div", { "aria-hidden": true, onClick: () => setOpenValue(null), className: backdropClassName })), _jsx("div", { className: className, children: children })] }));
+};
+Content.displayName = CONTENT_NAME;
+const MenuBarBase = {
+    Root,
+    Logo,
+    Nav,
+    Item,
+    Trigger,
+    Content,
+    Actions,
+    Separator,
+};
+export default MenuBarBase;

package/dist/components/LDModal/LDModal.d.ts

@@ -0,0 +1,51 @@
+import { type ReactNode } from 'react';
+export type ModalSize = 'small' | 'medium' | 'large' | 'xlarge';
+export interface ModalButtons {
+    direction?: 'row' | 'column';
+    list?: ModalButton[];
+}
+export interface ModalButton<T = unknown> {
+    /** 버튼 텍스트 */
+    label: string;
+    /** 버튼 식별 값 (onButtonClick에 전달) */
+    value: T;
+    /** 버튼 스타일 유형 */
+    variant?: 'solid' | 'outline' | 'ghost';
+    /** 버튼 색상 테마 */
+    color?: 'neutral' | 'point' | 'danger';
+    /** 클릭 핸들러 (false 반환 시 모달 닫힘 방지) */
+    onClick?: () => void | boolean | Promise<void | boolean>;
+}
+export interface LDModalProps {
+    /** 모달 열림 상태 (제어 컴포넌트) */
+    open?: boolean;
+    /** 초기 열림 상태 (비제어 컴포넌트) */
+    defaultOpen?: boolean;
+    /** 열림 상태 변경 시 호출되는 콜백 */
+    onOpenChange?: (open: boolean) => void;
+    /** 서브 타이틀 (title 위에 표시) */
+    name?: string;
+    /** 모달 제목 */
+    title?: string;
+    /** 모달 설명 텍스트 */
+    description?: string;
+    /** 본문 콘텐츠 */
+    children?: ReactNode;
+    /** 모달 너비 프리셋 */
+    size?: ModalSize;
+    /** 너비 직접 지정 (size보다 우선) */
+    icon?: 'success' | 'fail';
+    /** 하단 버튼 목록 */
+    buttons?: ModalButtons;
+    /** 스크롤 동작 */
+    scrollBehavior?: 'inside' | 'outside';
+    /** 추가 CSS 클래스 (모달 패널에 적용) */
+    className?: string;
+    /** 인라인 스타일 (모달 패널에 적용) */
+    style?: React.CSSProperties;
+    /** 버튼 클릭 시 해당 버튼의 value를 전달하는 콜백 */
+    onButtonClick?: (value: unknown) => void;
+}
+declare const LDModal: ({ open, defaultOpen, onOpenChange, name, title, description, children, size, icon, buttons, scrollBehavior, className, style, onButtonClick, }: LDModalProps) => import("react/jsx-runtime").JSX.Element;
+export default LDModal;
+//# sourceMappingURL=LDModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDModal.d.ts","sourceRoot":"","sources":["../../../src/components/LDModal/LDModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAO/C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,OAAO;IACtC,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,CAAC,CAAC;IACT,gBAAgB;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,eAAe;IACf,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvC,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;CAC1D;AAED,MAAM,WAAW,YAAY;IAC3B,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,eAAe;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa;IACb,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACtC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AA6CD,QAAA,MAAM,OAAO,GAAI,gJAed,YAAY,4CA0Jd,CAAC;AAEF,eAAe,OAAO,CAAC"}