@loword/loword-design-system 0.0.10 → 0.0.13

package/dist/components/LDTextarea/LDTextarea.js

@@ -32,49 +32,49 @@ const fieldVariantColorClasses = {
 };
 const interactionVariantColorClasses = {
     filled: {
-        neutral: 'border-transparent',
-        point: 'border-transparent',
-        danger: 'border-transparent',
+        neutral: 'outline-transparent',
+        point: 'outline-transparent',
+        danger: 'outline-transparent',
     },
     outline: {
-        neutral: 'border-2 border-mono200',
-        point: 'border-2 border-lb500',
-        danger: 'border-2 border-danger500',
+        neutral: 'outline-2 outline-mono200',
+        point: 'outline-2 outline-lb500',
+        danger: 'outline-2 outline-danger500',
     },
     ghost: {
-        neutral: 'border-transparent group-hover:border-2',
-        point: 'border-transparent group-hover:border-2',
-        danger: 'border-transparent',
+        neutral: 'outline-transparent group-hover:outline-2',
+        point: 'outline-transparent group-hover:outline-2',
+        danger: 'outline-transparent',
     },
 };
 const focusedColorClasses = {
-    neutral: 'border-2 border-lb500',
-    point: 'border-2 border-lb500',
-    danger: 'border-2 border-danger500',
+    neutral: 'outline-2 outline-lb500',
+    point: 'outline-2 outline-lb500',
+    danger: 'outline-2 outline-danger500',
 };
 const fieldSizeClasses = {
-    xSmall: 'gap-1 rounded-[6px] px-1 py-1',
-    small: 'gap-1.5 rounded-[6px] px-1.5 py-1.5',
-    medium: 'gap-2 rounded-[6px] px-2.5 py-2',
-    large: 'gap-2.5 rounded-[8px] px-3 py-2.5',
-    big: 'gap-3 rounded-[10px] px-4 py-3',
-    xLarge: 'gap-3 rounded-[16px] px-5 py-4',
+    '2xsmall': 'gap-1 rounded-[6px] px-1 py-1',
+    xsmall: 'gap-1.5 rounded-[6px] px-1.5 py-1.5',
+    small: 'gap-2 rounded-[6px] px-2.5 py-2',
+    medium: 'gap-2.5 rounded-[8px] px-3 py-2.5',
+    large: 'gap-3 rounded-[10px] px-4 py-3',
+    xlarge: 'gap-3 rounded-[16px] px-5 py-4',
 };
 const textareaSizeClasses = {
-    xSmall: 'display10',
-    small: 'display12',
-    medium: 'display14',
-    large: 'display16',
-    big: 'display18',
-    xLarge: 'display20',
+    '2xsmall': 'display10',
+    xsmall: 'display12',
+    small: 'display14',
+    medium: 'display16',
+    large: 'display18',
+    xlarge: 'display20',
 };
 const interactionRadiusClasses = {
-    xSmall: 'rounded-[6px]',
+    '2xsmall': 'rounded-[6px]',
+    xsmall: 'rounded-[6px]',
     small: 'rounded-[6px]',
-    medium: 'rounded-[6px]',
-    large: 'rounded-[8px]',
-    big: 'rounded-[10px]',
-    xLarge: 'rounded-[16px]',
+    medium: 'rounded-[8px]',
+    large: 'rounded-[10px]',
+    xlarge: 'rounded-[16px]',
 };
 const LDTextarea = forwardRef(function LDTextarea({ bottom = true, variant = 'filled', color = 'neutral', size = 'medium', resize = 'normal', minRows = 3, maxRows = 8, rows = 3, maxLength, counterMaxLength, leadingContent, disabled, readOnly, value, defaultValue, onChange, onCompositionEnd, onFocus, onBlur, className, style, ...props }, ref) {
     const isControlled = value !== undefined;
@@ -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 border transition-[border-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/LDFormTimePicker.d.ts

@@ -0,0 +1,12 @@
+import { type RegisterOptions } from 'react-hook-form';
+import { type LDTimePickerProps } from './LDTimePicker.js';
+interface LDFormTimePickerProps extends Omit<LDTimePickerProps, 'value' | 'onChange'> {
+    name: string;
+    options?: RegisterOptions;
+    customErrorMessage?: string;
+    isHiddenErrorMessage?: boolean;
+    errorClassName?: string;
+}
+declare const LDFormTimePicker: ({ name, options, customErrorMessage, isHiddenErrorMessage, errorClassName, disabled, block, ...props }: LDFormTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default LDFormTimePicker;
+//# sourceMappingURL=LDFormTimePicker.d.ts.map

package/dist/components/LDTimePicker/LDFormTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LDFormTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LDTimePicker/LDFormTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKtE,UAAU,qBAAsB,SAAQ,IAAI,CAC1C,iBAAiB,EACjB,OAAO,GAAG,UAAU,CACrB;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,gBAAgB,GAAI,wGASvB,qBAAqB,4CA+BvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/LDTimePicker/{FormTimePicker.js → LDFormTimePicker.js}

@@ -4,9 +4,9 @@ import LDTimePicker from './LDTimePicker.js';
 import FormField from '../LDForm/LDFormField.js';
 import FormErrorMessage from '../LDForm/LDFormErrorMessage.js';
 import cn from '../../utils/cn.js';
-const FormTimePicker = ({ name, options, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, disabled = false, block = false, ...props }) => {
-    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, children: ({ field, fieldState }) => (_jsxs("div", { className: cn('relative border-2 border-transparent', block ? 'w-full' : 'w-auto'), children: [_jsx(LDTimePicker, { ...props, block: block, value: field.value ?? '', onChange: (time) => {
+const LDFormTimePicker = ({ name, options, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, disabled = false, block = false, ...props }) => {
+    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, children: ({ field, fieldState }) => (_jsxs("div", { className: cn('relative', block ? 'w-full' : 'w-auto'), children: [_jsx(LDTimePicker, { ...props, block: block, value: field.value ?? '', onChange: (time) => {
                         field.onChange(time);
                     }, disabled: disabled, color: fieldState.hasError ? 'danger' : 'neutral' }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
 };
-export default FormTimePicker;
+export default LDFormTimePicker;

package/dist/components/LDTimePicker/LDTimePicker.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState, useRef } from 'react';
 import PopoverBase from '../LDPopover/PopoverBase.js';
-import LucideIcon from '../Icon/LucideIcon.js';
 import cn from '../../utils/cn.js';
+import { Clock, Pencil } from 'lucide-react';
 /** 시간 입력 자동 포맷팅 (1212 -> 12:12) */
 const formatTimeInput = (value) => {
     const numbers = value.replace(/\D/g, '');
@@ -92,7 +92,7 @@ const LDTimePicker = ({ value, defaultValue, onChange, placeholder = 'HH:MM', di
                                             e.preventDefault();
                                             handlePencilClick(e);
                                         }
-                                    }, className: cn('p-0 transition-colors cursor-pointer', isEditable ? 'text-lb500' : 'text-neutral500'), children: _jsx(LucideIcon, { name: "pencil", size: 15 }) }), _jsx(LucideIcon, { name: "clock", size: 15, className: "text-neutral500" })] })] }), _jsx(PopoverBase.Content, { className: "rounded-md border border-neutral-200 bg-white shadow-md p-0", style: { width: 'var(--radix-popover-trigger-width)' }, onOpenAutoFocus: (e) => {
+                                    }, className: cn('p-0 transition-colors cursor-pointer', isEditable ? 'text-lb500' : 'text-neutral500'), children: _jsx(Pencil, { size: 15 }) }), _jsx(Clock, { size: 15, className: "text-neutral500" })] })] }), _jsx(PopoverBase.Content, { className: "rounded-md border border-neutral-200 bg-white shadow-md p-0", style: { width: 'var(--radix-popover-trigger-width)' }, onOpenAutoFocus: (e) => {
                         e.preventDefault();
                         const targetTime = timeOptions.find((t) => t >= (resolved || '00:00')) ||
                             timeOptions[0];
@@ -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/LDToast.js

@@ -21,7 +21,7 @@ export const LDToast = {
     warning: (content) => {
         toast.dismiss();
         return toast(content, {
-            icon: (_jsx("div", { className: "flex justify-center items-center w-5 h-5 bg-yellow-400 rounded-full text-mono5", children: "!" })),
+            icon: (_jsx("div", { className: "flex justify-center items-center w-5 h-5 bg-yellow-400 rounded-full text-white", children: "!" })),
         });
     },
     /** 로딩 상태 메시지를 표시합니다 */

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

@@ -0,0 +1,10 @@
+import { type RegisterOptions } from 'react-hook-form';
+import { type LDToggleButtonProps } from './LDToggleButton.js';
+interface LDFormToggleButtonProps extends Omit<LDToggleButtonProps, 'checked' | 'name' | 'onCheckedChange'> {
+    name: string;
+    options?: RegisterOptions;
+    customErrorMessage?: string;
+}
+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

@@ -0,0 +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;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

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import LDToggleButton from './LDToggleButton.js';
+import FormField from '../LDForm/LDFormField.js';
+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,