@loword/loword-design-system 0.0.11 → 0.0.13

package/dist/components/LDSectionNav/SectionNavBase.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+export interface SectionNavItem {
+    /** 대상 섹션의 DOM id (포커스가 이 섹션 안이면 활성) */
+    id: string;
+    /** 링크에 표시할 라벨 */
+    label: ReactNode;
+}
+export interface SectionNavClassNames {
+    root?: string;
+    item?: string;
+}
+interface RootProps {
+    items?: SectionNavItem[];
+    classNames?: SectionNavClassNames;
+}
+export declare const SectionNavBase: {
+    Root: ({ items, classNames }: RootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default SectionNavBase;
+//# sourceMappingURL=SectionNavBase.d.ts.map

package/dist/components/LDSectionNav/SectionNavBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNavBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDSectionNav/SectionNavBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAKD,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAmED,eAAO,MAAM,cAAc;kCA9DU,SAAS;CAgE7C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/LDSectionNav/SectionNavBase.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import cn from '../../utils/cn.js';
+const FOCUSABLE = 'input, select, textarea, button, [href], [tabindex]:not([tabindex="-1"])';
+// 포커스(편집)가 어느 섹션 안에 있는지로 활성을 판별한다. 포커스는 페이지에 하나뿐이라
+// 여러 nav가 있어도 항상 한 곳만 강조된다(별도 조율 불필요). 링크 클릭 시엔 해당 섹션의
+// 첫 입력 요소로 포커스를 옮겨 → 활성이 따라오고 브라우저가 자동으로 스크롤한다.
+const Root = ({ items, classNames }) => {
+    const [activeId, setActiveId] = useState('');
+    const ids = items?.map((item) => item.id) ?? [];
+    const idsKey = ids.join('|');
+    useEffect(() => {
+        const idSet = new Set(ids);
+        const onFocusIn = (e) => {
+            let el = e.target;
+            while (el) {
+                if (el.id && idSet.has(el.id)) {
+                    setActiveId(el.id);
+                    return;
+                }
+                el = el.parentElement;
+            }
+            // 포커스가 내 섹션 밖이면 활성 해제 → 지금 편집 중인 섹션의 nav 하나만 강조된다.
+            setActiveId('');
+        };
+        document.addEventListener('focusin', onFocusIn);
+        //cleanup함수로 정리
+        return () => document.removeEventListener('focusin', onFocusIn);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [idsKey]);
+    const moveToSection = (id) => {
+        const section = document.getElementById(id);
+        if (!section)
+            return;
+        const focusable = section.querySelector(FOCUSABLE);
+        if (focusable) {
+            focusable.focus();
+        }
+        else {
+            section.scrollIntoView({ behavior: 'smooth', block: 'start' });
+            setActiveId(id);
+        }
+    };
+    return (_jsx("nav", { className: classNames?.root, children: items?.map((item) => {
+            const isActive = item.id === activeId;
+            return (_jsx("button", { type: "button", "aria-current": isActive ? 'true' : undefined, "data-active": isActive, onClick: () => moveToSection(item.id), className: cn(classNames?.item), children: item.label }, item.id));
+        }) }));
+};
+export const SectionNavBase = {
+    Root,
+};
+export default SectionNavBase;

package/dist/components/LDSelect/LDMultiSelect.js

@@ -46,9 +46,9 @@ const LDMultiSelect = ({ items, placeholder = '선택해주세요', value = [],
     return (_jsxs(SelectBase.Root, { multiple: true, values: value, onMultiChange: onChange, disabled: disabled, name: name, items: items, maxDisplay: maxDisplay, children: [_jsx(SelectBase.Trigger, { style: style, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, className: cn('group rounded-[5px] ld-transition outline-none cursor-pointer', variant &&
                     (disabled
                         ? disabledVariantClasses[variant]
-                        : variantColorClasses[variant][color]), size && sizeClasses[size], disabled && 'cursor-not-allowed disabled:cursor-not-allowed', className), children: truncate ? (_jsxs("div", { className: "flex gap-sm items-center w-full justify-center px-3 py-1.5", children: [_jsx(SelectBase.Value, { placeholder: placeholder, className: cn('flex flex-1 bold text-neutral900', alignClasses[align]), placeholderClassName: "text-neutral200" }), _jsx(ChevronDown, { size: iconSize, className: "text-neutral500 shrink-0" })] })) : (_jsxs("div", { className: "flex gap-sm items-center w-full justify-between px-3 py-1.5", children: [_jsx("div", { className: cn('flex flex-1 flex-wrap gap-1.5 items-center text-left', alignClasses[align]), children: value.length === 0 ? (_jsx("span", { className: "text-neutral900", children: placeholder })) : (value.map((v) => {
+                        : variantColorClasses[variant][color]), size && sizeClasses[size], disabled && 'cursor-not-allowed disabled:cursor-not-allowed', className), children: truncate ? (_jsxs("div", { className: "flex gap-sm items-center w-full justify-center px-3 py-1.5", children: [_jsx(SelectBase.Value, { placeholder: placeholder, className: cn('flex flex-1 bold text-neutral900', alignClasses[align]), placeholderClassName: "text-neutral200" }), _jsx(ChevronDown, { size: iconSize, className: "text-neutral500 shrink-0" })] })) : (_jsxs("div", { className: "flex gap-sm items-center w-full justify-between px-3 py-1.5", children: [_jsx("div", { className: cn('flex flex-1 flex-wrap gap-1.5 items-center text-left', alignClasses[align]), children: value.length === 0 ? (_jsx("span", { className: "text-neutral200", children: placeholder })) : (value.map((v) => {
                                 const label = items.find((i) => i.value === v)?.label || v;
-                                return (_jsxs("span", { className: "flex items-center justify-between px-2 py-1 bg-white rounded-sm display12 text-neutral900 border border-neutral100", children: [label, _jsx("div", { role: "button", "aria-label": `${label} 삭제`, onClick: (e) => {
+                                return (_jsxs("span", { className: "flex items-center justify-between px-2 py-1 bg-white rounded-sm display12 text-neutral900 border border-neutral100 animate-fade-in", children: [label, _jsx("div", { role: "button", "aria-label": `${label} 삭제`, onClick: (e) => {
                                                 e.stopPropagation();
                                                 e.preventDefault();
                                                 if (!disabled) {
@@ -57,7 +57,7 @@ const LDMultiSelect = ({ items, placeholder = '선택해주세요', value = [],
                                             }, className: "ml-1 text-neutral900 hover:text-neutral800 cursor-pointer flex items-center justify-center", children: _jsx(X, { size: 14 }) })] }, v));
                             })) }), _jsx(ChevronDown, { size: iconSize, className: "text-neutral500 shrink-0" })] })) }), _jsx(SelectBase.Content, { className: cn('rounded-[5px] bg-white border border-mono100 p-2 flex flex-col gap-3xs', 'max-h-57.5 overflow-y-auto scrollbar-none transition-opacity duration-300 ease-out', contentClassName), openClassName: "opacity-100", closedClassName: "opacity-0 pointer-events-none", children: items.map((opt) => {
                     const isSelected = value.includes(opt.value);
-                    return (_jsxs(SelectBase.Item, { value: opt.value, className: cn('cursor-pointer px-sm rounded-[5px] regular outline-none ld-transition', sizeClasses[size ?? 'medium'], 'hover:bg-neutral50 focus:bg-tintBlue', 'flex items-center gap-2', isSelected && 'bg-tintBlue'), children: [_jsx("div", { className: cn('outline-2 [outline-style:solid] -outline-offset-2 rounded-[5px] p-0.75 ld-transition', isSelected ? 'bg-lb500 outline-lb500' : 'outline-mono300'), children: _jsx(Check, { size: 10, className: cn('shrink-0 ld-transition', isSelected ? 'text-white' : 'text-transparent') }) }), _jsx(SelectBase.ItemText, { children: opt.label })] }, opt.value));
+                    return (_jsxs(SelectBase.Item, { value: opt.value, className: cn('cursor-pointer px-sm rounded-[5px] regular outline-none ld-transition', sizeClasses[size ?? 'medium'], 'hover:bg-neutral50 focus:bg-tintBlue', 'flex items-center gap-2', isSelected && 'bg-tintBlue'), children: [_jsx("div", { className: cn('outline-2 outline-solid -outline-offset-2 rounded-[5px] p-0.75 ld-transition', isSelected ? 'bg-lb500 outline-lb500' : 'outline-mono300'), children: _jsx(Check, { size: 10, className: cn('shrink-0 ld-transition', isSelected ? 'text-white' : 'text-transparent') }) }), _jsx(SelectBase.ItemText, { children: opt.label })] }, opt.value));
                 }) })] }));
 };
 export default LDMultiSelect;

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

@@ -1 +1 @@
-{"version":3,"file":"LDSelect.d.ts","sourceRoot":"","sources":["../../../src/components/LDSelect/LDSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAK7D,KAAK,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1C,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClD,KAAK,UAAU,GACX,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AACb,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AA+D/C,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,YAAY;IACZ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe;IACf,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,kBAAkB;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,QAAA,MAAM,QAAQ,GAAI,2MAiBf,aAAa,4CAuEf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LDSelect.d.ts","sourceRoot":"","sources":["../../../src/components/LDSelect/LDSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAK7D,KAAK,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1C,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClD,KAAK,UAAU,GACX,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AACb,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AA+D/C,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,YAAY;IACZ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe;IACf,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,kBAAkB;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,QAAA,MAAM,QAAQ,GAAI,2MAiBf,aAAa,4CAoFf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/LDSelect/LDSelect.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import SelectBase from './SelectBase.js';
 import cn from '../../utils/cn.js';
-import { ChevronDown } from 'lucide-react';
+import { ChevronDown, ChevronUp } from 'lucide-react';
 const variantColorClasses = {
     filled: {
         neutral: 'bg-neutral50 text-neutral900 border-none outline-2 outline-transparent [outline-style:solid]',
@@ -55,7 +55,7 @@ const LDSelect = ({ items, placeholder = '선택해주세요', value, defaultVal
     return (_jsxs(SelectBase.Root, { value: resolvedValue, defaultValue: defaultValue, onChange: onChange, disabled: disabled, name: name, items: items, children: [_jsx(SelectBase.Trigger, { style: style, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, className: cn('group rounded-[5px] ld-transition outline-none cursor-pointer', variant &&
                     (disabled
                         ? disabledVariantClasses[variant]
-                        : variantColorClasses[variant][color]), disabled && 'cursor-not-allowed disabled:cursor-not-allowed', size && sizeClasses[size], className), children: _jsxs("div", { className: "flex gap-sm items-center w-full justify-center px-3", children: [_jsx(SelectBase.Value, { placeholder: placeholder, className: cn('flex flex-1 bold', alignClasses[align]) }), _jsx(ChevronDown, { size: iconSize, className: "text-neutral500" })] }) }), _jsx(SelectBase.Content, { className: cn('rounded-[5px] bg-white border border-mono100 p-2 flex flex-col gap-3xs', 'max-h-57.5 overflow-y-auto scrollbar-none transition-opacity duration-300 ease-out', contentClassName), openClassName: "opacity-100", closedClassName: "opacity-0 pointer-events-none", children: items.map((opt) => (_jsx(SelectBase.Item, { value: opt.value, className: cn('w-full text-left', 'px-3 rounded-sm', itemSizeClasses[size ?? 'medium'], 'transition-all cursor-pointer outline-none', 'hover:bg-neutral50', 'focus:bg-tintBlue', resolvedValue === opt.value
+                        : variantColorClasses[variant][color]), disabled && 'cursor-not-allowed disabled:cursor-not-allowed', size && sizeClasses[size], className), children: _jsxs("div", { className: "flex gap-sm items-center w-full justify-center px-3", children: [_jsx(SelectBase.Value, { placeholder: placeholder, className: cn('flex flex-1 bold ', alignClasses[align]), placeholderClassName: "text-neutral200" }), _jsxs("span", { className: "relative shrink-0", style: { width: iconSize, height: iconSize }, children: [_jsx(ChevronDown, { size: iconSize, className: "absolute left-0 top-0 text-neutral500 transition-opacity duration-300 ease-out opacity-100 group-data-[state=open]:opacity-0" }), _jsx(ChevronUp, { size: iconSize, className: "absolute left-0 top-0 text-neutral500 transition-opacity duration-300 ease-out opacity-0 group-data-[state=open]:opacity-100" })] })] }) }), _jsx(SelectBase.Content, { className: cn('rounded-[5px] bg-white border border-mono100 p-2 flex flex-col gap-3xs', 'max-h-57.5 overflow-y-auto scrollbar-none transition-opacity duration-300 ease-out', contentClassName), openClassName: "opacity-100", closedClassName: "opacity-0 pointer-events-none", children: items.map((opt) => (_jsx(SelectBase.Item, { value: opt.value, className: cn('w-full text-left', 'px-3 rounded-sm', itemSizeClasses[size ?? 'medium'], 'transition-all cursor-pointer outline-none', 'hover:bg-neutral50', 'focus:bg-tintBlue', resolvedValue === opt.value
                         ? 'bg-neutral100 font-bold text-neutral900'
                         : 'text-neutral800'), children: _jsx(SelectBase.ItemText, { children: opt.label }) }, opt.value))) })] }));
 };

package/dist/components/LDTable/LDCollapsibleTanstackTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LDCollapsibleTanstackTable.d.ts","sourceRoot":"","sources":["../../../src/components/LDTable/LDCollapsibleTanstackTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAM/E,YAAY,EAAE,QAAQ,EAAE,CAAC;AACzB,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,+BAA+B,CAAC,KAAK,EAAE,OAAO,CAAE,SAAQ,IAAI,CAC3E,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,EAC/B,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,kBAAkB,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,SAAS,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,QAAA,MAAM,0BAA0B,GAAI,KAAK,EAAE,OAAO,EAAE,wRAmBjD,+BAA+B,CAAC,KAAK,EAAE,OAAO,CAAC,4CAqMjD,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"LDCollapsibleTanstackTable.d.ts","sourceRoot":"","sources":["../../../src/components/LDTable/LDCollapsibleTanstackTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAM/E,YAAY,EAAE,QAAQ,EAAE,CAAC;AACzB,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,+BAA+B,CAAC,KAAK,EAAE,OAAO,CAAE,SAAQ,IAAI,CAC3E,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,EAC/B,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,kBAAkB,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,SAAS,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,QAAA,MAAM,0BAA0B,GAAI,KAAK,EAAE,OAAO,EAAE,wRAmBjD,+BAA+B,CAAC,KAAK,EAAE,OAAO,CAAC,4CA+MjD,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/LDTable/LDCollapsibleTanstackTable.js

@@ -10,27 +10,30 @@ const LDCollapsibleTanstackTable = ({ columns, data, pageable, paginationState,
             const paginationFooter = pageable && totalPages > 0 ? (_jsx(LDPagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange, className: classNames?.pagination })) : null;
             return (_jsxs(LDTable, { title: title, totalCount: pageable?.totalCount, rightSideContents: rightSideContents, isEmpty: isEmpty, emptyMessage: emptyMessage, columnCount: columns.length, footer: paginationFooter, classNames: {
                     ...classNames,
-                    wrapper: cn('overflow-x-auto relative', classNames?.wrapper),
                     root: cn('w-auto min-w-full', classNames?.root),
                 }, children: [_jsx(LDTable.Header, { className: cn(classNames?.thead, stickyHeader &&
-                            'sticky top-0 bg-mono100 z-10 border-b border-neutral100'), children: headerGroups.map((hg) => (_jsx(LDTable.HeaderRow, { className: cn('group w-full', classNames?.headRow), children: hg.headers.map((header, idx) => {
+                            'sticky top-0 bg-mono100 z-10 border-b border-neutral100'), children: headerGroups.map((hg) => (_jsx(LDTable.HeaderRow, { className: cn('group w-full', classNames?.headRow), children: hg.headers.map((header) => {
                                 const h = getHeader(header);
                                 return (_jsxs(LDTable.HeaderCell, { className: cn('relative overflow-hidden', h.canSort && 'cursor-pointer', classNames?.headCell), style: { width: h.size }, onClick: h.toggleSortingHandler, children: [_jsxs("span", { className: cn('flex items-center gap-0.5 align-middle', h.meta?.headerAlign === 'right'
                                                 ? 'justify-end'
                                                 : h.meta?.headerAlign === 'left'
                                                     ? 'justify-start'
-                                                    : 'justify-center'), children: [_jsx("span", { className: "truncate min-w-0", style: { maxWidth: h.size }, children: h.renderHeader() }), h.isSorted === 'asc' && (_jsx(ArrowUp, { className: "size-3 shrink-0" })), h.isSorted === 'desc' && (_jsx(ArrowDown, { className: "size-3 shrink-0" }))] }), header.column.getCanResize() && (_jsx("div", { onMouseDown: h.resizeHandler, onTouchStart: h.resizeHandler, onClick: (e) => e.stopPropagation(), className: cn('absolute right-0 top-0 h-full w-5 group-hover:cursor-col-resize touch-none select-none opacity-0 group-hover:opacity-100 ld-transition flex justify-center', idx === hg.headers.length - 1 && 'justify-end'), children: _jsx("div", { className: "h-full w-1 bg-neutral200" }) }))] }, h.id));
-                            }) }, hg.id))) }), _jsx(LDTable.Body, { children: rows.map((row) => (_jsxs(_Fragment, { children: [_jsxs(LDTable.Row, { selected: row.getIsSelected(), className: cn('relative cursor-pointer', classNames?.row), onClick: () => {
+                                                    : 'justify-center'), children: [_jsx("span", { className: "truncate min-w-0", style: { maxWidth: h.size }, children: h.renderHeader() }), h.isSorted === 'asc' && (_jsx(ArrowUp, { className: "size-3 shrink-0" })), h.isSorted === 'desc' && (_jsx(ArrowDown, { className: "size-3 shrink-0" }))] }), header.column.getCanResize() && (_jsx("div", { onMouseDown: h.resizeHandler, onTouchStart: h.resizeHandler, onClick: (e) => e.stopPropagation(), className: cn('absolute right-0 top-0 h-full w-5 group-hover:cursor-col-resize touch-none select-none opacity-0 group-hover:opacity-100 ld-transition flex justify-end'), children: _jsx("div", { className: "h-full w-1 bg-neutral200" }) }))] }, h.id));
+                            }) }, hg.id))) }), _jsx(LDTable.Body, { children: rows.map((row) => (_jsxs(_Fragment, { children: [_jsx(LDTable.Row, { selected: row.getIsSelected(), className: cn('relative cursor-pointer', classNames?.row), onClick: () => {
                                         handleOpenRows(row.id);
                                         row.toggleSelected();
-                                    }, children: [row.getVisibleCells().map((cell) => {
-                                            const c = getCell(cell);
-                                            return (_jsx(LDTable.Cell, { className: classNames?.cell, children: _jsx("div", { className: cn('flex items-center gap-1', c.meta?.headerAlign === 'left'
+                                    }, children: row.getVisibleCells().map((cell, idx) => {
+                                        const c = getCell(cell);
+                                        return (_jsxs(LDTable.Cell, { className: classNames?.cell, children: [_jsx("div", { className: cn('flex w-full items-center', c.meta?.headerAlign === 'left'
                                                         ? 'justify-start'
                                                         : c.meta?.headerAlign === 'right'
                                                             ? 'justify-end'
-                                                            : 'justify-center'), style: { maxWidth: c.size }, children: _jsx("span", { className: "truncate", children: c.renderCell() }) }) }, c.id));
-                                        }), _jsx(ChevronUp, { className: cn('text-neutral700 absolute top-1/2 -translate-1/2 right-5 shrink-0 size-5', openRows[row.id] ? 'opacity-0' : 'opacity-100') }), _jsx(ChevronDown, { className: cn('text-neutral700 absolute top-1/2 -translate-1/2 right-5 shrink-0 size-5', !openRows[row.id] ? 'opacity-0' : 'opacity-100') })] }, row.id), _jsx(LDTable.Row, { className: cn('h-auto border-0 bg-neutral50', openRows[row.id] && 'border-b'), children: _jsx(LDTable.Cell, { colSpan: columns.length, className: "px-5", children: _jsx("div", { className: cn('grid ld-transition', openRows[row.id]
+                                                            : 'justify-center'), children: _jsx("span", { className: "truncate min-w-0", style: { maxWidth: c.size }, children: c.renderCell() }) }), idx === row.getVisibleCells().length - 1 && (_jsxs(_Fragment, { children: [_jsx(ChevronUp, { className: cn('text-neutral700 absolute top-1/2 -translate-1/2 right-2 shrink-0 size-5 ld-transition', openRows[row.id]
+                                                                ? 'opacity-0'
+                                                                : 'opacity-100') }), _jsx(ChevronDown, { className: cn('text-neutral700 absolute top-1/2 -translate-1/2 right-2 shrink-0 size-5 ld-transition', !openRows[row.id]
+                                                                ? 'opacity-0'
+                                                                : 'opacity-100') })] }))] }, c.id));
+                                    }) }, row.id), _jsx(LDTable.Row, { className: cn('h-auto border-0 bg-neutral50', openRows[row.id] && 'border-b'), children: _jsx(LDTable.Cell, { colSpan: columns.length, className: "px-5", children: _jsx("div", { className: cn('grid ld-transition', openRows[row.id]
                                                 ? 'grid-rows-[1fr]'
                                                 : 'grid-rows-[0fr]'), children: _jsx("div", { className: "overflow-hidden", children: collapsibleContent(row.original) }) }) }) })] }))) })] }));
         } }));

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

@@ -1 +1 @@
-{"version":3,"file":"LDTable.d.ts","sourceRoot":"","sources":["../../../src/components/LDTable/LDTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,qBAAqB;IAGrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,SAAS,CAAC;IAQnB,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,uBAAuB;IACvB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,QAAA,MAAM,OAAO;6GAUV,YAAY;gDAsEZ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;mDAgB7C,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;oDAUzC,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;8CAa5C,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;6CAU7C,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE;8CAgBlE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CArG9C,CAAC;AAqHF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"LDTable.d.ts","sourceRoot":"","sources":["../../../src/components/LDTable/LDTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,qBAAqB;IAGrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,SAAS,CAAC;IAQnB,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,uBAAuB;IACvB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,QAAA,MAAM,OAAO;6GAUV,YAAY;gDAwEZ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;mDAgB7C,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;oDAUzC,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;8CAa5C,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;6CAU7C,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE;8CAgBlE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CArG9C,CAAC;AAqHF,eAAe,OAAO,CAAC"}

package/dist/components/LDTable/LDTable.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import TableBase from './TableBase.js';
 import cn from '../../utils/cn.js';
 const LDTable = ({ children, title, rightSideContents, footer, isEmpty = false, emptyMessage = '조회하신 데이터가 없습니다.', columnCount, style, classNames, }) => {
-    return (_jsxs("div", { className: cn('flex flex-col justify-between h-full gap-md', classNames?.wrapper), children: [_jsx(Toolbar, { title: title, rightSideContents: rightSideContents, className: classNames?.toolbar }), _jsxs(TableBase.Root, { className: cn('relative w-full', classNames?.root), style: style, children: [children, isEmpty && columnCount && (_jsx(TableBase.Body, { className: classNames?.tbody, children: _jsx(TableBase.Row, { className: classNames?.row, children: _jsx(TableBase.Cell, { colSpan: columnCount, className: cn('h-48 text-center'), children: emptyMessage }) }) }))] }), footer] }));
+    return (_jsxs("div", { className: cn('flex flex-col justify-between h-full gap-md', classNames?.wrapper), children: [_jsx(Toolbar, { title: title, rightSideContents: rightSideContents, className: classNames?.toolbar }), _jsx("div", { className: "relative w-full overflow-x-auto", children: _jsxs(TableBase.Root, { className: cn('w-full', classNames?.root), style: style, children: [children, isEmpty && columnCount && (_jsx(TableBase.Body, { className: classNames?.tbody, children: _jsx(TableBase.Row, { className: classNames?.row, children: _jsx(TableBase.Cell, { colSpan: columnCount, className: cn('h-48 text-center'), children: emptyMessage }) }) }))] }) }), footer] }));
 };
 const Toolbar = ({ title, rightSideContents, className, }) => {
     if (!title && !rightSideContents)

package/dist/components/LDTable/LDTanstackTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LDTanstackTable.d.ts","sourceRoot":"","sources":["../../../src/components/LDTable/LDTanstackTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAM/E,YAAY,EAAE,QAAQ,EAAE,CAAC;AACzB,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAE,SAAQ,IAAI,CAChE,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,EAC/B,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,QAAA,MAAM,eAAe,GAAI,KAAK,EAAE,OAAO,EAAE,qPAiBtC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,4CA4JtC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"LDTanstackTable.d.ts","sourceRoot":"","sources":["../../../src/components/LDTable/LDTanstackTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAM/E,YAAY,EAAE,QAAQ,EAAE,CAAC;AACzB,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAE,SAAQ,IAAI,CAChE,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,EAC/B,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,QAAA,MAAM,eAAe,GAAI,KAAK,EAAE,OAAO,EAAE,qPAiBtC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,4CA8JtC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/LDTable/LDTanstackTable.js

@@ -10,7 +10,6 @@ const LDTanstackTable = ({ columns, data, pageable, paginationState, onPageChang
             const paginationFooter = pageable && totalPages > 0 ? (_jsx(LDPagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange, className: classNames?.pagination })) : null;
             return (_jsxs(LDTable, { title: title, totalCount: pageable?.totalCount, rightSideContents: rightSideContents, isEmpty: isEmpty, emptyMessage: emptyMessage, columnCount: columns.length, footer: paginationFooter, classNames: {
                     ...classNames,
-                    wrapper: cn('overflow-x-auto relative', classNames?.wrapper),
                     root: cn('w-auto ', classNames?.root),
                 }, children: [_jsx(LDTable.Header, { className: cn(classNames?.thead, stickyHeader &&
                             'sticky top-0 bg-mono100 z-10 border-b border-neutral100'), children: headerGroups.map((hg) => (_jsx(LDTable.HeaderRow, { className: cn('group w-full', classNames?.headRow), children: hg.headers.map((header, idx) => {
@@ -19,14 +18,14 @@ const LDTanstackTable = ({ columns, data, pageable, paginationState, onPageChang
                                                 ? 'justify-end'
                                                 : h.meta?.headerAlign === 'left'
                                                     ? 'justify-start'
-                                                    : 'justify-center'), children: [_jsx("span", { className: "truncate min-w-0", style: { maxWidth: h.size }, children: h.renderHeader() }), h.isSorted === 'asc' && (_jsx(ArrowUp, { className: "size-3 shrink-0" })), h.isSorted === 'desc' && (_jsx(ArrowDown, { className: "size-3 shrink-0" }))] }), header.column.getCanResize() && (_jsx("div", { onMouseDown: h.resizeHandler, onTouchStart: h.resizeHandler, onClick: (e) => e.stopPropagation(), className: cn('absolute right-0 top-0 h-full w-5 group-hover:cursor-col-resize touch-none select-none opacity-0 group-hover:opacity-100 ld-transition flex justify-center', idx === hg.headers.length - 1 && 'justify-end'), children: _jsx("div", { className: "h-full w-1 bg-neutral200" }) }))] }, h.id));
+                                                    : 'justify-center'), children: [_jsx("span", { className: "truncate min-w-0", style: { maxWidth: h.size }, children: h.renderHeader() }), h.isSorted === 'asc' && (_jsx(ArrowUp, { className: "size-3 shrink-0" })), h.isSorted === 'desc' && (_jsx(ArrowDown, { className: "size-3 shrink-0" }))] }), header.column.getCanResize() && (_jsx("div", { onMouseDown: h.resizeHandler, onTouchStart: h.resizeHandler, onClick: (e) => e.stopPropagation(), className: cn('absolute right-0 top-0 h-full w-5 group-hover:cursor-col-resize touch-none select-none opacity-0 group-hover:opacity-100 ld-transition flex justify-end'), children: _jsx("div", { className: "h-full w-1 bg-neutral200" }) }))] }, h.id));
                             }) }, hg.id))) }), _jsx(LDTable.Body, { children: rows.map((row) => (_jsx(LDTable.Row, { selected: row.getIsSelected(), className: classNames?.row, onClick: () => row.toggleSelected(), children: row.getVisibleCells().map((cell) => {
                                 const c = getCell(cell);
-                                return (_jsx(LDTable.Cell, { className: classNames?.cell, children: _jsx("div", { className: cn('truncate', c.meta?.headerAlign === 'left'
-                                            ? 'text-left'
+                                return (_jsx(LDTable.Cell, { className: classNames?.cell, children: _jsx("div", { className: cn('flex w-full items-center', c.meta?.headerAlign === 'left'
+                                            ? 'justify-start'
                                             : c.meta?.headerAlign === 'right'
-                                                ? 'text-right'
-                                                : 'text-center'), style: { maxWidth: c.size }, children: c.renderCell() }) }, c.id));
+                                                ? 'justify-end'
+                                                : 'justify-center'), children: _jsx("span", { className: "truncate min-w-0", style: { maxWidth: c.size }, children: c.renderCell() }) }) }, c.id));
                             }) }, row.id))) })] }));
         } }));
 };

package/dist/components/LDTable/TableField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableField.d.ts","sourceRoot":"","sources":["../../../src/components/LDTable/TableField.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,GAAG,EACR,KAAK,WAAW,EAChB,KAAK,MAAM,EACX,KAAK,IAAI,EACT,KAAK,KAAK,EACX,MAAM,uBAAuB,CAAC;AAM/B,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC3C;AACD,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7D,MAAM,WAAW,eAAe,CAAC,KAAK,EAAE,OAAO;IAC7C,YAAY;IACZ,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC;IACrC,cAAc;IACd,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,aAAa;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,eAAe,CAAC,EAAE;QAChB,eAAe;QACf,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;KAC1C,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,SAAS;IACT,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAEtE,WAAW;IACX,kBAAkB,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC;IAC9D,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE;QAClB,iBAAiB;QACjB,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;KAC5C,CAAC;IACF,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEjD,aAAa,CAAC,EAAE;QACd,aAAa;QACb,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;KACpD,CAAC;IAEF,mBAAmB;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;CAC9D;AAED,MAAM,WAAW,qBAAqB,CAAC,KAAK;IAC1C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,YAAY,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IACnC,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK;QAC7C,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oBAAoB,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;QAC7D,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QACxC,YAAY,EAAE,MAAM,SAAS,CAAC;QAC9B,IAAI,EAAE,eAAe,GAAG,SAAS,CAAC;KACnC,CAAC;IACF,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK;QACvC,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,SAAS,CAAC;QAC5B,IAAI,EAAE,eAAe,GAAG,SAAS,CAAC;KACnC,CAAC;IACF,QAAQ,EAAE,aAAa,CAAC;IACxB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,QAAA,MAAM,UAAU,GAAI,KAAK,EAAE,OAAO,EAAE,8KAajC,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,cAsGjC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"TableField.d.ts","sourceRoot":"","sources":["../../../src/components/LDTable/TableField.tsx"],"names":[],"mappings":"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"}

package/dist/components/LDTextarea/LDTextarea.js

@@ -158,6 +158,6 @@ const LDTextarea = forwardRef(function LDTextarea({ bottom = true, variant = 'fi
                                 resize: resize === 'manual' ? 'vertical' : 'none',
                                 overflowY: resize === 'fixed' || resize === 'manual' ? 'auto' : 'hidden',
                                 ...style,
-                            }, className: cn('w-full bg-transparent px-1 py-0 outline-none', textareaSizeClasses[size], 'placeholder:text-mono400', 'disabled:cursor-not-allowed disabled:text-mono400', 'read-only:cursor-default') }), showBottom && (_jsx("div", { className: "flex items-center gap-4", children: _jsx("div", { className: "flex flex-1 items-center gap-1 pl-1", children: resolvedLeadingContent }) }))] }), _jsx("div", { className: cn('pointer-events-none absolute inset-0 outline-1 [outline-style:solid] -outline-offset-2 transition-[outline-color] duration-300 ease-out', interactionRadiusClasses[size], interactionVariantColorClasses[variant][color], focused && focusedColorClasses[color], disabled && 'opacity-0') })] }) }));
+                            }, className: cn('w-full bg-transparent px-1 py-0 outline-none', textareaSizeClasses[size], 'placeholder:text-mono400', 'disabled:cursor-not-allowed disabled:text-mono400', 'read-only:cursor-default') }), showBottom && (_jsx("div", { className: "flex items-center gap-4", children: _jsx("div", { className: "flex flex-1 items-center gap-1 pl-1", children: resolvedLeadingContent }) }))] }), _jsx("div", { className: cn('pointer-events-none absolute inset-0 outline-1 outline-solid -outline-offset-2 transition-[outline-color] duration-300 ease-out', interactionRadiusClasses[size], interactionVariantColorClasses[variant][color], focused && focusedColorClasses[color], disabled && 'opacity-0') })] }) }));
 });
 export default LDTextarea;

package/dist/components/LDTimePicker/LDTimePicker.js

@@ -113,7 +113,7 @@ const LDTimePicker = ({ value, defaultValue, onChange, placeholder = 'HH:MM', di
                                     e.preventDefault();
                                     target.previousElementSibling?.focus();
                                 }
-                            }, className: cn('w-full text-left px-3 py-2 rounded-[5px] display14 transition-all cursor-pointer outline-none', 'hover:bg-lb50 hover:text-lb500', 'focus:bg-lb50 focus:text-lb500 focus:ring-1 focus:ring-inset focus:ring-lb500', resolved === time
+                            }, className: cn('w-full text-left px-3 py-2 rounded-[5px] display14 transition-all cursor-pointer outline-none', 'hover:bg-mono50', 'focus:bg-tintBlue focus:text-lb500', resolved === time
                                 ? 'bg-neutral100 font-bold'
                                 : 'text-neutral800'), children: time }, time))) }) })] }) }));
 };

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

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

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

@@ -1 +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"}
+{"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;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,GAAI,oCAIhB,cAAc,4CAQhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/LDToast/LDToaster.js

@@ -1,7 +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 } });
+const LDToaster = ({ position = 'top-center', duration = 2500, toasterId, }) => {
+    return (_jsx(HotToaster, { position: position, toastOptions: { duration }, toasterId: toasterId }));
 };
 export default LDToaster;

package/dist/components/LDToggleButton/LDFormToggleButton.d.ts

@@ -4,9 +4,7 @@ interface LDFormToggleButtonProps extends Omit<LDToggleButtonProps, 'checked' |
     name: string;
     options?: RegisterOptions;
     customErrorMessage?: string;
-    isHiddenErrorMessage?: boolean;
-    errorClassName?: string;
 }
-declare const LDFormToggleButton: ({ name, options, customErrorMessage, isHiddenErrorMessage, errorClassName, disabled, ...props }: LDFormToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const LDFormToggleButton: ({ name, options, customErrorMessage, disabled, ...props }: LDFormToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default LDFormToggleButton;
 //# sourceMappingURL=LDFormToggleButton.d.ts.map

package/dist/components/LDToggleButton/LDFormToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LDFormToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/LDToggleButton/LDFormToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAI5E,UAAU,uBAAwB,SAAQ,IAAI,CAC5C,mBAAmB,EACnB,SAAS,GAAG,MAAM,GAAG,iBAAiB,CACvC;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,kBAAkB,GAAI,iGAQzB,uBAAuB,4CAgCzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"LDFormToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/LDToggleButton/LDFormToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,UAAU,uBAAwB,SAAQ,IAAI,CAC5C,mBAAmB,EACnB,SAAS,GAAG,MAAM,GAAG,iBAAiB,CACvC;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,kBAAkB,GAAI,2DAMzB,uBAAuB,4CAqBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/LDToggleButton/LDFormToggleButton.js

@@ -1,9 +1,8 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import LDToggleButton from './LDToggleButton.js';
 import FormField from '../LDForm/LDFormField.js';
-import FormErrorMessage from '../LDForm/LDFormErrorMessage.js';
-const LDFormToggleButton = ({ name, options, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, disabled = false, ...props }) => {
-    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, children: ({ field, fieldState }) => (_jsxs("div", { className: "relative", children: [_jsx(LDToggleButton, { ...props, checked: !!field.value, onCheckedChange: field.onChange, onBlur: field.onBlur, disabled: disabled, ref: field.ref, "aria-invalid": field['aria-invalid'], "aria-describedby": field['aria-describedby'] }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { id: fieldState.errorId, error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
+const LDFormToggleButton = ({ name, options, customErrorMessage = '', disabled = false, ...props }) => {
+    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, children: ({ field }) => (_jsx(LDToggleButton, { ...props, checked: !!field.value, onCheckedChange: field.onChange, onBlur: field.onBlur, disabled: disabled, ref: field.ref, "aria-invalid": field['aria-invalid'] })) }));
 };
 export default LDFormToggleButton;

package/dist/components/LDTooltip/LDTooltip.js

@@ -8,6 +8,6 @@ const LDTooltip = ({ children, content, side = 'top', align = 'center', classNam
     const shouldShow = content ? true : isTruncated;
     return (_jsx(TooltipBase.Provider, { children: _jsxs(TooltipBase.Root, { children: [_jsx(TooltipBase.Trigger, { asChild: true, children: _jsx("div", { className: cn('relative w-full', className), style: style, children: React.cloneElement(children, {
                             ref: textRef,
-                        }) }) }), shouldShow && (_jsxs(TooltipBase.Content, { side: side, align: align, className: "px-2 py-1 text-xs text-white whitespace-nowrap bg-gray-900 rounded", children: [tooltipContent, _jsx(TooltipBase.Arrow, { className: "fill-gray-900" })] }))] }) }));
+                        }) }) }), shouldShow && (_jsxs(TooltipBase.Content, { side: side, align: align, className: "px-2 py-1 text-xs text-white whitespace-nowrap bg-neutral900 rounded", children: [tooltipContent, _jsx(TooltipBase.Arrow, { className: "fill-neutral900" })] }))] }) }));
 };
 export default LDTooltip;

package/dist/components/LDTooltip/TooltipBase.d.ts

@@ -18,18 +18,22 @@ interface ContentProps {
     side?: 'top' | 'right' | 'bottom' | 'left';
     sideOffset?: number;
     align?: 'start' | 'center' | 'end';
+    arrowPadding?: number;
+    collisionPadding?: number;
     className?: string;
     children?: ReactNode;
 }
 interface ArrowProps {
     className?: string;
+    width?: number;
+    height?: number;
 }
 export declare const TooltipBase: {
     Provider: ({ delayDuration, children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
     Root: ({ open, defaultOpen, onOpenChange, children }: RootProps) => import("react/jsx-runtime").JSX.Element;
     Trigger: ({ asChild, className, children }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ side, sideOffset, align, className, children, }: ContentProps) => import("react/jsx-runtime").JSX.Element;
-    Arrow: ({ className }: ArrowProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ side, sideOffset, align, arrowPadding, collisionPadding, className, children, }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+    Arrow: ({ className, width, height }: ArrowProps) => import("react/jsx-runtime").JSX.Element;
     useTruncation: (deps?: React.DependencyList) => {
         ref: import("react").RefObject<HTMLElement | null>;
         isTruncated: boolean;

package/dist/components/LDTooltip/TooltipBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDTooltip/TooltipBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AA2BpE,UAAU,aAAa;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAeD,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,eAAO,MAAM,WAAW;4CAtF6B,aAAa;0DAgBL,SAAS;gDAmBnB,YAAY;iEAuB5D,YAAY;2BAwBe,UAAU;2BA7GX,KAAK,CAAC,cAAc;;;;CAwHhD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"TooltipBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDTooltip/TooltipBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AA2BpE,UAAU,aAAa;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAeD,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgCD,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAQD,eAAO,MAAM,WAAW;4CAhG6B,aAAa;0DAgBL,SAAS;gDAmBnB,YAAY;iGA2B5D,YAAY;0CA4B8B,UAAU;2BArH1B,KAAK,CAAC,cAAc;;;;CAkIhD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/LDTooltip/TooltipBase.js

@@ -29,11 +29,11 @@ const Root = ({ open, defaultOpen, onOpenChange, children }) => {
 const Trigger = ({ asChild, className, children }) => {
     return (_jsx(RadixTooltip.Trigger, { asChild: asChild, className: className, children: children }));
 };
-const Content = ({ side = 'top', sideOffset = 8, align = 'center', className, children, }) => {
-    return (_jsx(RadixTooltip.Portal, { children: _jsx(RadixTooltip.Content, { side: side, sideOffset: sideOffset, align: align, className: cn('z-50 outline-hidden', 'animate-fade-in data-[state=closed]:animate-fade-out', className), children: children }) }));
+const Content = ({ side = 'top', sideOffset = 8, align = 'center', arrowPadding = 4, collisionPadding = 8, className, children, }) => {
+    return (_jsx(RadixTooltip.Portal, { children: _jsx(RadixTooltip.Content, { side: side, sideOffset: sideOffset, align: align, arrowPadding: arrowPadding, collisionPadding: collisionPadding, className: cn('z-50 outline-hidden', 'animate-fade-in data-[state=closed]:animate-fade-out', className), children: children }) }));
 };
-const Arrow = ({ className }) => {
-    return _jsx(RadixTooltip.Arrow, { className: className });
+const Arrow = ({ className, width, height }) => {
+    return (_jsx(RadixTooltip.Arrow, { className: className, width: width, height: height }));
 };
 export const TooltipBase = {
     Provider,