@loword/loword-design-system 0.0.4 → 0.0.6

package/dist/components/Button/ButtonBase.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from '../../utils/cn.js';
-const Root = ({ as, className, children, ref, ...props }) => {
-    const Component = as ?? 'button';
-    return (_jsx(Component, { ref: ref, className: cn('relative inline-flex flex-row items-center justify-center', className), ...props, children: children }));
-};
-export const ButtonBase = {
-    Root: Root,
-};
-export default ButtonBase;

package/dist/components/Button/ButtonSpinner.d.ts

@@ -1,8 +0,0 @@
-interface ButtonSpinnerProps {
-    size?: ButtonSpinnerSize;
-    className?: string;
-}
-type ButtonSpinnerSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-declare const ButtonSpinner: ({ size, className }: ButtonSpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export default ButtonSpinner;
-//# sourceMappingURL=ButtonSpinner.d.ts.map

package/dist/components/Button/ButtonSpinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonSpinner.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,iBAAiB,GAClB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAWb,QAAA,MAAM,aAAa,GAAI,qBAA+B,kBAAkB,4CAMvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Button/ButtonSpinner.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Spinner from '../Spinner/Spinner.js';
-import cn from '../../utils/cn.js';
-const sizeClasses = {
-    '2xsmall': 'spinner-2xs',
-    xsmall: 'spinner-xs',
-    small: 'spinner-sm',
-    medium: 'spinner-md',
-    large: 'spinner-lg',
-    xlarge: 'spinner-xl',
-};
-const ButtonSpinner = ({ size = 'small', className }) => {
-    return (_jsx(Spinner, { className: cn('shrink-0 text-current', sizeClasses[size], className) }));
-};
-export default ButtonSpinner;

package/dist/components/Calendar/Calendar.d.ts

@@ -1,16 +0,0 @@
-import { type DayPickerProps, type Matcher } from 'react-day-picker';
-import { type CSSProperties } from 'react';
-/** react-day-picker의 DayPickerProps를 확장한 캘린더 props */
-type CalendarProps = DayPickerProps & {
-    /** 추가 CSS 클래스 */
-    className?: string;
-    /** 인라인 스타일 */
-    style?: CSSProperties;
-    /** 예약 완료된 날짜 (취소선 표시) */
-    booked?: Matcher | Matcher[];
-    /** 예약 가능한 날짜 (아래에 점 표시) */
-    book?: Matcher | Matcher[];
-};
-declare const Calendar: ({ className, style, classNames, showOutsideDays, captionLayout, formatters, components, booked, book, modifiers, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
-export default Calendar;
-//# sourceMappingURL=Calendar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.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,sDAAsD;AACtD,KAAK,aAAa,GAAG,cAAc,GAAG;IACpC,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC7B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,6HAYf,aAAa,4CAsJf,CAAC;AAoEF,eAAe,QAAQ,CAAC"}

package/dist/components/Calendar/Calendar.js

@@ -1,75 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DayPicker, getDefaultClassNames, } from 'react-day-picker';
-import { useRef, useEffect, } from 'react';
-import LucideIcon from '../Icon/LucideIcon.js';
-import cn from '../../utils/cn.js';
-const Calendar = ({ className, style, classNames, showOutsideDays = true, captionLayout = 'label', formatters, components, booked, book, modifiers, ...props }) => {
-    // 라이브러리가 기본적으로 사용하는 모든 css 클래스 이름을 담고있는 객체
-    const defaultClassNames = getDefaultClassNames();
-    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, startMonth: new Date(1900, 0), endMonth: new Date(new Date().getFullYear() + 10, 11), style: style, className: cn('bg-white group/calendar p-3 [--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), captionLayout: captionLayout, formatters: {
-            formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),
-            ...formatters,
-        }, 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('bg-lb50 text-lb900 rounded-md data-[selected=true]:rounded-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,
-        }, modifiers: {
-            booked,
-            book,
-            ...modifiers,
-        }, components: {
-            Root: ({ className: rootClassName, rootRef, ...rootProps }) => (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(rootClassName), ...rootProps })),
-            Chevron: ({ className: chevronClassName, orientation }) => {
-                const iconName = orientation === 'left'
-                    ? 'chevronLeft'
-                    : orientation === 'right'
-                        ? 'chevronRight'
-                        : 'chevronDown';
-                return (_jsx(LucideIcon, { name: iconName, className: cn('size-4', chevronClassName) }));
-            },
-            DayButton: CalendarDayButton,
-            WeekNumber: ({ children, ...weekNumberProps }) => (_jsx("td", { ...weekNumberProps, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) })),
-            ...components,
-        }, ...props }));
-};
-function CalendarDayButton({ className: btnClassName, day, modifiers, ...btnProps }) {
-    const defaultClassNames = getDefaultClassNames();
-    const ref = useRef(null);
-    useEffect(() => {
-        if (modifiers.focused)
-            ref.current?.focus();
-    }, [modifiers.focused]);
-    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-md text-sm font-medium transition-all outline-none cursor-pointer', 'hover:bg-lb50 hover:text-lb900', 'focus-visible:border-lb600 focus-visible:ring-lb600/50 focus-visible:ring-[3px]', 'data-[selected-single=true]:bg-lb600 data-[selected-single=true]:text-white', 'data-[range-middle=true]:bg-lb50 data-[range-middle=true]:text-lb900', 'data-[range-start=true]:bg-lb600 data-[range-start=true]:text-white', 'data-[range-end=true]:bg-lb600 data-[range-end=true]:text-white', 'flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal', 'group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-lb600/50 group-data-[focused=true]/day:ring-[3px]', 'data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md', 'data-[range-middle=true]:rounded-none', 'data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md', '[&>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: cn('absolute bottom-1.5 size-1 rounded-full bg-lb600', modifiers.selected && 'bg-white') }))] }));
-}
-export default Calendar;

package/dist/components/Callout/Callout.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode } from 'react';
-interface INoticeProps {
-    title: string;
-    description?: string;
-    button?: ReactNode;
-    className?: string;
-}
-declare const Callout: (props: INoticeProps) => import("react/jsx-runtime").JSX.Element;
-export default Callout;
-//# sourceMappingURL=Callout.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.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,OAAO,GAAI,OAAO,YAAY,4CAUnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Callout/Callout.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CalloutBase from './CalloutBase.js';
-const Callout = (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] }));
-};
-export default Callout;

package/dist/components/Callout/CalloutBase.d.ts

@@ -1,18 +0,0 @@
-import { HTMLAttributes, ReactNode, Ref } from 'react';
-interface RootProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const CalloutBase: {
-    Root: ({ ref, children, className, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Title: (props: {
-        title?: string;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    Description: (props: {
-        description?: string;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-};
-export default CalloutBase;
-//# sourceMappingURL=CalloutBase.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalloutBase.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/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"}

package/dist/components/Callout/CalloutBase.js

@@ -1,21 +0,0 @@
-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 }));
-};
-const Title = (props) => {
-    if (!props.title)
-        return null;
-    return (_jsx("span", { className: cn('text-lb500 extrabold display16', 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 }));
-};
-export const CalloutBase = {
-    Root,
-    Title,
-    Description,
-};
-export default CalloutBase;

package/dist/components/Carousel/Carousel.d.ts

@@ -1,50 +0,0 @@
-import { type CSSProperties, type ReactNode } from 'react';
-import { type CarouselOrientation, type RootProps } from './CarouselBase.js';
-export interface CarouselProps {
-    /** 슬라이드로 렌더링할 노드 배열 */
-    slides: ReactNode[];
-    /** 가로/세로 방향. 기본 'horizontal' */
-    orientation?: CarouselOrientation;
-    /** 무한 루프. 기본 false */
-    loop?: boolean;
-    /** 자동재생(스텝형). true 또는 { delay, stopOnInteraction } */
-    autoplay?: boolean | {
-        delay?: number;
-        stopOnInteraction?: boolean;
-    };
-    /** 연속 흐름(Auto Scroll). autoplay와 동시 사용 불가, loop와 함께 권장 */
-    autoScroll?: RootProps['autoScroll'];
-    /** 슬라이드 정렬 위치. 기본 'start'(왼쪽 끝 붙음) */
-    align?: RootProps['align'];
-    /** 이전/다음 화살표 표시. 기본 true */
-    showArrows?: boolean;
-    /** 하단 도트 페이지네이션 표시. 기본 true */
-    showDots?: boolean;
-    /** "현재 / 전체" 숫자 표시. 기본 false */
-    showCounter?: boolean;
-    /** 슬라이드 한 개의 크기(basis). 기본 '100%' */
-    slideSize?: string;
-    /** 슬라이드 사이 간격(Tailwind gap 단위 px). 기본 16 */
-    gap?: number;
-    className?: string;
-    style?: CSSProperties;
-    /** Viewport에 적용할 클래스 (세로 모드 높이 지정 등) */
-    viewportClassName?: string;
-}
-/**
- * embla-carousel 기반 기본 캐러셀.
- * 고급 커스터마이징이 필요하면 `Carousel.Root` 등 compound API를 직접 조합하세요.
- */
-declare const Carousel: {
-    ({ slides, orientation, loop, autoplay, autoScroll, align, showArrows, showDots, showCounter, slideSize, gap, className, style, viewportClassName, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
-    Root: ({ orientation, loop, autoplay, autoScroll, align, options, gap, className, style, children, }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Viewport: ({ className, children }: import("./CarouselBase.js").ViewportProps) => import("react/jsx-runtime").JSX.Element;
-    Container: ({ className, style, children }: import("./CarouselBase.js").ContainerProps) => import("react/jsx-runtime").JSX.Element;
-    Slide: ({ size, index, total, className, style, children, }: import("./CarouselBase.js").SlideProps) => import("react/jsx-runtime").JSX.Element;
-    Prev: ({ className, children, ...props }: import("./CarouselBase.js").NavButtonProps) => import("react/jsx-runtime").JSX.Element;
-    Next: ({ className, children, ...props }: import("./CarouselBase.js").NavButtonProps) => import("react/jsx-runtime").JSX.Element;
-    Dots: ({ className, dotClassName }: import("./CarouselBase.js").DotsProps) => import("react/jsx-runtime").JSX.Element;
-    Counter: ({ className, format }: import("./CarouselBase.js").CounterProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default Carousel;
-//# sourceMappingURL=Carousel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAqB,EACnB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,gBAAgB,CAAC;AAGxB,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,gCAAgC;IAChC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACrE,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,QAAQ;0JAeX,aAAa;;;;;;;;;CAuDf,CAAC;AAWF,eAAe,QAAQ,CAAC"}

package/dist/components/Carousel/Carousel.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CarouselBase from './CarouselBase.js';
-import cn from '../../utils/cn.js';
-/**
- * embla-carousel 기반 기본 캐러셀.
- * 고급 커스터마이징이 필요하면 `Carousel.Root` 등 compound API를 직접 조합하세요.
- */
-const Carousel = ({ slides, orientation = 'horizontal', loop = false, autoplay = false, autoScroll = false, align = 'start', showArrows = true, showDots = true, showCounter = false, slideSize = '100%', gap = 16, className, style, viewportClassName, }) => {
-    const isVertical = orientation === 'vertical';
-    const total = slides.length;
-    return (_jsx(CarouselBase.Root, { orientation: orientation, loop: loop, autoplay: autoplay, autoScroll: autoScroll, align: align, gap: gap, className: className, style: style, children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: cn('flex items-center gap-3 w-full', isVertical && 'flex-col'), children: [showArrows && _jsx(CarouselBase.Prev, {}), _jsx(CarouselBase.Viewport, { className: cn('w-full', viewportClassName), children: _jsx(CarouselBase.Container, { children: slides.map((slide, i) => (_jsx(CarouselBase.Slide, { size: slideSize, index: i, total: total, children: slide }, i))) }) }), showArrows && _jsx(CarouselBase.Next, {})] }), (showDots || showCounter) && (_jsxs("div", { className: "flex items-center justify-center gap-3", children: [showDots && (_jsx(CarouselBase.Dots, { className: isVertical ? 'flex-col' : undefined })), showCounter && _jsx(CarouselBase.Counter, {})] }))] }) }));
-};
-Carousel.Root = CarouselBase.Root;
-Carousel.Viewport = CarouselBase.Viewport;
-Carousel.Container = CarouselBase.Container;
-Carousel.Slide = CarouselBase.Slide;
-Carousel.Prev = CarouselBase.Prev;
-Carousel.Next = CarouselBase.Next;
-Carousel.Dots = CarouselBase.Dots;
-Carousel.Counter = CarouselBase.Counter;
-export default Carousel;

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

@@ -1,98 +0,0 @@
-import { type CSSProperties, type ReactNode } from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import type { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel';
-export type CarouselOrientation = 'horizontal' | 'vertical';
-interface AutoplayConfig {
-    /** 자동 전환 간격(ms). 기본 4000 */
-    delay?: number;
-    /** 사용자 상호작용 시 자동재생 정지 여부. 기본 false (재개) */
-    stopOnInteraction?: boolean;
-}
-interface AutoScrollConfig {
-    /** 흐르는 속도. 클수록 빠름. 기본 2 */
-    speed?: number;
-    /** 진행 방향. 기본 'forward' */
-    direction?: 'forward' | 'backward';
-    /** 사용자 상호작용 시 정지 여부. 기본 false (재개) */
-    stopOnInteraction?: boolean;
-    /** 마우스 올렸을 때 정지 여부. 기본 false */
-    stopOnMouseEnter?: boolean;
-}
-interface CarouselContextType {
-    emblaRef: ReturnType<typeof useEmblaCarousel>[0];
-    emblaApi: EmblaCarouselType | undefined;
-    selectedIndex: number;
-    scrollSnaps: number[];
-    canScrollPrev: boolean;
-    canScrollNext: boolean;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    scrollTo: (index: number) => void;
-    orientation: CarouselOrientation;
-    /** 슬라이드 간 간격(px). embla 공식 방식대로 Container 음수 마진 + Slide 패딩으로 적용 */
-    gap: number;
-}
-/** 외부에서 캐러셀 컨트롤(emblaApi)에 접근하고 싶을 때 사용하는 훅 */
-export declare const useCarousel: () => CarouselContextType;
-export interface RootProps {
-    orientation?: CarouselOrientation;
-    loop?: boolean;
-    /** true 또는 설정 객체를 넘기면 자동재생(스텝형) 활성화 */
-    autoplay?: boolean | AutoplayConfig;
-    /** true 또는 설정 객체를 넘기면 연속 흐름(Auto Scroll) 활성화.
-     *  autoplay와 동시 사용 불가 — 설정 시 autoplay보다 우선. loop와 함께 쓰는 것을 권장 */
-    autoScroll?: boolean | AutoScrollConfig;
-    /** 선택된 슬라이드가 viewport의 어디에 정렬되는지. 기본 'start'(왼쪽 끝 붙음) */
-    align?: 'start' | 'center' | 'end';
-    /** embla 추가 옵션 (dragFree, slidesToScroll 등) */
-    options?: Omit<EmblaOptionsType, 'loop' | 'axis' | 'align'>;
-    /** 슬라이드 간 간격(px). 기본 16 */
-    gap?: number;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-}
-export interface ViewportProps {
-    className?: string;
-    children?: ReactNode;
-}
-export interface ContainerProps {
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-}
-export interface SlideProps {
-    /** 슬라이드 크기(basis). 기본 '100%' (한 번에 하나) */
-    size?: string;
-    index?: number;
-    total?: number;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-}
-export interface NavButtonProps {
-    className?: string;
-    children?: ReactNode;
-    'aria-label'?: string;
-}
-export interface DotsProps {
-    className?: string;
-    dotClassName?: string;
-}
-export interface CounterProps {
-    className?: string;
-    /** 표시 형식 커스터마이즈. 기본 "3 / 5" */
-    format?: (current: number, total: number) => string;
-}
-export declare const CarouselBase: {
-    Root: ({ orientation, loop, autoplay, autoScroll, align, 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: ({ size, index, total, className, style, children, }: SlideProps) => import("react/jsx-runtime").JSX.Element;
-    Prev: ({ className, children, ...props }: NavButtonProps) => import("react/jsx-runtime").JSX.Element;
-    Next: ({ className, children, ...props }: NavButtonProps) => import("react/jsx-runtime").JSX.Element;
-    Dots: ({ className, dotClassName }: DotsProps) => import("react/jsx-runtime").JSX.Element;
-    Counter: ({ className, format }: CounterProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default CarouselBase;
-//# sourceMappingURL=CarouselBase.d.ts.map

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

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

package/dist/components/Carousel/CarouselBase.js

@@ -1,144 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useState, } from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import Autoplay from 'embla-carousel-autoplay';
-import AutoScroll from 'embla-carousel-auto-scroll';
-import LucideIcon from '../Icon/LucideIcon.js';
-import cn from '../../utils/cn.js';
-const CarouselContext = createContext(null);
-const useCarouselContext = () => {
-    const ctx = useContext(CarouselContext);
-    if (!ctx)
-        throw new Error('Carousel 하위 컴포넌트는 Root 내부에서 사용해야 합니다.');
-    return ctx;
-};
-/** 외부에서 캐러셀 컨트롤(emblaApi)에 접근하고 싶을 때 사용하는 훅 */
-export const useCarousel = useCarouselContext;
-const Root = ({ orientation = 'horizontal', loop = false, autoplay = false, autoScroll = false, align = 'start', options, gap = 16, className, style, children, }) => {
-    // 자동 이동 플러그인 조립. autoScroll(연속 흐름)이 설정되면 autoplay(스텝형)보다 우선.
-    const plugins = [];
-    if (autoScroll) {
-        const c = typeof autoScroll === 'object' ? autoScroll : {};
-        plugins.push(AutoScroll({
-            speed: c.speed ?? 2,
-            direction: c.direction ?? 'forward',
-            stopOnInteraction: c.stopOnInteraction ?? false,
-            stopOnMouseEnter: c.stopOnMouseEnter ?? false,
-        }));
-    }
-    else if (autoplay) {
-        const c = typeof autoplay === 'object' ? autoplay : {};
-        plugins.push(Autoplay({
-            delay: c.delay ?? 4000,
-            stopOnInteraction: c.stopOnInteraction ?? false,
-        }));
-    }
-    const [emblaRef, emblaApi] = useEmblaCarousel({
-        ...options,
-        align,
-        loop,
-        axis: orientation === 'vertical' ? 'y' : 'x',
-    }, plugins);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [scrollSnaps, setScrollSnaps] = useState([]);
-    const [canScrollPrev, setCanScrollPrev] = useState(false);
-    const [canScrollNext, setCanScrollNext] = useState(false);
-    // 슬라이드 선택 변경시 실행되는 함수
-    const onSelect = useCallback((api) => {
-        setSelectedIndex(api.selectedScrollSnap());
-        setCanScrollPrev(api.canScrollPrev());
-        setCanScrollNext(api.canScrollNext());
-    }, []);
-    useEffect(() => {
-        if (!emblaApi)
-            return;
-        setScrollSnaps(emblaApi.scrollSnapList());
-        //슬라이드 초기 상태 설정
-        onSelect(emblaApi);
-        emblaApi.on('select', onSelect);
-        emblaApi.on('reInit', onSelect);
-        emblaApi.on('reInit', () => setScrollSnaps(emblaApi.scrollSnapList()));
-        return () => {
-            //클린업 함수
-            emblaApi.off('select', onSelect);
-            emblaApi.off('reInit', onSelect);
-        };
-    }, [emblaApi, onSelect]);
-    const scrollPrev = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);
-    const scrollNext = useCallback(() => emblaApi?.scrollNext(), [emblaApi]);
-    const scrollTo = useCallback((index) => emblaApi?.scrollTo(index), [emblaApi]);
-    return (_jsx(CarouselContext.Provider, { value: {
-            emblaRef,
-            emblaApi,
-            selectedIndex,
-            scrollSnaps,
-            canScrollPrev,
-            canScrollNext,
-            scrollPrev,
-            scrollNext,
-            scrollTo,
-            orientation,
-            gap,
-        }, children: _jsx("div", { className: cn('ld-carousel relative', className), style: style, role: "region", "aria-roledescription": "carousel", children: children }) }));
-};
-const Viewport = ({ className, children }) => {
-    const { emblaRef } = useCarouselContext();
-    return (_jsx("div", { ref: emblaRef, className: cn('ld-carousel__viewport', className), children: children }));
-};
-const Container = ({ className, style, children }) => {
-    const { orientation, gap } = useCarouselContext();
-    const isVertical = orientation === 'vertical';
-    return (_jsx("div", { className: cn('flex', isVertical ? 'flex-col h-full' : 'flex-row', className), 
-        // embla 공식 방식: 간격을 Slide 패딩으로 주고, 첫 칸 패딩만 음수 마진으로 상쇄.
-        // flex gap과 달리 loop 이음새(마지막↔처음)에도 간격이 유지됨.
-        style: {
-            [isVertical ? 'marginTop' : 'marginLeft']: -gap,
-            ...style,
-        }, children: children }));
-};
-const Slide = ({ size = '100%', index, total, className, style, children, }) => {
-    const { orientation, gap } = useCarouselContext();
-    const isVertical = orientation === 'vertical';
-    return (_jsx("div", { role: "group", "aria-roledescription": "slide", "aria-label": index != null && total != null ? `${index + 1} / ${total}` : undefined, className: cn('min-w-0 shrink-0 grow-0', className), 
-        // 간격을 슬라이드 박스의 패딩으로 포함시켜야 embla가 크기를 정확히 재고
-        // loop 이음새에도 간격이 유지된다 (embla 공식 방식).
-        style: {
-            flexBasis: size,
-            [isVertical ? 'height' : 'width']: size,
-            [isVertical ? 'paddingTop' : 'paddingLeft']: gap,
-            ...style,
-        }, children: children }));
-};
-const Prev = ({ className, children, ...props }) => {
-    const { scrollPrev, canScrollPrev, orientation } = useCarouselContext();
-    return (_jsx("button", { type: "button", onClick: scrollPrev, disabled: !canScrollPrev, "aria-label": props['aria-label'] ?? '이전', className: cn('ld-carousel__nav inline-flex items-center justify-center rounded-full bg-mono50 border border-mono200 w-9 h-9 ld-transition', 'hover:bg-neutral50 disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer', className), children: children ?? (_jsx(LucideIcon, { name: orientation === 'vertical' ? 'chevronUp' : 'chevronLeft', size: 18, className: "text-neutral900" })) }));
-};
-const Next = ({ className, children, ...props }) => {
-    const { scrollNext, canScrollNext, orientation } = useCarouselContext();
-    return (_jsx("button", { type: "button", onClick: scrollNext, disabled: !canScrollNext, "aria-label": props['aria-label'] ?? '다음', className: cn('ld-carousel__nav inline-flex items-center justify-center rounded-full bg-mono50 border border-mono200 w-9 h-9 ld-transition', 'hover:bg-neutral50 disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer', className), children: children ?? (_jsx(LucideIcon, { name: orientation === 'vertical' ? 'chevronDown' : 'chevronRight', size: 18, className: "text-neutral900" })) }));
-};
-const Dots = ({ className, dotClassName }) => {
-    const { scrollSnaps, selectedIndex, scrollTo } = useCarouselContext();
-    return (_jsx("div", { className: cn('flex items-center justify-center gap-2', className), children: scrollSnaps.map((_, i) => {
-            const isActive = i === selectedIndex;
-            return (_jsx("button", { type: "button", onClick: () => scrollTo(i), "aria-label": `${i + 1}번째 슬라이드로 이동`, "aria-current": isActive || undefined, className: cn('rounded-full ld-transition cursor-pointer', isActive ? 'w-5 h-2 bg-lb500' : 'w-2 h-2 bg-mono200', dotClassName) }, i));
-        }) }));
-};
-const Counter = ({ className, format }) => {
-    const { selectedIndex, scrollSnaps } = useCarouselContext();
-    const current = selectedIndex + 1;
-    const total = scrollSnaps.length;
-    return (_jsx("span", { "aria-live": "polite", className: cn('display14 regular text-neutral500', className), children: format ? format(current, total) : `${current} / ${total}` }));
-};
-export const CarouselBase = {
-    Root,
-    Viewport,
-    Container,
-    Slide,
-    Prev,
-    Next,
-    Dots,
-    Counter,
-};
-export default CarouselBase;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,27 +0,0 @@
-import { type InputHTMLAttributes, type Ref } from 'react';
-type CheckboxSize = 'small';
-type CheckboxFontSize = 'small' | 'regular';
-type CheckboxType = 'default' | 'checkbox' | 'pill';
-export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'value'> {
-    /** 체크 상태 변경 콜백 (boolean) */
-    onCheckedChange?: (checked: boolean) => void;
-    /** input value */
-    value?: string;
-    /** 체크 아이콘 크기 프리셋 */
-    size?: CheckboxSize;
-    /** 라벨 텍스트 크기 프리셋 */
-    fontSize?: CheckboxFontSize;
-    /** 라벨 텍스트 */
-    label?: string;
-    /** '필수' 라벨 표시 여부 */
-    isRequired?: boolean;
-    /** 체크박스 유형 (default: 체크 아이콘, checkbox: 박스형, pill: 알약형 토글) */
-    type?: CheckboxType;
-    /** 라벨과 체크박스 세로 가운데 정렬 */
-    itemCenter?: boolean;
-    /** input 요소 ref */
-    ref?: Ref<HTMLInputElement>;
-}
-declare const Checkbox: ({ checked, defaultChecked, onCheckedChange, onChange, size, fontSize, label, isRequired, type, itemCenter, disabled, className, style, ref, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export default Checkbox;
-//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAK3D,KAAK,YAAY,GAAG,OAAO,CAAC;AAC5B,KAAK,gBAAgB,GAAG,OAAO,GAAG,SAAS,CAAC;AAC5C,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAiBpD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,GAAG,OAAO,CAC1B;IACC,4BAA4B;IAC5B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,aAAa;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AA8FD,QAAA,MAAM,QAAQ,GAAI,wJAgBf,aAAa,4CAgDf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import CheckboxBase, { useCheckboxContext } from './CheckboxBase.js';
-import cn from '../../utils/cn.js';
-const checkIconSizes = {
-    small: 24,
-};
-const labelHeight = {
-    small: 'min-h-6 leading-6',
-};
-const labelSizeClasses = {
-    small: 'display14',
-    regular: 'display16',
-};
-// ── Inner: Context에서 checked를 읽어 스타일 적용 ──
-const PillInner = ({ label, ref, ...props }) => {
-    const { checked } = useCheckboxContext();
-    return (_jsxs(_Fragment, { children: [_jsx(CheckboxBase.HiddenInput, { ref: ref, ...props }), _jsxs("div", { className: "relative flex items-center", children: [_jsx(CheckboxBase.Indicator, { icon: "check", iconSize: 16, className: cn('absolute left-0'), iconClassName: cn('shrink-0 transition-all duration-200 ease-out', checked ? 'opacity-100' : 'opacity-0') }), label && (_jsx(CheckboxBase.Label, { className: cn('transition-all ld-transition text-nowrap', checked ? 'pl-5' : 'pl-sm pr-sm'), children: label }))] })] }));
-};
-const DefaultInner = ({ type, size, label, isRequired, ref, ...props }) => {
-    const { checked, disabled } = useCheckboxContext();
-    return (_jsxs(_Fragment, { children: [_jsx(CheckboxBase.HiddenInput, { ref: ref, ...props }), _jsx(CheckboxBase.Indicator, { icon: "check", iconSize: type === 'checkbox' ? 10 : checkIconSizes[size], className: cn('ld-transition', type === 'checkbox' &&
-                    'border-2 rounded-[5px] border-mono300 p-[3px]', type === 'checkbox' && checked && 'bg-lb500 border-lb500', type === 'checkbox' && disabled && 'bg-mono100 border-mono100', 'peer-focus-visible:ring-2 peer-focus-visible:ring-lb500 peer-focus-visible:ring-offset-2'), iconClassName: cn('shrink-0', checked ? 'ld-transition text-blue400' : 'text-neutral500', type === 'checkbox' && 'text-white') }), isRequired && (_jsx(CheckboxBase.Label, { className: cn('text-blue400 shrink-0 block', labelHeight[size]), children: "\uD544\uC218" })), label && (_jsx(CheckboxBase.Label, { className: cn('text-neutral900 block', labelHeight[size]), children: label }))] }));
-};
-const Checkbox = ({ checked, defaultChecked, onCheckedChange, onChange, size = 'small', fontSize = 'small', label, isRequired = false, type = 'default', itemCenter = false, disabled = false, className, style, ref, ...props }) => {
-    if (type === 'pill') {
-        return (_jsx(CheckboxBase.Root, { checked: checked, defaultChecked: defaultChecked, onCheckedChange: onCheckedChange, disabled: disabled, style: style, className: (c) => cn('items-center gap-2 rounded-full py-sm px-[15px] ld-transition display14 bold', c ? 'bg-tintBlue text-lb500' : 'bg-mono100 text-mono500', disabled && 'opacity-50 cursor-not-allowed', className), children: _jsx(PillInner, { label: label, ref: ref, onChange: onChange, ...props }) }));
-    }
-    return (_jsx(CheckboxBase.Root, { checked: checked, defaultChecked: defaultChecked, onCheckedChange: onCheckedChange, disabled: disabled, style: style, className: cn('bold items-start ld-transition', itemCenter && 'items-center', labelSizeClasses[fontSize], className), children: _jsx(DefaultInner, { type: type, size: size, label: label, isRequired: isRequired, ref: ref, onChange: onChange, ...props }) }));
-};
-export default Checkbox;