@loword/loword-design-system 0.0.18 → 0.1.0

package/dist/components/LDButton/LDButton.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ButtonBase from '../../components/LDButton/ButtonBase.js';
+import LDSpinner from '../../components/LDSpinner/LDSpinner.js';
+import RenderIcon from '../../components/RenderIcon/RenderIcon.js';
+import Show from '../../components/Show/Show.js';
 import cn from '../../utils/cn.js';
-import { renderIcon } from '../../utils/renderIcon.js';
 import tv from '../../utils/tv.js';
-import ButtonBase from './ButtonBase.js';
-import ButtonSpinner from './ButtonSpinner.js';
 // ── 스타일 매핑 (static) ──
 // 배경·테두리·텍스트 색은 variant × color 조합에서 갈리고, 거기에 disabled/loading 상태까지
 // 얹혀야 하므로 compoundVariants가 담당한다. 축 하나로 결정되는 값만 variants에 둔다.
@@ -20,9 +21,9 @@ const buttonVariants = tv({
         },
         // focus 링 색은 variant와 무관하게 color만 본다 (disabled일 때도 유지).
         color: {
-            neutral: 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral800',
-            point: 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-lb500',
-            danger: 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-danger500',
+            neutral: 'focus-visible:ring-2 focus-visible:ring-neutral800 focus-visible:outline-none',
+            point: 'focus-visible:ring-2 focus-visible:ring-lb500 focus-visible:outline-none',
+            danger: 'focus-visible:ring-2 focus-visible:ring-danger500 focus-visible:outline-none',
         },
         size: {
             '2xsmall': 'btn-2xs',
@@ -43,7 +44,7 @@ const buttonVariants = tv({
         },
         block: { true: 'w-full' },
         // compact는 size 프리셋(btn-*)의 좌우 여백을 지우므로 size 뒤에 선언한다.
-        compact: { true: 'px-0 min-w-0 aspect-square' },
+        compact: { true: 'aspect-square min-w-0 px-0' },
         loading: { true: 'cursor-wait', false: 'cursor-pointer' },
         // disabled 커서가 loading 커서를 이겨야 하므로 loading 뒤에 선언한다.
         disabled: { true: 'cursor-not-allowed' },
@@ -54,7 +55,7 @@ const buttonVariants = tv({
             variant: 'solid',
             color: 'neutral',
             disabled: false,
-            className: 'bg-neutral800 text-white',
+            className: 'bg-black text-white',
         },
         {
             variant: 'solid',
@@ -72,19 +73,19 @@ const buttonVariants = tv({
             variant: 'outline',
             color: 'neutral',
             disabled: false,
-            className: 'bg-white outline-neutral100 text-neutral900',
+            className: 'bg-white text-neutral900 outline-neutral100',
         },
         {
             variant: 'outline',
             color: 'point',
             disabled: false,
-            className: 'bg-white outline-lb500 text-lb500',
+            className: 'bg-white text-lb500 outline-lb500',
         },
         {
             variant: 'outline',
             color: 'danger',
             disabled: false,
-            className: 'bg-white outline-danger500 text-danger500',
+            className: 'bg-white text-danger500 outline-danger500',
         },
         // ghost와 link는 배경이 없어 기본 색이 동일하다 (link의 밑줄은 variant 축이 담당)
         {
@@ -112,7 +113,7 @@ const buttonVariants = tv({
             color: 'neutral',
             disabled: false,
             loading: false,
-            className: 'hover:bg-neutral900 active:bg-neutral900',
+            className: 'hover:bg-neutral800 active:bg-neutral800',
         },
         {
             variant: 'solid',
@@ -209,21 +210,7 @@ const buttonVariants = tv({
         },
     ],
 });
-// leftIcon/rightIcon(svg) 크기. 버튼 자체가 아니라 아이콘 엘리먼트에 붙으므로 별도 tv()다.
-const iconVariants = tv({
-    variants: {
-        size: {
-            '2xsmall': 'icon-2xs',
-            xsmall: 'icon-xs',
-            small: 'icon-sm',
-            medium: 'icon-md',
-            large: 'icon-lg',
-            xlarge: 'icon-xl',
-        },
-    },
-});
 const LDButton = ({ as, variant = 'solid', color = 'point', size = 'small', shape = 'default', align = 'center', loading = false, block = false, children, className, leftIcon, rightIcon, compact = false, ref, ...props }) => {
-    const iconSize = iconVariants({ size });
     return (_jsxs(ButtonBase.Root, { as: as, ref: ref, className: buttonVariants({
             variant,
             color,
@@ -236,6 +223,6 @@ const LDButton = ({ as, variant = 'solid', color = 'point', size = 'small', shap
             // 미지정도 false 분기(기본 색·hover)를 타야 하므로 boolean으로 좁혀 넘긴다.
             disabled: !!props.disabled,
             className,
-        }), ...props, disabled: props.disabled || loading, children: [loading ? (_jsx(ButtonSpinner, { size: size, className: "mobile:absolute mobile:left-1/2 mobile:top-1/2 mobile:-translate-x-1/2 mobile:-translate-y-1/2" })) : (renderIcon(leftIcon, iconSize)), children && (_jsx("span", { className: cn('shrink-0', loading && 'mobile:invisible'), children: children })), renderIcon(rightIcon, iconSize, loading && 'mobile:invisible')] }));
+        }), ...props, disabled: props.disabled || loading, children: [_jsx(Show, { when: !loading, fallback: _jsx(LDSpinner, { className: "mobile:absolute mobile:top-1/2 mobile:left-1/2 mobile:-translate-1/2" }), children: _jsx(RenderIcon, { children: leftIcon }) }), _jsx(Show, { when: children, children: _jsx("span", { className: cn('shrink-0', loading && 'mobile:invisible'), children: children }) }), _jsx(RenderIcon, { className: cn(loading && 'mobile:invisible'), children: rightIcon })] }));
 };
 export default LDButton;

package/dist/components/LDCalendar/CalendarBase.d.ts

@@ -1,5 +1,5 @@
-import { type DayPickerProps, type Matcher } from 'react-day-picker';
 import { type CSSProperties } from 'react';
+import { type DayPickerProps, type Matcher } from 'react-day-picker';
 /** react-day-picker의 DayPickerProps를 확장한 캘린더 Base props */
 export type CalendarBaseProps = DayPickerProps & {
     className?: string;

package/dist/components/LDCalendar/CalendarBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDCalendar/CalendarBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,OAAO,EACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,KAAK,aAAa,EAInB,MAAM,OAAO,CAAC;AAIf,2DAA2D;AAC3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,YAAY,GAAI,6HAYnB,iBAAiB,4CAmDnB,CAAC;AA0EF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CalendarBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDCalendar/CalendarBase.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,aAAa,EAGnB,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,KAAK,cAAc,EAEnB,KAAK,OAAO,EACb,MAAM,kBAAkB,CAAC;AAI1B,2DAA2D;AAC3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,YAAY,GAAI,6HAYnB,iBAAiB,4CA8BnB,CAAC;AA+GF,eAAe,YAAY,CAAC"}

package/dist/components/LDCalendar/CalendarBase.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';
+import { useEffect, useRef, } from 'react';
 import { DayPicker, getDefaultClassNames, } from 'react-day-picker';
-import { useRef, useEffect, } from 'react';
 import cn from '../../utils/cn.js';
-import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';
 /**
  * CalendarBase — react-day-picker 래핑 레이어. 구조·동작·접근성만 담당한다.
  * (component 오버라이드, booked/book 모디파이어 배선, formatters, 날짜 범위, 포커스 관리)
@@ -18,15 +18,16 @@ const CalendarBase = ({ className, style, classNames, captionLayout = 'label', f
             book,
             ...modifiers,
         }, components: {
-            Root: ({ className: rootClassName, rootRef, ...rootProps }) => (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(rootClassName), ...rootProps })),
-            Chevron: ({ className: chevronClassName, orientation }) => {
-                return orientation === 'left' ? (_jsx(ChevronLeft, { className: cn('size-4', chevronClassName) })) : orientation === 'right' ? (_jsx(ChevronRight, { className: cn('size-4', chevronClassName) })) : (_jsx(ChevronDown, { className: cn('size-4', chevronClassName) }));
-            },
+            Root: CalendarRoot,
+            Chevron: CalendarChevron,
             DayButton: CalendarDayButton,
-            WeekNumber: ({ children, ...weekNumberProps }) => (_jsx("td", { ...weekNumberProps, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) })),
+            WeekNumber: CalendarWeekNumber,
             ...components,
         }, ...props }));
 };
+const CalendarRoot = ({ className, rootRef, ...props }) => (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
+const CalendarChevron = ({ className, orientation, }) => orientation === 'left' ? (_jsx(ChevronLeft, { className: cn('size-4', className) })) : orientation === 'right' ? (_jsx(ChevronRight, { className: cn('size-4', className) })) : (_jsx(ChevronDown, { className: cn('size-4', className) }));
+const CalendarWeekNumber = ({ children, ...props }) => (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
 /** 날짜 셀 버튼 — 구조 + 접근성(data-속성, 포커스 관리) + book/booked 표시 요소 */
 const CalendarDayButton = ({ className: btnClassName, day, modifiers, ...btnProps }) => {
     const defaultClassNames = getDefaultClassNames();
@@ -38,12 +39,12 @@ const CalendarDayButton = ({ className: btnClassName, day, modifiers, ...btnProp
     return (_jsxs("button", { ref: ref, type: "button", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
             !modifiers.range_start &&
             !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn('relative inline-flex items-center justify-center rounded-lg text-sm font-medium ld-transition outline-none cursor-pointer', 'hover:bg-tintBlue hover:text-lb500', 'flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1', 'leading-none font-normal', 'data-[selected-single=true]:bg-tintBlue data-[selected-single=true]:text-lb500', 'data-[selected-single=true]:animate-day-picker-color-in', 'data-[range-start=true]:bg-tintBlue data-[range-start=true]:text-lb500', 'data-[range-start=true]:animate-day-picker-color-in', 'data-[range-middle=true]:bg-mono50 data-[range-middle=true]:text-neutral500 data-[range-middle=true]:animate-day-range-picker-color-in', 'data-[range-end=true]:bg-tintBlue data-[range-end=true]:text-lb500', 'data-[range-end=true]:animate-day-picker-color-in', 'group-data-[focused=true]/day:relative', 'group-data-[focused=true]/day:z-10', '', modifiers.range_start &&
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn('relative inline-flex cursor-pointer items-center justify-center rounded-lg font-medium text-sm outline-none ld-transition', 'hover:bg-(--calendar-accent-bg) hover:text-(--calendar-accent)', 'm-auto flex size-(--day-size) min-w-(--day-size) flex-col gap-1', 'leading-none font-normal', 'data-[selected-single=true]:bg-(--calendar-accent-bg) data-[selected-single=true]:text-(--calendar-accent)', 'data-[range-start=true]:bg-(--calendar-accent-bg) data-[range-start=true]:text-(--calendar-accent)', 'data-[range-middle=true]:text-neutral500', 'data-[range-end=true]:bg-(--calendar-accent-bg) data-[range-end=true]:text-(--calendar-accent)', 'group-data-[focused=true]/day:relative', 'group-data-[focused=true]/day:z-10', '', modifiers.range_start &&
             !modifiers.range_end &&
             'rounded-l-lg rounded-r-none', modifiers.range_end &&
             !modifiers.range_start &&
-            'rounded-l-none rounded-r-lg', modifiers.range_middle && 'rounded-none', modifiers.range_start && modifiers.range_end && 'rounded-lg', 
-        // '[&>span]:text-xs [&>span]:opacity-70',
-        defaultClassNames.day, btnClassName), ...btnProps, children: [_jsx("span", { className: cn('relative z-10', modifiers.booked && 'line-through opacity-40 decoration-current'), children: btnProps.children }), modifiers.book && (_jsx("span", { className: "absolute bottom-1 size-1 rounded-full bg-lb500" }))] }));
+            'rounded-l-none rounded-r-lg', modifiers.range_middle && 'rounded-none', modifiers.range_start && modifiers.range_end && 'rounded-lg', modifiers.today &&
+            !modifiers.selected &&
+            'font-semibold ring-1 ring-(--calendar-accent) ring-inset', defaultClassNames.day, btnClassName), ...btnProps, children: [_jsx("span", { className: cn('relative z-10', modifiers.booked && 'line-through decoration-current opacity-40'), children: btnProps.children }), modifiers.book && (_jsx("span", { className: "absolute bottom-1 size-1 rounded-full bg-(--calendar-accent)" }))] }));
 };
 export default CalendarBase;

package/dist/components/LDCalendar/CalendarTimePicker.d.ts

@@ -0,0 +1,11 @@
+import type { CalendarColorSet } from '../../components/LDCalendar/LDCalendar.js';
+export interface CalendarTimePickerProps {
+    value?: string;
+    onChange?: (time: string) => void;
+    showSeconds?: boolean;
+    colorSet?: Pick<CalendarColorSet, 'accent' | 'accentBg'>;
+    className?: string;
+}
+declare const CalendarTimePicker: ({ value, onChange, showSeconds, colorSet, className, }: CalendarTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarTimePicker;
+//# sourceMappingURL=CalendarTimePicker.d.ts.map

package/dist/components/LDCalendar/CalendarTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LDCalendar/CalendarTimePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAgB3E,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,wDAMzB,uBAAuB,4CA+DzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/LDCalendar/CalendarTimePicker.js

@@ -0,0 +1,82 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from 'react';
+import cn from '../../utils/cn.js';
+const HOURS = Array.from({ length: 12 }, (_, i) => (i === 0 ? 12 : i));
+const MINUTES = Array.from({ length: 60 }, (_, i) => i);
+const SECONDS = Array.from({ length: 60 }, (_, i) => i);
+const AMPM = ['am', 'pm'];
+const pad2 = (n) => String(n).padStart(2, '0');
+const to24Hour = (hour12, period) => {
+    const base = hour12 % 12;
+    return period === 'pm' ? base + 12 : base;
+};
+const CalendarTimePicker = ({ value, onChange, showSeconds = true, colorSet, className, }) => {
+    const [hours, minutes, seconds, ampm] = useMemo(() => {
+        const [h = 0, m = 0, s = 0] = (value ?? '00:00')
+            .split(':')
+            .map((s) => parseInt(s, 10));
+        const ampm = h >= 12 ? 'pm' : 'am';
+        const hour = h % 12 === 0 ? 12 : h % 12;
+        return [hour, m, s, ampm];
+    }, [value]);
+    const handleSelect = (h, m, s, period) => {
+        const base = `${pad2(to24Hour(h, period))}:${pad2(m)}`;
+        onChange?.(showSeconds ? `${base}:${pad2(s)}` : base);
+    };
+    return (_jsxs("div", { style: {
+            '--calendar-accent': colorSet?.accent,
+            '--calendar-accent-bg': colorSet?.accentBg,
+        }, className: cn('flex h-auto items-stretch divide-x divide-neutral100 border-l border-neutral100 [--time-cell-size:--spacing(8)]', '[--calendar-accent-bg:var(--color-tintBlue)] [--calendar-accent:var(--color-lb500)]', className), children: [_jsx(TimeScrollColumn, { values: HOURS, selected: hours, ariaLabel: "\uC2DC", format: pad2, onSelect: (v) => handleSelect(v, minutes, seconds, ampm) }), _jsx(TimeScrollColumn, { values: MINUTES, selected: minutes, ariaLabel: "\uBD84", format: pad2, onSelect: (v) => handleSelect(hours, v, seconds, ampm) }), showSeconds && (_jsx(TimeScrollColumn, { values: SECONDS, selected: seconds, ariaLabel: "\uCD08", format: pad2, onSelect: (v) => handleSelect(hours, minutes, v, ampm) })), _jsx(TimeScrollColumn, { values: AMPM, selected: ampm, ariaLabel: "\uC624\uC804/\uC624\uD6C4", format: (v) => (v === 'am' ? '오전' : '오후'), onSelect: (v) => handleSelect(hours, minutes, seconds, v) })] }));
+};
+export default CalendarTimePicker;
+const TimeScrollColumn = ({ values, selected, onSelect, ariaLabel, format = (v) => String(v), }) => {
+    const scrollRef = useRef(null);
+    const scrollThumbRef = useRef(null);
+    const mountRef = useRef(false);
+    const updateScrollThumb = () => {
+        const el = scrollRef.current;
+        const scrollThumb = scrollThumbRef.current;
+        if (!el || !scrollThumb)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = el;
+        if (scrollHeight <= clientHeight) {
+            scrollThumb.style.opacity = '0';
+            return;
+        }
+        const height = Math.max(24, (clientHeight / scrollHeight) * clientHeight);
+        const top = (scrollTop / (scrollHeight - clientHeight)) * (clientHeight - height);
+        scrollThumb.style.removeProperty('opacity'); // hover 클래스가 다시 제어하도록
+        scrollThumb.style.height = `${height}px`;
+        scrollThumb.style.transform = `translateY(${top}px)`;
+    };
+    useEffect(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        const idx = values.indexOf(selected);
+        if (idx < 0)
+            return;
+        const item = el.children[idx];
+        if (!(item instanceof HTMLElement))
+            return;
+        const behavior = mountRef.current ? 'smooth' : 'auto';
+        mountRef.current = true;
+        el.scrollTo({
+            top: item.offsetTop - (el.clientHeight - item.offsetHeight) / 2,
+            behavior,
+        });
+    }, [selected, values]);
+    useEffect(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        updateScrollThumb();
+        const observer = new ResizeObserver(updateScrollThumb);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [values]);
+    return (_jsxs("div", { className: "group/col relative h-full min-h-0", children: [_jsx("div", { ref: scrollRef, role: "listbox", "aria-label": ariaLabel, onScroll: updateScrollThumb, className: "scrollbar-hide h-full min-h-0 w-auto overflow-y-auto px-1.5 py-1", children: values.map((v) => (_jsx("button", { type: "button", role: "option", "aria-selected": v === selected, onClick: () => onSelect(v), className: cn('flex h-(--time-cell-size) w-10 items-center justify-center rounded-md display14 text-sm ld-transition hover:cursor-pointer', v === selected
+                        ? 'bg-(--calendar-accent-bg) text-(--calendar-accent)'
+                        : 'hover:bg-neutral50'), children: format(v) }, String(v)))) }), _jsx("div", { ref: scrollThumbRef, "aria-hidden": true, className: "pointer-events-none absolute top-0 right-0.5 w-1.5 rounded-full bg-neutral400/60 opacity-0 transition-opacity duration-300 group-hover/col:opacity-100" })] }));
+};

package/dist/components/LDCalendar/LDCalendar.d.ts

@@ -1,10 +1,15 @@
-import { type CalendarBaseProps } from './CalendarBase.js';
-type LDCalendarProps = CalendarBaseProps;
-export declare const TimePicker: ({ value, onChange, className, }: {
-    value?: string;
-    onChange?: (time: string) => void;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const LDCalendarMemo: import("react").MemoExoticComponent<({ className, classNames, captionLayout, ...props }: LDCalendarProps) => import("react/jsx-runtime").JSX.Element>;
+import { type CalendarBaseProps } from '../../components/LDCalendar/CalendarBase.js';
+/** 캘린더 강조 색. 지정한 항목만 기본값을 덮어쓴다 */
+export interface CalendarColorSet {
+    accent?: string;
+    /** 선택·hover 배경 */
+    accentBg?: string;
+    /** 범위 선택 띠 배경 */
+    band?: string;
+}
+export type LDCalendarProps = CalendarBaseProps & {
+    colorSet?: CalendarColorSet;
+};
+declare const LDCalendarMemo: import("react").MemoExoticComponent<({ className, classNames, captionLayout, colorSet, style, ...props }: LDCalendarProps) => import("react/jsx-runtime").JSX.Element>;
 export default LDCalendarMemo;
 //# sourceMappingURL=LDCalendar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LDCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/LDCalendar/LDCalendar.tsx"],"names":[],"mappings":"AAKA,OAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,KAAK,eAAe,GAAG,iBAAiB,CAAC;AA8LzC,eAAO,MAAM,UAAU,GAAI,iCAIxB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAgEA,CAAC;AAEF,QAAA,MAAM,cAAc,2FAjQjB,eAAe,6CAiQqB,CAAC;AAGxC,eAAe,cAAc,CAAC"}
+{"version":3,"file":"LDCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/LDCalendar/LDCalendar.tsx"],"names":[],"mappings":"AAKA,OAAqB,EACnB,KAAK,iBAAiB,EACvB,MAAM,sCAAsC,CAAC;AAG9C,kCAAkC;AAClC,MAAM,WAAW,gBAAgB;IAE/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAuFF,QAAA,MAAM,cAAc,4GA/BjB,eAAe,6CA+BqB,CAAC;AAGxC,eAAe,cAAc,CAAC"}

package/dist/components/LDCalendar/LDCalendar.js

@@ -1,87 +1,54 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getDefaultClassNames } from 'react-day-picker';
-import { memo, useRef, useEffect, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import CalendarBase from '../../components/LDCalendar/CalendarBase.js';
 import cn from '../../utils/cn.js';
-import CalendarBase from './CalendarBase.js';
-const LDCalendar = ({ className, classNames, captionLayout = 'label', ...props }) => {
-    const defaultClassNames = getDefaultClassNames();
-    return (_jsx(CalendarBase, { captionLayout: captionLayout, className: cn('bg-white group/calendar p-sm [--cell-size:--spacing(8)] w-fit', 
-        //rtl일때 버튼 아이콘 방향 전환
-        String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), classNames: {
-            root: cn(defaultClassNames.root),
-            months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),
-            month: cn('flex flex-col w-full gap-4', defaultClassNames.month),
-            nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),
-            button_previous: cn('inline-flex items-center justify-center rounded-md text-sm font-medium transition-all outline-none hover:bg-neutral-100 hover:text-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px]', 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none cursor-pointer', defaultClassNames.button_previous),
-            button_next: cn('inline-flex items-center justify-center rounded-md text-sm font-medium transition-all outline-none hover:bg-neutral-100 hover:text-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px]', 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none cursor-pointer', defaultClassNames.button_next),
-            month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),
-            dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),
-            dropdown_root: cn('relative has-focus:border-lb600 border border-neutral-200 shadow-xs has-focus:ring-lb600/50 has-focus:ring-[3px] rounded-md', defaultClassNames.dropdown_root),
-            dropdown: cn('absolute bg-white inset-0 opacity-0', defaultClassNames.dropdown),
-            caption_label: cn('select-none font-medium', captionLayout === 'label'
-                ? 'text-sm'
-                : cn('rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-neutral-500 [&>svg]:size-3.5'), defaultClassNames.caption_label),
-            table: 'w-full border-collapse',
-            weekdays: cn('flex', defaultClassNames.weekdays),
-            weekday: cn('text-neutral-500 rounded-md flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday),
-            week: cn('flex w-full mt-2', defaultClassNames.week),
-            week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),
-            week_number: cn('text-[0.8rem] select-none text-neutral-500', defaultClassNames.week_number),
-            day: cn('relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none', defaultClassNames.day),
-            range_start: cn('rounded-l-md bg-neutral-100', defaultClassNames.range_start),
-            range_middle: cn('rounded-none', defaultClassNames.range_middle),
-            range_end: cn('rounded-r-md bg-neutral-100', defaultClassNames.range_end),
-            today: cn('rounded-lg ring-1 ring-inset ring-lb500 hover:ring-0 data-[selected=true]:ring-0', 'data-[range-start=true]:rounded-l-lg data-[range-start=true]:rounded-r-none', 'data-[range-end=true]:rounded-r-lg data-[range-end=true]:rounded-l-none', 'font-semibold', defaultClassNames.today),
-            outside: cn('text-neutral-500 aria-selected:text-neutral-500', defaultClassNames.outside),
-            disabled: cn('text-neutral-500 opacity-50', defaultClassNames.disabled),
-            hidden: cn('invisible', defaultClassNames.hidden),
-            ...classNames,
-        }, ...props }));
-};
-const TIME_ITEM_HEIGHT = 32; // NOTE: px, h-8과 동일
-const pad2 = (n) => String(n).padStart(2, '0');
-const HOURS = Array.from({ length: 12 }, (_, i) => (i === 0 ? 12 : i));
-const MINUTES = Array.from({ length: 60 }, (_, i) => i);
-const SECONDS = Array.from({ length: 60 }, (_, i) => i);
-const AMPM = ['am', 'pm'];
-const to24Hour = (hour12, period) => {
-    const base = hour12 % 12; // 12 → 0
-    return period === 'pm' ? base + 12 : base;
-};
-const TimeScrollColumn = ({ values, selected, onSelect, ariaLabel, format = (v) => String(v), className, }) => {
-    const ref = useRef(null);
-    const mountRef = useRef(false);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        const idx = values.indexOf(selected);
-        if (idx < 0)
-            return;
-        const behavior = mountRef.current ? 'smooth' : 'auto';
-        mountRef.current = true;
-        el.scrollTo({
-            top: idx * TIME_ITEM_HEIGHT - (el.clientHeight - TIME_ITEM_HEIGHT) / 2,
-            behavior,
-        });
-    }, [selected, values]);
-    return (_jsx("div", { ref: ref, role: "listbox", "aria-label": ariaLabel, className: cn('h-full min-h-0 overflow-y-auto scrollbar-hover ld-transition w-auto border-neutral100 pt-1 pb-0', className), children: values.map((v) => (_jsx("button", { type: "button", role: "option", "aria-selected": v === selected, onClick: () => onSelect(v), className: cn('display14 flex h-8 w-10 items-center justify-center rounded-md text-sm ld-transition hover:cursor-pointer', v === selected ? 'bg-tintBlue text-lb500' : 'hover:bg-neutral50'), children: format(v) }, String(v)))) }));
-};
-export const TimePicker = ({ value, onChange, className, }) => {
-    const [hours, minutes, seconds, ampm] = useMemo(() => {
-        const [h = 0, m = 0, s = 0] = (value ?? '00:00:00')
-            .split(':')
-            .map((s) => parseInt(s, 10));
-        const ampm = h >= 12 ? 'pm' : 'am';
-        const hour = h % 12 === 0 ? 12 : h % 12;
-        return [hour, m, s, ampm];
-    }, [value]);
-    const commit = (hours, minutes, seconds, ampm) => {
-        onChange?.(`${pad2(to24Hour(hours, ampm))}:${pad2(minutes)}:${pad2(seconds)}`);
-    };
-    return (_jsxs("div", { className: cn('flex h-auto items-stretch border-l border-neutral100 pr-1.5', className), children: [_jsx(TimeScrollColumn, { values: HOURS, selected: hours, ariaLabel: "\uC2DC", format: pad2, onSelect: (v) => commit(v, minutes, seconds, ampm), className: "border-r border-neutral100 pl-1" }), _jsx(TimeScrollColumn, { values: MINUTES, selected: minutes, ariaLabel: "\uBD84", format: pad2, onSelect: (v) => commit(hours, v, seconds, ampm), className: "border-r border-neutral100 pl-1" }), _jsx(TimeScrollColumn, { values: SECONDS, selected: seconds, ariaLabel: "\uCD08", format: pad2, onSelect: (v) => commit(hours, minutes, v, ampm), className: "border-r border-neutral100 pl-1" }), _jsx(TimeScrollColumn, { values: AMPM, selected: ampm, ariaLabel: "\uC624\uC804/\uC624\uD6C4", format: (v) => (v === 'am' ? '오전' : '오후'), onSelect: (v) => commit(hours, minutes, seconds, v), className: "pl-1" })] }));
+/* 공통 좌우 네비게이션 버튼 */
+const NAV_BUTTON = cn('inline-flex size-(--cell-size) items-center justify-center rounded-md p-0 font-medium text-sm outline-none select-none ld-transition', 'cursor-pointer hover:bg-neutral50 focus-visible:ring-2 focus-visible:ring-(--calendar-accent) focus-visible:ring-inset aria-disabled:opacity-50');
+const SLOT_CLASSNAMES = {
+    // 월 컨테이너
+    months: 'flex gap-4 flex-col md:flex-row relative',
+    month: 'flex flex-col w-full gap-4',
+    /* 네비게이션 */
+    nav: 'flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between',
+    button_previous: NAV_BUTTON,
+    button_next: NAV_BUTTON,
+    /* 캡션 */
+    month_caption: 'flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',
+    dropdowns: 'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5',
+    dropdown_root: 'relative has-focus:border-(--calendar-accent) border border-neutral200 rounded-md',
+    dropdown: 'absolute bg-white inset-0 opacity-0 cursor-pointer',
+    weekdays: 'flex',
+    weekday: 'text-neutral500 rounded-md flex-1 font-normal text-[0.8rem] select-none',
+    week_number_header: 'select-none w-(--cell-size)',
+    week: 'flex w-full mt-1',
+    week_number: 'text-[0.8rem] select-none text-neutral500',
+    day: 'relative size-(--cell-size) py-[calc((var(--cell-size)-var(--day-size))/2)] bg-clip-content text-center [&:first-child[data-selected=true]_button]:rounded-l-lg [&:last-child[data-selected=true]_button]:rounded-r-lg group/day aspect-square select-none ld-transition',
+    today: '',
+    /* start는 항상 오른쪽 절반을 칠해 "이어진다"를 보여준다.
+     * end는 그 칸이 start이기도 하면(= from만 찍힌 상태) 왼쪽 절반을 지운다.
+     * 그래야 그 칸이 오른쪽만 칠해진 모양으로 남는다. */
+    range_start: 'bg-[linear-gradient(to_right,transparent_50%,var(--calendar-range-band)_50%)]',
+    range_middle: 'rounded-none bg-(--calendar-range-band)',
+    range_end: 'bg-[linear-gradient(to_left,transparent_50%,var(--calendar-range-band)_50%)] has-[button[data-range-start=true]]:bg-none',
+    outside: 'text-neutral300 aria-selected:text-neutral500',
+    disabled: 'text-neutral500 opacity-50',
+    hidden: 'invisible',
 };
+const LDCalendar = ({ className, classNames, captionLayout = 'label', colorSet, style, ...props }) => (_jsx(CalendarBase, { captionLayout: captionLayout, style: {
+        ...{
+            '--calendar-accent': colorSet?.accent,
+            '--calendar-accent-bg': colorSet?.accentBg,
+            '--calendar-range-band': colorSet?.band,
+        },
+        ...style,
+    }, className: cn('group/calendar w-fit bg-white p-sm', '[--cell-size:--spacing(9)] [--day-size:--spacing(7)]', '[--calendar-accent-bg:var(--color-tintBlue)] [--calendar-accent:var(--color-lb500)] [--calendar-range-band:var(--color-mono50)]', className), classNames: {
+        ...SLOT_CLASSNAMES,
+        caption_label: cn('font-medium select-none', captionLayout === 'label'
+            ? 'text-sm'
+            : 'flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-neutral500'),
+        ...classNames,
+    }, ...props }));
 const LDCalendarMemo = memo(LDCalendar);
 LDCalendarMemo.displayName = 'LDCalendar';
 export default LDCalendarMemo;

package/dist/components/LDCallout/CalloutBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDCallout/CalloutBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvD,UAAU,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAqCD,eAAO,MAAM,WAAW;mDAnC8B,SAAS;mBAezC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;yBAUhC;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAcvE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CalloutBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDCallout/CalloutBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvD,UAAU,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAqCD,eAAO,MAAM,WAAW;mDAnC8B,SAAS;mBAezC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;yBAUhC;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAcvE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/LDCallout/CalloutBase.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from '../../utils/cn.js';
 const Root = ({ ref, children, className, ...props }) => {
-    return (_jsx("div", { ref: ref, className: cn('inline-flex flex-row items-center justify-between bg-tintBlue w-full p-5 rounded-lg', className), ...props, children: children }));
+    return (_jsx("div", { ref: ref, className: cn('inline-flex w-full flex-row items-center justify-between rounded-lg bg-tintBlue p-5', className), ...props, children: children }));
 };
 const Title = (props) => {
     if (!props.title)
         return null;
-    return (_jsx("span", { className: cn('text-lb500 extrabold display16', props.className), children: props.title }));
+    return (_jsx("span", { className: cn('display16 extrabold text-lb500', props.className), children: props.title }));
 };
 const Description = (props) => {
     if (!props.description)
         return null;
-    return (_jsx("span", { className: cn('text-lb500 display14', props.className), children: props.description }));
+    return (_jsx("span", { className: cn('display14 text-lb500', props.className), children: props.description }));
 };
 export const CalloutBase = {
     Root,

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

@@ -1 +1 @@
-{"version":3,"file":"LDCallout.d.ts","sourceRoot":"","sources":["../../../src/components/LDCallout/LDCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,GAAI,OAAO,YAAY,4CAUrC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"LDCallout.d.ts","sourceRoot":"","sources":["../../../src/components/LDCallout/LDCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,GAAI,OAAO,YAAY,4CAUrC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/LDCallout/LDCallout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CalloutBase from './CalloutBase.js';
+import CalloutBase from '../../components/LDCallout/CalloutBase.js';
 const LDCallout = (props) => {
     return (_jsxs(CalloutBase.Root, { className: props.className, children: [_jsxs("div", { className: "flex flex-col gap-xs", children: [_jsx(CalloutBase.Title, { title: props.title }), _jsx(CalloutBase.Description, { description: props.description })] }), props.button] }));
 };

package/dist/components/LDCarousel/CarouselBase.d.ts

@@ -1,4 +1,5 @@
 import type { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel';
+import { type AutoHeightOptionsType } from 'embla-carousel-auto-height';
 import useEmblaCarousel from 'embla-carousel-react';
 import { type CSSProperties, type ReactNode } from 'react';
 export type CarouselOrientation = 'horizontal' | 'vertical';
@@ -42,6 +43,10 @@ export interface RootProps {
     /** true 또는 설정 객체를 넘기면 연속 흐름(Auto Scroll) 활성화.
      *  autoplay와 동시 사용 불가 — 설정 시 autoplay보다 우선. loop와 함께 쓰는 것을 권장 */
     autoScroll?: boolean | AutoScrollConfig;
+    /** 트랙 높이를 선택된 슬라이드 높이에 맞춘다. 슬라이드마다 높이가 다를 때 빈 공간을 없앤다.
+     *  embla-carousel-auto-height 플러그인이며, `{ breakpoints }` 로 구간을 제한할 수 있다.
+     *  단 필수 CSS(`align-items: flex-start`)는 구간을 나눌 수 없으니 전 구간 적용을 권장한다. */
+    autoHeight?: boolean | AutoHeightOptionsType;
     /** 선택된 슬라이드가 viewport의 어디에 정렬되는지. 기본 'start'(왼쪽 끝 붙음) */
     align?: 'start' | 'center' | 'end';
     /** 양 끝 빈 공간 처리 방식. 기본 'trimSnaps'(끝 여백 없도록 정렬 보정).
@@ -88,7 +93,7 @@ export interface CounterProps {
     format?: (current: number, total: number) => string;
 }
 export declare const CarouselBase: {
-    Root: ({ orientation, loop, autoplay, autoScroll, align, containScroll, options, gap, className, style, children, }: RootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ orientation, loop, autoplay, autoScroll, autoHeight, align, containScroll, options, gap, className, style, children, }: RootProps) => import("react/jsx-runtime").JSX.Element;
     Viewport: ({ className, children }: ViewportProps) => import("react/jsx-runtime").JSX.Element;
     Container: ({ className, style, children }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
     Slide: ({ slidesPerView, index, total, className, style, children, }: SlideProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LDCarousel/CarouselBase.d.ts.map

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