@loword/loword-design-system 0.0.10 → 0.0.13

package/dist/components/LDSelect/LDMultiSelect.js

@@ -1,59 +1,63 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import SelectBase from './SelectBase.js';
-import LucideIcon from '../Icon/LucideIcon.js';
 import cn from '../../utils/cn.js';
-// ── variant × color 조합 ──
+import { Check, ChevronDown, X } from 'lucide-react';
+// ── variant × color 조합 (LDSelect와 동일) ──
 const variantColorClasses = {
     filled: {
-        neutral: 'bg-neutral5 text-neutral100 border-[0.5px] border-mono200 data-[state=open]:border-lb500',
-        point: 'bg-neutral5 text-neutral100 border-[0.5px] border-mono200 data-[state=open]:border-lb500',
-        danger: 'bg-tintRed text-neutral100 border-[0.5px] border-transparent data-[state=open]:border-red500',
+        neutral: 'bg-neutral50 text-neutral900 border-none outline-2 outline-transparent [outline-style:solid] [outline-offset:-2px] focus:bg-tintBlue focus:outline-lb500',
+        point: 'bg-tintBlue text-neutral900 border-none outline-2 outline-transparent [outline-style:solid] [outline-offset:-2px] focus:outline-lb500',
+        danger: 'bg-tintRed text-neutral900 border-none outline-2 outline-transparent [outline-style:solid] [outline-offset:-2px] outline-danger600',
     },
     outline: {
-        neutral: 'bg-transparent text-neutral100 border border-neutral100 data-[state=open]:border-lb500',
-        point: 'bg-transparent text-neutral100 border border-neutral100 data-[state=open]:border-lb500',
-        danger: 'bg-transparent text-neutral100 border border-danger100 data-[state=open]:border-red500',
-    },
-    ghost: {
-        neutral: 'bg-transparent text-neutral100 border-[0.5px] border-transparent data-[state=open]:border-lb500 hover:bg-neutral5',
-        point: 'bg-transparent text-neutral100 border-[0.5px] border-transparent data-[state=open]:border-lb500 hover:bg-neutral5',
-        danger: 'bg-transparent text-danger500 border-[0.5px] border-transparent data-[state=open]:border-red500 hover:bg-tintRed',
+        neutral: 'bg-transparent text-neutral900 border-none outline-2 outline-neutral100 [outline-style:solid] [outline-offset:-2px] focus:outline-lb500',
+        point: 'bg-transparent text-neutral900 border-none outline-2 outline-lb500 [outline-style:solid] [outline-offset:-2px]',
+        danger: 'bg-transparent text-neutral900 border-none outline-2 outline-danger600 [outline-style:solid] [outline-offset:-2px]',
     },
 };
 const disabledVariantClasses = {
-    filled: 'bg-mono20 text-neutral20',
-    outline: 'bg-transparent text-neutral20 border border-mono20',
-    ghost: 'bg-transparent text-neutral20',
+    filled: 'bg-mono100 text-neutral300 border-none',
+    outline: 'bg-mono100 text-neutral300 border-none',
 };
+// 칩이 줄바꿈될 수 있어 트리거·아이템 모두 min-height 기반(select-item-*)
 const sizeClasses = {
-    xs: 'min-h-[38px] display14',
-    sm: 'min-h-10 display14',
-    md: 'min-h-[56px] display16',
-    lg: 'min-h-[62px] display18',
+    '2xsmall': 'select-item-2xs',
+    xsmall: 'select-item-xs',
+    small: 'select-item-sm',
+    medium: 'select-item-md',
+    large: 'select-item-lg',
+    xlarge: 'select-item-xl',
 };
 const iconSizes = {
-    xs: 15,
-    sm: 15,
-    md: 16,
-    lg: 16,
+    '2xsmall': 10,
+    xsmall: 12,
+    small: 14,
+    medium: 16,
+    large: 18,
+    xlarge: 20,
+};
+const alignClasses = {
+    left: 'justify-start',
+    center: 'justify-center',
+    right: 'justify-end',
 };
-const LDMultiSelect = ({ items, placeholder = '선택하세요', value = [], onChange, disabled = false, name, variant, color = 'neutral', size, maxDisplay = 2, truncate = true, className, style, contentClassName, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }) => {
-    const iconSize = iconSizes[size ?? 'sm'];
+const LDMultiSelect = ({ items, placeholder = '선택해주세요', value = [], onChange, disabled = false, name, variant, color = 'neutral', size, align = 'left', maxDisplay = 2, truncate = true, className, style, contentClassName, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }) => {
+    const iconSize = iconSizes[size ?? 'medium'];
     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: "flex flex-1 bold display14 justify-center text-neutral900", placeholderClassName: "text-neutral200" }), _jsx(LucideIcon, { name: "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: "flex flex-1 flex-wrap gap-1.5 items-center justify-start text-left", 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-[4px] display12 text-neutral900 shadow-sm", 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) {
                                                     onChange?.(value.filter((val) => val !== v));
                                                 }
-                                            }, className: "ml-1 text-neutral900 hover:text-neutral800 cursor-pointer flex items-center justify-center", children: _jsx(LucideIcon, { name: "x", size: 14 }) })] }, v));
-                            })) }), _jsx(LucideIcon, { name: "chevronDown", size: iconSize, className: "text-neutral500 shrink-0" })] })) }), _jsx(SelectBase.Content, { className: cn('rounded-[5px] bg-mono5 border border-mono200 p-2 flex flex-col gap-[2px]', 'origin-top overflow-hidden ld-transition', contentClassName), openClassName: "max-h-[230px] opacity-100 translate-y-0 overflow-y-auto scrollbar-none", closedClassName: "max-h-0 opacity-0 -translate-y-1 pointer-events-none", children: items.map((opt) => {
+                                            }, 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 hover:bg-neutral5 py-xs px-sm rounded-[5px] display14 regular transition-all duration-200 outline-none', 'focus:bg-neutral5 focus:ring-1 focus:ring-inset focus:ring-lb500', 'flex items-center gap-2', isSelected && 'bg-neutral5'), children: [_jsx("div", { className: cn('w-4 h-4 rounded border flex items-center justify-center transition-all', isSelected ? 'bg-lb500 border-lb500' : 'border-neutral20'), children: isSelected && (_jsx(LucideIcon, { name: "check", size: 12, className: "text-white" })) }), _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

@@ -1,8 +1,9 @@
 import type { CSSProperties } from 'react';
 import { type SelectOption } from './SelectBase.js';
-type SelectVariant = 'filled' | 'outline' | 'ghost';
+type SelectVariant = 'filled' | 'outline';
 type SelectColor = 'neutral' | 'point' | 'danger';
-type SelectSize = 'xs' | 'sm' | 'md' | 'lg';
+type SelectSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type SelectAlign = 'left' | 'center' | 'right';
 export interface LDSelectProps {
     /** 선택 옵션 목록 ({ value, label }) */
     items: SelectOption[];
@@ -24,6 +25,8 @@ export interface LDSelectProps {
     color?: SelectColor;
     /** 드롭다운 높이 및 폰트 크기 프리셋 */
     size?: SelectSize;
+    /** 트리거에 표시되는 선택값/placeholder의 정렬 (기본 left) */
+    align?: SelectAlign;
     /** 추가 CSS 클래스 */
     className?: string;
     /** 인라인 스타일 */
@@ -36,6 +39,6 @@ export interface LDSelectProps {
     'aria-describedby'?: string;
 }
 export type { SelectOption };
-declare const LDSelect: ({ items, placeholder, value, defaultValue, onChange, disabled, name, variant, color, size, className, style, contentClassName, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }: LDSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const LDSelect: ({ items, placeholder, value, defaultValue, onChange, disabled, name, variant, color, size, align, className, style, contentClassName, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }: LDSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default LDSelect;
 //# sourceMappingURL=LDSelect.d.ts.map

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,GAAG,OAAO,CAAC;AACpD,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAwD5C,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,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,oMAgBf,aAAa,4CAyEf,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,54 +1,61 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import SelectBase from './SelectBase.js';
-import LucideIcon from '../Icon/LucideIcon.js';
 import cn from '../../utils/cn.js';
-// ── variant × color 조합 (LDDropdown 기준) ──
+import { ChevronDown, ChevronUp } from 'lucide-react';
 const variantColorClasses = {
     filled: {
-        neutral: 'bg-neutral50 text-neutral900 border-[0.5px] border-transparent data-[state=open]:border-lb500',
-        point: 'bg-neutral50 text-neutral900 border-[0.5px] border-transparent data-[state=open]:border-lb500',
-        danger: 'bg-tintRed text-neutral900 border-[0.5px] border-transparent data-[state=open]:border-red500',
+        neutral: 'bg-neutral50 text-neutral900 border-none outline-2 outline-transparent [outline-style:solid]',
+        point: 'bg-tintBlue text-neutral900 border-none outline-2 outline-transparent [outline-style:solid] [outline-offset:-2px] focus:outline-lb500',
+        danger: 'bg-tintRed text-neutral900 border-none outline-2 outline-transparent [outline-style:solid] [outline-offset:-2px] outline-danger600',
     },
     outline: {
-        neutral: 'bg-transparent text-neutral900 border border-neutral100 data-[state=open]:border-lb500',
-        point: 'bg-transparent text-neutral900 border border-neutral100 data-[state=open]:border-lb500',
-        danger: 'bg-transparent text-neutral900 border border-danger100 data-[state=open]:border-red500',
-    },
-    ghost: {
-        neutral: 'bg-transparent text-neutral900 border-[0.5px] border-transparent data-[state=open]:border-lb500 hover:bg-neutral50',
-        point: 'bg-transparent text-neutral900 border-[0.5px] border-transparent data-[state=open]:border-lb500 hover:bg-neutral50',
-        danger: 'bg-transparent text-danger500 border-[0.5px] border-transparent data-[state=open]:border-red500 hover:bg-tintRed',
+        neutral: 'bg-transparent text-neutral900 border-none outline-2 outline-neutral100 [outline-style:solid] [outline-offset:-2px] focus:outline-lb500',
+        point: 'bg-transparent text-neutral900 border-none outline-2 outline-lb500 [outline-style:solid] [outline-offset:-2px]',
+        danger: 'bg-transparent text-neutral900 border-none outline-2 outline-danger600 [outline-style:solid] [outline-offset:-2px]',
     },
 };
-// ── disabled 시 variant별 스타일 ──
 const disabledVariantClasses = {
-    filled: 'bg-mono300 text-neutral300',
-    outline: 'bg-transparent text-neutral300 border border-mono300',
-    ghost: 'bg-transparent text-neutral300',
+    filled: 'bg-mono100 text-neutral300 border-none',
+    outline: 'bg-mono100 text-neutral300 border-none',
 };
-// ── size (LDDropdown: display14, h-[38px] 기준) ──
 const sizeClasses = {
-    xs: 'h-[38px] display14',
-    sm: 'h-10 display14',
-    md: 'h-[56px] display16',
-    lg: 'h-[62px] display18',
+    '2xsmall': 'select-2xs',
+    xsmall: 'select-xs',
+    small: 'select-sm',
+    medium: 'select-md',
+    large: 'select-lg',
+    xlarge: 'select-xl',
+};
+const itemSizeClasses = {
+    '2xsmall': 'select-item-2xs',
+    xsmall: 'select-item-xs',
+    small: 'select-item-sm',
+    medium: 'select-item-md',
+    large: 'select-item-lg',
+    xlarge: 'select-item-xl',
 };
 const iconSizes = {
-    xs: 15,
-    sm: 15,
-    md: 16,
-    lg: 16,
+    '2xsmall': 10,
+    xsmall: 12,
+    small: 14,
+    medium: 16,
+    large: 18,
+    xlarge: 20,
+};
+const alignClasses = {
+    left: 'justify-start',
+    center: 'justify-center',
+    right: 'justify-end',
 };
-const LDSelect = ({ items, placeholder = '선택하세요', value, defaultValue, onChange, disabled = false, name, variant, color = 'neutral', size, className, style, contentClassName, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }) => {
-    const iconSize = iconSizes[size ?? 'sm'];
-    // value가 items에 매칭되지 않으면 undefined (Value가 placeholder 표시)
+const LDSelect = ({ items, placeholder = '선택해주세요', value, defaultValue, onChange, disabled = false, name, variant, color = 'neutral', size, align = 'left', className, style, contentClassName, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }) => {
+    const iconSize = iconSizes[size ?? 'medium'];
     const resolvedValue = items.some((item) => item.value === value)
         ? value
         : undefined;
     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]), size && sizeClasses[size], disabled && 'cursor-not-allowed disabled:cursor-not-allowed', className), children: _jsxs("div", { className: "flex gap-sm items-center w-full justify-center px-3", children: [_jsx(SelectBase.Value, { placeholder: placeholder, className: "flex flex-1 bold justify-center" }), _jsx(LucideIcon, { name: "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', 'origin-top overflow-hidden ld-transition', contentClassName), openClassName: "max-h-[230px] opacity-100 translate-y-0 overflow-y-auto scrollbar-none", closedClassName: "max-h-0 opacity-0 -translate-y-1 pointer-events-none", children: items.map((opt) => (_jsx(SelectBase.Item, { value: opt.value, 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', 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/LDSelect/SelectBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDSelect/SelectBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAsCf,UAAU,SAAS;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAsGD,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAyDD,UAAU,UAAU;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA8CD,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4DD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4FD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAeD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU;4IAhYpB,SAAS;iHAqGT,YAAY;+DA2DZ,UAAU;wEAoDV,YAAY;sDA2D0C,SAAS;6BAqFlC;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE;6CAUR,kBAAkB;CA0BjE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"SelectBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDSelect/SelectBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAsCf,UAAU,SAAS;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAsGD,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AA8DD,UAAU,UAAU;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA8CD,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAyDD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuGD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAeD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU;4IA7YpB,SAAS;iHAqGT,YAAY;+DAgEZ,UAAU;wEAoDV,YAAY;sDAwD0C,SAAS;6BAgGlC;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE;6CAUR,kBAAkB;CA0BjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/LDSelect/SelectBase.js

@@ -82,16 +82,21 @@ const Trigger = ({ className, style, children, 'aria-invalid': ariaInvalid, 'ari
                 e.preventDefault();
                 if (!open) {
                     setOpen(true);
+                    return;
+                }
+                const listbox = document.getElementById(listboxId);
+                if (e.key === 'ArrowDown') {
+                    listbox?.querySelector('[role="option"]')?.focus();
                 }
-                else if (e.key === 'ArrowDown') {
-                    const listbox = document.getElementById(listboxId);
-                    const firstOption = listbox?.querySelector('[role="option"]');
-                    firstOption?.focus();
+                else if (e.key === 'Enter' || e.key === ' ') {
+                    const target = (listbox?.querySelector('[role="option"][data-highlighted]') ??
+                        listbox?.querySelector('[role="option"][aria-selected="true"]') ??
+                        listbox?.querySelector('[role="option"]'));
+                    target?.click();
                 }
             }
             else if (e.key === 'Escape') {
                 setOpen(false);
-                // 닫힐 때 트리거로 포커스 이동을 위해 버튼을 찾음
                 e.currentTarget.focus();
             }
         }, style: style, className: cn('w-full flex justify-center items-center', className), children: children }));
@@ -134,8 +139,6 @@ const Content = ({ className, openClassName, closedClassName, children, }) => {
             };
             // 즉시 포커스 (키보드 대응)
             setTimeout(focusAndScroll, 0);
-            // 트랜지션(약 200ms) 후 스크롤 재조정 (max-height가 0일 때 scrollIntoView가 씹히는 문제 방지)
-            setTimeout(focusAndScroll, 200);
         }
     }, [open, listboxId]);
     return (_jsx("ul", { id: listboxId, role: "listbox", tabIndex: -1, "aria-hidden": !open, "aria-multiselectable": multiple || undefined, "data-state": open ? 'open' : 'closed', className: cn('absolute z-50 w-full mt-1', className, open ? openClassName : closedClassName), children: children }));
@@ -182,6 +185,17 @@ const Item = ({ value: itemValue, className, children }) => {
                         e.preventDefault();
                         e.currentTarget.previousElementSibling?.focus();
                         break;
+                    case 'Tab': {
+                        e.preventDefault();
+                        const parent = e.currentTarget.parentElement;
+                        const target = e.shiftKey
+                            ? (e.currentTarget.previousElementSibling ??
+                                parent?.lastElementChild)
+                            : (e.currentTarget.nextElementSibling ??
+                                parent?.firstElementChild);
+                        target?.focus();
+                        break;
+                    }
                 }
             }, className: cn('relative flex items-center outline-none cursor-pointer', className), children: children }) }));
 };

package/dist/components/LDSpinner/LDSpinner.d.ts

@@ -1,4 +1,4 @@
-export type SpinnerSize = 'xSmall' | 'small' | 'medium' | 'large' | 'big' | 'xLarge';
+export type SpinnerSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 export interface LDSpinnerProps {
     /**
      * LDSpinner의 크기를 지정합니다. 프리셋 이름이나 숫자(px)를 사용할 수 있습니다. (기본값: 'large' / 24px)

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

@@ -1 +1 @@
-{"version":3,"file":"LDSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LDSpinner/LDSpinner.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,CAAC;AAWb,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,sCAKhB,cAAc,4CAYhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"LDSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LDSpinner/LDSpinner.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAWb,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,sCAKhB,cAAc,4CAYhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/LDSpinner/LDSpinner.js

@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { LoaderIcon, LoaderCircleIcon } from 'lucide-react';
 import cn from '../../utils/cn.js';
 const sizeMap = {
-    xSmall: 12,
-    small: 16,
-    medium: 20,
-    large: 24,
-    big: 32,
-    xLarge: 48,
+    '2xsmall': 12,
+    xsmall: 16,
+    small: 20,
+    medium: 24,
+    large: 32,
+    xlarge: 48,
 };
 /**
  * 디자인 시스템 표준을 따르는 LDSpinner 컴포넌트입니다.

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,8 +10,7 @@ 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 min-w-full', classNames?.root),
+                    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) => {
                                 const h = getHeader(header);
@@ -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

@@ -56,7 +56,7 @@ export interface TableFieldRenderProps<TData> {
         id: string;
         canSort: boolean;
         isSorted: false | 'asc' | 'desc';
-        size: number;
+        size?: number;
         toggleSortingHandler: ((event: unknown) => void) | undefined;
         resizeHandler: (event: unknown) => void;
         renderHeader: () => ReactNode;

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

package/dist/components/LDTextarea/LDFormTextarea.d.ts

@@ -0,0 +1,14 @@
+import { type Ref } from 'react';
+import { type RegisterOptions } from 'react-hook-form';
+import { type LDTextareaProps } from './LDTextarea.js';
+interface LDFormTextareaProps extends Omit<LDTextareaProps, 'name' | 'color' | 'onChange' | 'value' | 'onBlur'> {
+    name: string;
+    options?: RegisterOptions;
+    ref?: Ref<HTMLTextAreaElement>;
+    customErrorMessage?: string;
+    isHiddenErrorMessage?: boolean;
+    errorClassName?: string;
+}
+declare const LDFormTextarea: ({ name, options, variant, disabled, ref, customErrorMessage, isHiddenErrorMessage, errorClassName, ...props }: LDFormTextareaProps) => import("react/jsx-runtime").JSX.Element;
+export default LDFormTextarea;
+//# sourceMappingURL=LDFormTextarea.d.ts.map

package/dist/components/LDTextarea/LDFormTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LDFormTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/LDTextarea/LDFormTextarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAKhE,UAAU,mBAAoB,SAAQ,IAAI,CACxC,eAAe,EACf,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CACnD;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,+GAUrB,mBAAmB,4CAmCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/LDTextarea/{FormTextarea.js → LDFormTextarea.js}

@@ -4,7 +4,7 @@ import LDTextarea from './LDTextarea.js';
 import FormField from '../LDForm/LDFormField.js';
 import FormErrorMessage from '../LDForm/LDFormErrorMessage.js';
 import cn from '../../utils/cn.js';
-const FormTextarea = ({ name, options, variant = 'filled', disabled = false, ref, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, ...props }) => {
+const LDFormTextarea = ({ name, options, variant = 'filled', disabled = false, ref, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, ...props }) => {
     return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, ref: ref, children: ({ field, fieldState }) => (_jsxs("div", { className: "relative", children: [_jsx(LDTextarea, { ...props, ...field, value: field.value ?? '', variant: variant, color: fieldState.hasError ? 'danger' : 'neutral', disabled: disabled, "aria-invalid": fieldState.hasError, "aria-describedby": fieldState.hasError ? fieldState.errorId : undefined }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { id: fieldState.errorId, error: fieldState.error, disabled: disabled, className: cn('static mt-1 text-right', errorClassName) }))] })) }));
 };
-export default FormTextarea;
+export default LDFormTextarea;

package/dist/components/LDTextarea/LDTextarea.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode, type Ref, type TextareaHTMLAttributes } from 'react';
 type TextareaVariant = 'filled' | 'outline' | 'ghost';
 type TextareaColor = 'neutral' | 'point' | 'danger';
-export type TextareaSize = 'xSmall' | 'small' | 'medium' | 'large' | 'big' | 'xLarge';
+export type TextareaSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 type TextareaResize = 'normal' | 'limit' | 'fixed' | 'manual';
 type TextareaContentVariant = 'characterCounter' | 'badge' | 'chip' | 'icon' | 'iconButton' | 'primaryIconButton' | 'textButton';
 export interface TextareaContentProps extends HTMLAttributes<HTMLSpanElement> {

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

@@ -1 +1 @@
-{"version":3,"file":"LDTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/LDTextarea/LDTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAGf,KAAK,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACtD,KAAK,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,CAAC;AAEb,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9D,KAAK,sBAAsB,GACvB,kBAAkB,GAClB,OAAO,GACP,MAAM,GACN,MAAM,GACN,YAAY,GACZ,mBAAmB,GACnB,YAAY,CAAC;AAEjB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC3E,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAYD,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CAMtB,CAAC;AA6EF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,OAAO,GAAG,MAAM,CACjB;IACC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,8HAqMf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"LDTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/LDTextarea/LDTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAGf,KAAK,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACtD,KAAK,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9D,KAAK,sBAAsB,GACvB,kBAAkB,GAClB,OAAO,GACP,MAAM,GACN,MAAM,GACN,YAAY,GACZ,mBAAmB,GACnB,YAAY,CAAC;AAEjB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC3E,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAYD,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CAMtB,CAAC;AA6EF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,OAAO,GAAG,MAAM,CACjB;IACC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,8HAqMf,CAAC;AAEF,eAAe,UAAU,CAAC"}