@loword/loword-design-system 0.0.1

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselBase.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAGpD,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAEjB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D,UAAU,cAAc;IACtB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,gBAAgB;IACxB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACnC,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAGD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACxC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,mBAAmB,CAAC;IACjC,mEAAmE;IACnE,GAAG,EAAE,MAAM,CAAC;CACb;AAWD,+CAA+C;AAC/C,eAAO,MAAM,WAAW,2BAAqB,CAAC;AAG9C,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC;qEACiE;IACjE,UAAU,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IACxC,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAC5D,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6GD,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAYD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAyBD,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmCD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqDD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4BD,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACrD;AAgBD,eAAO,MAAM,YAAY;0GAnStB,SAAS;wCAqG+B,aAAa;gDAgBL,cAAc;iEAwC9D,UAAU;8CAgCoC,cAAc;8CAyBd,cAAc;wCA+BpB,SAAS;qCAgCZ,YAAY;CAuBnD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Carousel/CarouselBase.js

@@ -0,0 +1,144 @@
+'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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,40 @@
+import { type ReactNode, type Ref } from 'react';
+import { type IconName } from '../Icon/LucideIcon.js';
+interface CheckboxContextType {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled: boolean;
+    isFocused: boolean;
+    setIsFocused: (focused: boolean) => void;
+}
+export declare const useCheckboxContext: () => CheckboxContextType;
+interface RootProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string | ((checked: boolean) => string);
+    style?: React.CSSProperties;
+    children?: ReactNode;
+}
+interface HiddenInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    ref?: Ref<HTMLInputElement>;
+}
+interface IndicatorProps {
+    icon?: IconName;
+    iconSize?: number;
+    className?: string;
+    iconClassName?: string;
+}
+interface LabelProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const CheckboxBase: {
+    Root: ({ checked, defaultChecked, onCheckedChange, disabled, className, style, children, }: RootProps) => import("react/jsx-runtime").JSX.Element;
+    HiddenInput: ({ ref, onFocus, onBlur, onChange, ...props }: HiddenInputProps) => import("react/jsx-runtime").JSX.Element;
+    Indicator: ({ icon, iconSize, className, iconClassName, }: IndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ className, children }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default CheckboxBase;
+//# sourceMappingURL=CheckboxBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxBase.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAIT,MAAM,OAAO,CAAC;AACf,OAAmB,EAAE,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI/D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAID,eAAO,MAAM,kBAAkB,2BAO9B,CAAC;AAGF,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAiDD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAqCD,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgBD,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,eAAO,MAAM,YAAY;gGA5GtB,SAAS;gEAiDT,gBAAgB;+DAyChB,cAAc;qCAcuB,UAAU;CASjD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Checkbox/CheckboxBase.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, } from 'react';
+import LucideIcon from '../Icon/LucideIcon.js';
+import cn from '../../utils/cn.js';
+const CheckboxContext = createContext(null);
+export const useCheckboxContext = () => {
+    const ctx = useContext(CheckboxContext);
+    if (!ctx)
+        throw new Error('CheckboxBase 하위 컴포넌트는 Root 내부에서 사용해야 합니다.');
+    return ctx;
+};
+const Root = ({ checked, defaultChecked = false, onCheckedChange, disabled = false, className, style, children, }) => {
+    const [internal, setInternal] = useState(defaultChecked);
+    const [isFocused, setIsFocused] = useState(false);
+    const isControlled = checked !== undefined;
+    const resolved = isControlled ? checked : internal;
+    const handleChange = (val) => {
+        if (!isControlled)
+            setInternal(val);
+        onCheckedChange?.(val);
+    };
+    const resolvedClassName = typeof className === 'function' ? className(resolved) : className;
+    return (_jsx(CheckboxContext, { value: {
+            checked: resolved,
+            onCheckedChange: handleChange,
+            disabled,
+            isFocused,
+            setIsFocused,
+        }, children: _jsx("label", { style: style, onClick: (e) => e.stopPropagation(), className: cn('flex flex-row w-fit gap-2.5 shrink-0', disabled ? 'cursor-not-allowed' : 'cursor-pointer', resolvedClassName), children: children }) }));
+};
+const HiddenInput = ({ ref, onFocus, onBlur, onChange, ...props }) => {
+    const { checked, onCheckedChange, disabled, setIsFocused } = useCheckboxContext();
+    return (_jsx("input", { type: "checkbox", ref: ref, className: "sr-only peer", checked: checked, disabled: disabled, onChange: (e) => {
+            e.stopPropagation(); // 이벤트 전파 중단
+            onCheckedChange(e.target.checked);
+            onChange?.(e);
+        }, onFocus: (e) => {
+            setIsFocused(true);
+            onFocus?.(e);
+        }, onBlur: (e) => {
+            setIsFocused(false);
+            onBlur?.(e);
+        }, ...props }));
+};
+const Indicator = ({ icon = 'check', iconSize = 24, className, iconClassName, }) => {
+    return (_jsx("div", { className: className, children: _jsx(LucideIcon, { name: icon, size: iconSize, className: iconClassName }) }));
+};
+const Label = ({ className, children }) => {
+    return _jsx("span", { className: className, children: children });
+};
+export const CheckboxBase = {
+    Root,
+    HiddenInput,
+    Indicator,
+    Label,
+};
+export default CheckboxBase;

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

@@ -0,0 +1,22 @@
+import type React from 'react';
+export interface CheckboxGroupOption {
+    label: string;
+    value: string;
+    sub?: string;
+    disabled?: boolean;
+}
+export interface CheckboxGroupProps {
+    items: CheckboxGroupOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    disabled?: boolean;
+    type?: 'default' | 'checkbox' | 'pill';
+    size?: 'small';
+    fontSize?: 'small' | 'regular';
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CheckboxGroup: ({ items, value, onChange, disabled, type, size, fontSize, orientation, className, style, }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxGroup;
+//# sourceMappingURL=CheckboxGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,aAAa,GAAI,4FAWpB,kBAAkB,4CA+BpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Checkbox/CheckboxGroup.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Checkbox from './Checkbox.js';
+import cn from '../../utils/cn.js';
+const CheckboxGroup = ({ items, value = [], onChange, disabled = false, type = 'pill', size = 'small', fontSize = 'small', orientation = 'horizontal', className, style, }) => {
+    const handleChange = (target) => {
+        const arr = value.includes(target)
+            ? value.filter((v) => v !== target)
+            : [...value, target];
+        onChange?.(arr);
+    };
+    return (_jsx("div", { className: cn('flex gap-2.5', orientation === 'vertical' ? 'flex-col' : 'flex-row', className), style: style, children: items.map((option) => (_jsx(Checkbox, { type: type, size: size, fontSize: fontSize, checked: value.includes(option.value), onCheckedChange: () => handleChange(option.value), label: option.label, disabled: disabled || option.disabled }, option.value))) }));
+};
+export default CheckboxGroup;

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

@@ -0,0 +1,14 @@
+import { type Ref } from 'react';
+import { type RegisterOptions } from 'react-hook-form';
+import { type CheckboxProps } from './Checkbox.js';
+interface FormCheckboxProps extends Omit<CheckboxProps, '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/Checkbox/FormCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/FormCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAI1D,UAAU,iBAAkB,SAAQ,IAAI,CACtC,aAAa,EACb,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/Checkbox/FormCheckbox.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Checkbox from './Checkbox.js';
+import FormField from '../Form/FormField.js';
+import FormErrorMessage from '../Form/FormErrorMessage.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(Checkbox, { ...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/Checkbox/FormCheckboxGroup.d.ts

@@ -0,0 +1,13 @@
+import { type RegisterOptions } from 'react-hook-form';
+import { type CheckboxGroupProps } from './CheckboxGroup.js';
+interface FormCheckboxGroupProps extends Omit<CheckboxGroupProps, '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/Checkbox/FormCheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/FormCheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAsB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIzE,UAAU,sBAAuB,SAAQ,IAAI,CAC3C,kBAAkB,EAClB,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/Checkbox/FormCheckboxGroup.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CheckboxGroup from './CheckboxGroup.js';
+import FormField from '../Form/FormField.js';
+import FormErrorMessage from '../Form/FormErrorMessage.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(CheckboxGroup, { ...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/DataCalendar/DataCalendar.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+import DataCalendarBase from './DataCalendarBase.js';
+declare const DataCalendar: {
+    Root: ({ className, ...props }: ComponentProps<typeof DataCalendarBase.Root>) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ className, ...props }: ComponentProps<typeof DataCalendarBase.Title>) => import("react/jsx-runtime").JSX.Element;
+    Prev: ({ className, children, ...props }: ComponentProps<typeof DataCalendarBase.Prev>) => import("react/jsx-runtime").JSX.Element;
+    Next: ({ className, children, ...props }: ComponentProps<typeof DataCalendarBase.Next>) => import("react/jsx-runtime").JSX.Element;
+    Grid: ({ className, weekdayClassName, ...props }: ComponentProps<typeof DataCalendarBase.Grid>) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ className, dateClassName, ...props }: ComponentProps<typeof DataCalendarBase.Cell>) => import("react/jsx-runtime").JSX.Element;
+};
+export default DataCalendar;
+//# sourceMappingURL=DataCalendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DataCalendar/DataCalendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAoFlD,QAAA,MAAM,YAAY;oCA/Ef,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;qCAU5C,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC;8CAW7C,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;8CAgB5C,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;sDAgB5C,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;mDAY5C,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;CAca,CAAC;AAE7D,eAAe,YAAY,CAAC"}

package/dist/components/DataCalendar/DataCalendar.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import cn from '../../utils/cn.js';
+import DataCalendarBase from './DataCalendarBase.js';
+const Root = ({ className, ...props }) => (_jsx(DataCalendarBase.Root, { className: cn('w-full select-none', className), ...props }));
+const Title = ({ className, ...props }) => (_jsx(DataCalendarBase.Title, { className: cn('display32 bold flex justify-center', className), ...props }));
+const Prev = ({ className, children, ...props }) => (_jsx(DataCalendarBase.Prev, { className: cn('flex items-center justify-center rounded-full size-[30px] bg-neutral100 hover:bg-mono400 text-neutral500 ld-transition cursor-pointer', className), ...props, children: children ?? _jsx(ChevronLeft, { size: 15 }) }));
+const Next = ({ className, children, ...props }) => (_jsx(DataCalendarBase.Next, { className: cn('flex items-center justify-center rounded-full size-[30px] bg-neutral100 hover:bg-mono400 text-neutral500 ld-transition cursor-pointer', className), ...props, children: children ?? _jsx(ChevronRight, { size: 16 }) }));
+const Grid = ({ className, weekdayClassName, ...props }) => (_jsx(DataCalendarBase.Grid, { className: className, weekdayClassName: cn('display14 text-mono500 py-[10px] ', weekdayClassName), ...props }));
+const Cell = ({ className, dateClassName, ...props }) => (_jsx(DataCalendarBase.Cell, { className: cn('min-h-[100px] py-[10px] flex flex-col gap-[15px] data-outside:*:text-mono400', className), dateClassName: cn('display16 font-normal self-start leading-none data-[outside]:text-mono400 data-[outside]:font-normal data-[weekend]:text-danger600 data-[outside]:data-[weekend]:text-danger200', dateClassName), ...props }));
+const DataCalendar = { Root, Title, Prev, Next, Grid, Cell };
+export default DataCalendar;

package/dist/components/DataCalendar/DataCalendarBase.d.ts

@@ -0,0 +1,45 @@
+import { type Dayjs } from 'dayjs';
+import type { ReactNode } from 'react';
+interface DataCalendarContextType {
+    month: Dayjs;
+    changeMonth: (delta: number) => void;
+}
+export declare const useDataCalendarContext: () => DataCalendarContextType;
+interface RootProps {
+    children?: ReactNode;
+    className?: string;
+    defaultMonth?: Dayjs;
+    onMonthChange?: (month: Dayjs) => void;
+}
+interface TitleProps {
+    className?: string;
+    format?: string;
+}
+interface NavButtonProps {
+    children?: ReactNode;
+    className?: string;
+}
+interface GridProps {
+    renderCell: (date: Dayjs, index: number, isOutside: boolean) => ReactNode;
+    weekdays?: string[];
+    className?: string;
+    weekdayClassName?: string;
+}
+interface CellProps {
+    date: Dayjs;
+    /** 현재 표시 중인 월과 다른 달 날짜 여부 (이전/다음 달) */
+    isOutside?: boolean;
+    children?: ReactNode;
+    className?: string;
+    dateClassName?: string;
+}
+declare const DataCalendarBase: {
+    Root: ({ children, className, defaultMonth, onMonthChange, }: RootProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ className, format }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+    Prev: ({ children, className }: NavButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Next: ({ children, className }: NavButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Grid: ({ renderCell, weekdays, className, weekdayClassName, }: GridProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ date, isOutside, children, className, dateClassName, }: CellProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default DataCalendarBase;
+//# sourceMappingURL=DataCalendarBase.d.ts.map

package/dist/components/DataCalendar/DataCalendarBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCalendarBase.d.ts","sourceRoot":"","sources":["../../../src/components/DataCalendar/DataCalendarBase.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,KAAK,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,uBAAuB;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAID,eAAO,MAAM,sBAAsB,+BAOlC,CAAC;AAIF,UAAU,SAAS;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC;AA2BD,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AASD,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD,UAAU,SAAS;IACjB,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC;IAC1E,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAgDD,UAAU,SAAS;IACjB,IAAI,EAAE,KAAK,CAAC;IACZ,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA6BD,QAAA,MAAM,gBAAgB;kEApJnB,SAAS;mCAyBuC,UAAU;oCAYtB,cAAc;oCASd,cAAc;mEAyBlD,SAAS;qEAwDT,SAAS;CAqBoD,CAAC;AAEjE,eAAe,gBAAgB,CAAC"}