@loword/loword-design-system 0.0.10 → 0.0.13

package/src/styles/components/shared.css

@@ -16,12 +16,12 @@
   --control-radius-xl: var(--radius_16);
 
   /* icon size (≈ height * 0.5) */
-  --control-icon-2xs: 8px;
-  --control-icon-xs: 12px;
-  --control-icon-sm: 16px;
-  --control-icon-md: 20px;
-  --control-icon-lg: 24px;
-  --control-icon-xl: 28px;
+  --control-icon-2xs: 6px;
+  --control-icon-xs: 8px;
+  --control-icon-sm: 12px;
+  --control-icon-md: 16px;
+  --control-icon-lg: 20px;
+  --control-icon-xl: 24px;
 
   /* gap (text ↔ icon) */
   --control-gap-2xs: var(--spacing_2);

package/src/styles/motion.css

@@ -75,6 +75,68 @@
   }
 }
 
+/* ==================== bell ==================== */
+/* 벨 흔들림 모션 */
+@utility animate-bell {
+  animation: bell-ring 600ms ease-in-out;
+  transform-origin: top center;
+}
+
+@keyframes bell-ring {
+  0% {
+    transform: rotate(0deg);
+  }
+  10% {
+    transform: rotate(20deg);
+  }
+  25% {
+    transform: rotate(-18deg);
+  }
+  40% {
+    transform: rotate(14deg);
+  }
+  55% {
+    transform: rotate(-10deg);
+  }
+  70% {
+    transform: rotate(6deg);
+  }
+  85% {
+    transform: rotate(-3deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+
+/* ==================== accordion ==================== */
+/* 아코디언 높이 펼침/접힘 (Radix가 --radix-accordion-content-height 노출) */
+@utility accordion-down {
+  animation: accordion-down 300ms ease-in-out;
+}
+
+@utility accordion-up {
+  animation: accordion-up 300ms ease-in-out;
+}
+
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+
+@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+
 /* ==================== plan ==================== */
 /* plan 패널 등장/퇴장 */
 @utility plan-enter {
@@ -226,6 +288,24 @@
   }
 }
 
+@keyframes fade-in-50 {
+  from {
+    opacity: 0.5;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-in-75 {
+  from {
+    opacity: 0.75;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 @utility animate-fade-in {
   animation: fade-in 300ms ease-out forwards;
 }
@@ -233,3 +313,38 @@
 @utility animate-fade-out {
   animation: fade-out 300ms ease-out forwards;
 }
+
+@utility animate-fade-in-50 {
+  animation: fade-in-50 300ms ease-out forwards;
+}
+
+@utility animate-fade-in-75 {
+  animation: fade-in-75 300ms ease-out forwards;
+}
+
+@keyframes day-picker-color-in {
+  from {
+    background-color: var(--color-lb50);
+  }
+  to {
+    background-color: var(--color-tintBlue);
+  }
+}
+
+@keyframes day-picker-range-color-in {
+  from {
+    background-color: var(--color-white);
+    color: var(--color-neutral900);
+  }
+  to {
+    background-color: var(--color-mono50);
+  }
+}
+
+@utility animate-day-picker-color-in {
+  animation: day-picker-color-in 300ms ease-out;
+}
+
+@utility animate-day-range-picker-color-in {
+  animation: day-picker-range-color-in 300ms ease-out;
+}

package/src/theme.css

@@ -17,3 +17,6 @@
 @import './styles/layout.css';
 @import './styles/gradient.css';
 @import './styles/motion.css';
+@import './styles/responsive.css';
+@import './styles/focus.css';
+@import './styles/scrollbar.css';

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

@@ -1,12 +0,0 @@
-import { type LucideIcon as LucideIconType } from 'lucide-react';
-declare const LUCIDE_ICONS: Record<string, LucideIconType>;
-export type IconName = keyof typeof LUCIDE_ICONS;
-interface ILucideIconProps {
-    name: IconName;
-    className?: string;
-    strokeWidth?: number;
-    size?: number;
-}
-declare const LucideIcon: ({ name, strokeWidth, className, size, }: ILucideIconProps) => import("react/jsx-runtime").JSX.Element | null;
-export default LucideIcon;
-//# sourceMappingURL=LucideIcon.d.ts.map

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

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

package/dist/components/Icon/LucideIcon.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ArrowLeft, ArrowRight, Check, ChevronLeft, ChevronRight, ChevronDown, ChevronUp, Copy, Ellipsis, Pencil, Plus, Search, Trash, Trash2, X, ArrowUpRight, Wand, CloudDownload, Calendar, RefreshCw, Settings, RotateCw, Clock, EyeClosed, Minus, Eye, EyeOff, CircleAlert, EllipsisVertical, Images, File, FileText, FileImage, FileSpreadsheet, FileJson, FileArchive, Repeat, } from 'lucide-react';
-const LUCIDE_ICONS = {
-    arrowLeft: ArrowLeft,
-    arrowRight: ArrowRight,
-    check: Check,
-    chevronLeft: ChevronLeft,
-    chevronRight: ChevronRight,
-    chevronDown: ChevronDown,
-    chevronUp: ChevronUp,
-    copy: Copy,
-    ellipsis: Ellipsis,
-    pencil: Pencil,
-    plus: Plus,
-    search: Search,
-    trash: Trash,
-    trash2: Trash2,
-    x: X,
-    arrowUpRight: ArrowUpRight,
-    wand: Wand,
-    cloudDownload: CloudDownload,
-    calendar: Calendar,
-    refreshCw: RefreshCw,
-    settings: Settings,
-    rotateCw: RotateCw,
-    clock: Clock,
-    minus: Minus,
-    eyeClosed: EyeClosed,
-    eye: Eye,
-    eyeOff: EyeOff,
-    circleAlert: CircleAlert,
-    ellipsisVertical: EllipsisVertical,
-    images: Images,
-    file: File,
-    fileText: FileText,
-    fileImage: FileImage,
-    fileSpreadsheet: FileSpreadsheet,
-    fileJson: FileJson,
-    fileArchive: FileArchive,
-    repeat: Repeat,
-};
-const LucideIcon = ({ name, strokeWidth, className, size, }) => {
-    const IconComponent = LUCIDE_ICONS[name];
-    if (!IconComponent) {
-        return null;
-    }
-    return (_jsx(IconComponent, { className: className, strokeWidth: strokeWidth, size: size }));
-};
-export default LucideIcon;

package/dist/components/LDCheckbox/FormCheckbox.d.ts

@@ -1,14 +0,0 @@
-import { type Ref } from 'react';
-import { type RegisterOptions } from 'react-hook-form';
-import { type LDCheckboxProps } from './LDCheckbox.js';
-interface FormCheckboxProps extends Omit<LDCheckboxProps, 'checked' | 'name' | 'onCheckedChange'> {
-    name: string;
-    options?: RegisterOptions;
-    ref?: Ref<HTMLInputElement>;
-    customErrorMessage?: string;
-    isHiddenErrorMessage?: boolean;
-    errorClassName?: string;
-}
-declare const FormCheckbox: ({ name, options, ref, customErrorMessage, isHiddenErrorMessage, errorClassName, disabled, ...props }: FormCheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export default FormCheckbox;
-//# sourceMappingURL=FormCheckbox.d.ts.map

package/dist/components/LDCheckbox/FormCheckbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/LDCheckbox/FormCheckbox.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;AAIhE,UAAU,iBAAkB,SAAQ,IAAI,CACtC,eAAe,EACf,SAAS,GAAG,MAAM,GAAG,iBAAiB,CACvC;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,YAAY,GAAI,sGASnB,iBAAiB,4CA8BnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/LDCheckbox/FormCheckbox.js

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

package/dist/components/LDCheckbox/FormCheckboxGroup.d.ts

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

package/dist/components/LDCheckbox/FormCheckboxGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/LDCheckbox/FormCheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAwB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI/E,UAAU,sBAAuB,SAAQ,IAAI,CAC3C,oBAAoB,EACpB,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;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,iGAQxB,sBAAsB,4CA2BxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/LDCheckbox/FormCheckboxGroup.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LDCheckboxGroup from './LDCheckboxGroup.js';
-import FormField from '../LDForm/LDFormField.js';
-import FormErrorMessage from '../LDForm/LDFormErrorMessage.js';
-const FormCheckboxGroup = ({ name, options, customErrorMessage = '', isHiddenErrorMessage = true, errorClassName, disabled = false, ...props }) => {
-    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, children: ({ field, fieldState }) => (_jsxs("div", { className: "relative", children: [_jsx(LDCheckboxGroup, { ...props, value: field.value ?? [], onChange: field.onChange, disabled: disabled }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
-};
-export default FormCheckboxGroup;

package/dist/components/LDDatePicker/FormDatePicker.d.ts

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

package/dist/components/LDDatePicker/FormDatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LDDatePicker/FormDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKtE,UAAU,mBAAoB,SAAQ,IAAI,CACxC,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,cAAc,GAAI,wGASrB,mBAAmB,4CAoCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/LDDatePicker/FormDatePicker.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LDDatePicker from './LDDatePicker.js';
-import FormField from '../LDForm/LDFormField.js';
-import FormErrorMessage from '../LDForm/LDFormErrorMessage.js';
-import cn from '../../utils/cn.js';
-const FormDatePicker = ({ 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(LDDatePicker, { ...props, block: block, value: field.value ?? undefined, onChange: (date) => {
-                        field.onChange(date);
-                    }, disabled: disabled, color: fieldState.hasError ? 'danger' : 'neutral' }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
-};
-export default FormDatePicker;

package/dist/components/LDDateRangePicker/FormDateRangePicker.d.ts

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

package/dist/components/LDDateRangePicker/FormDateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LDDateRangePicker/FormDateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAA0B,EACxB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAK7B,UAAU,wBAAyB,SAAQ,IAAI,CAC7C,sBAAsB,EACtB,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,mBAAmB,GAAI,wGAS1B,wBAAwB,4CAkC1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/LDDateRangePicker/FormDateRangePicker.js

@@ -1,10 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LDDateRangePicker from './LDDateRangePicker.js';
-import FormField from '../LDForm/LDFormField.js';
-import FormErrorMessage from '../LDForm/LDFormErrorMessage.js';
-import cn from '../../utils/cn.js';
-const FormDateRangePicker = ({ name, options, customErrorMessage = '', isHiddenErrorMessage = true, 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(LDDateRangePicker, { ...props, block: block, value: field.value ?? undefined, onChange: field.onChange, disabled: disabled, color: fieldState.hasError ? 'danger' : 'neutral' }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
-};
-export default FormDateRangePicker;

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

@@ -1,24 +0,0 @@
-import { type ModalSize } from './LDModal.js';
-interface ModalOptions<T = undefined> {
-    name?: string;
-    title?: string;
-    description?: string;
-    content?: React.ReactNode | ((args: {
-        onClose: (value?: T) => void;
-    }) => React.ReactNode);
-    buttons?: {
-        value: T;
-        label: string;
-        variant?: 'solid' | 'outline' | 'ghost';
-        color?: 'neutral' | 'point' | 'danger';
-        onClick?: () => void | boolean | Promise<void | boolean>;
-    }[];
-    /** 버튼 배치 방향 */
-    buttonsDirection?: 'row' | 'column';
-    size?: ModalSize;
-    icon?: 'success' | 'fail';
-    onBeforeClose?: () => Promise<boolean> | boolean;
-}
-declare const modal: <T = undefined>(options: ModalOptions<T>) => Promise<T | undefined>;
-export default modal;
-//# sourceMappingURL=openModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"openModal.d.ts","sourceRoot":"","sources":["../../../src/components/LDModal/openModal.tsx"],"names":[],"mappings":"AACA,OAAgB,EAAoB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtE,UAAU,YAAY,CAAC,CAAC,GAAG,SAAS;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClE,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,CAAC,CAAC;QACT,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;QACxC,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;QACvC,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;KAC1D,EAAE,CAAC;IACJ,eAAe;IACf,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CAClD;AAED,QAAA,MAAM,KAAK,GAAI,CAAC,GAAG,SAAS,EAC1B,SAAS,YAAY,CAAC,CAAC,CAAC,KACvB,OAAO,CAAC,CAAC,GAAG,SAAS,CAgEvB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/LDModal/openModal.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createRoot } from 'react-dom/client';
-import LDModal from './LDModal.js';
-const modal = (options) => {
-    return new Promise((resolve) => {
-        const container = document.createElement('div');
-        document.body.appendChild(container);
-        const root = createRoot(container);
-        const cleanup = () => {
-            root.unmount();
-            container.remove();
-        };
-        const handleClose = async (value) => {
-            try {
-                if (options.onBeforeClose) {
-                    const canClose = await options.onBeforeClose();
-                    if (!canClose)
-                        return;
-                }
-            }
-            catch (e) {
-                console.error('onBeforeClose error:', e);
-            }
-            cleanup();
-            resolve(value);
-        };
-        const list = options.buttons?.map((btn) => ({
-            ...btn,
-            value: btn.value,
-            onClick: async () => {
-                let shouldClose = true;
-                if (btn.onClick) {
-                    const res = await btn.onClick();
-                    if (res === false)
-                        shouldClose = false;
-                }
-                if (shouldClose) {
-                    handleClose(btn.value);
-                }
-                return false; // LDModal 내부의 기본 닫기 동작 방지
-            },
-        }));
-        const content = typeof options.content === 'function'
-            ? options.content({ onClose: handleClose })
-            : options.content;
-        root.render(_jsx(LDModal, { open: true, onOpenChange: (open) => {
-                if (!open)
-                    handleClose(undefined);
-            }, name: options.name, title: options.title, description: options.description, size: options.size, icon: options.icon, buttons: list ? { direction: options.buttonsDirection, list } : undefined, children: content }));
-    });
-};
-export default modal;

package/dist/components/LDRadio/FormRadioGroup.d.ts

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

package/dist/components/LDRadio/FormRadioGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/LDRadio/FormRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAItE,UAAU,mBAAoB,SAAQ,IAAI,CACxC,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;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,iGAQrB,mBAAmB,4CA8BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/LDRadio/FormRadioGroup.js

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/LDSelect/FormMultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAsB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKzE,UAAU,oBAAqB,SAAQ,IAAI,CACzC,kBAAkB,EAClB,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CACxC;IACC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,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,eAAe,GAAI,uHAWtB,oBAAoB,4CAuCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../../src/components/LDSelect/FormSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAK1D,UAAU,eAAgB,SAAQ,IAAI,CACpC,aAAa,EACb,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CACxC;IACC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,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,UAAU,GAAI,uHAWjB,eAAe,4CAiCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/LDSelect/FormSelect.js

@@ -1,10 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LDSelect from './LDSelect.js';
-import FormField from '../LDForm/LDFormField.js';
-import FormErrorMessage from '../LDForm/LDFormErrorMessage.js';
-import cn from '../../utils/cn.js';
-const FormSelect = ({ name, options, variant = 'filled', size = 'sm', block = false, disabled = false, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, ...props }) => {
-    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, children: ({ field, fieldState }) => (_jsxs("div", { className: cn('relative', block && 'flex flex-1'), children: [_jsx(LDSelect, { ...props, name: name, value: field.value ?? '', onChange: field.onChange, "aria-invalid": field['aria-invalid'], "aria-describedby": field['aria-describedby'], variant: variant, color: fieldState.hasError ? 'danger' : 'neutral', size: size, disabled: disabled }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
-};
-export default FormSelect;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/LDTextarea/FormTextarea.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,iBAAkB,SAAQ,IAAI,CACtC,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,YAAY,GAAI,+GAUnB,iBAAiB,4CAmCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/LDTimePicker/FormTimePicker.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LDTimePicker/FormTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKtE,UAAU,mBAAoB,SAAQ,IAAI,CACxC,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,cAAc,GAAI,wGASrB,mBAAmB,4CAoCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/LDToggleButton/FormToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAI5E,UAAU,qBAAsB,SAAQ,IAAI,CAC1C,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,gBAAgB,GAAI,iGAQvB,qBAAqB,4CAgCvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/LDToggleButton/FormToggleButton.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LDToggleButton from './LDToggleButton.js';
-import FormField from '../LDForm/LDFormField.js';
-import FormErrorMessage from '../LDForm/LDFormErrorMessage.js';
-const FormToggleButton = ({ 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 }))] })) }));
-};
-export default FormToggleButton;