@loword/loword-design-system 0.0.3 → 0.0.5

package/dist/components/Badge/BadgeBase.d.ts

@@ -1,10 +0,0 @@
-import { type HTMLAttributes, type ReactNode, type Ref } from 'react';
-interface RootProps extends HTMLAttributes<HTMLSpanElement> {
-    children?: ReactNode;
-    ref?: Ref<HTMLSpanElement>;
-}
-export declare const BadgeBase: {
-    Root: ({ className, children, ref, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default BadgeBase;
-//# sourceMappingURL=BadgeBase.d.ts.map

package/dist/components/Badge/BadgeBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeBase.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/BadgeBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAItE,UAAU,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAcD,eAAO,MAAM,SAAS;mDAZgC,SAAS;CAc9D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Badge/BadgeBase.js

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

package/dist/components/BreadCrumb/BreadCrumb.d.ts

@@ -1,17 +0,0 @@
-import { type ReactNode } from 'react';
-import { type ButtonSize } from '../Button/Button.js';
-import { type IconName } from '../Icon/LucideIcon.js';
-export interface BreadCrumbItem {
-    label: string;
-    href?: string;
-    icon?: IconName | ReactNode;
-}
-export interface BreadCrumbProps {
-    items: BreadCrumbItem[];
-    size?: ButtonSize;
-    separator?: ReactNode;
-    className?: string;
-}
-declare const BreadCrumb: ({ items, size, separator, className, }: BreadCrumbProps) => import("react/jsx-runtime").JSX.Element;
-export default BreadCrumb;
-//# sourceMappingURL=BreadCrumb.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BreadCrumb.d.ts","sourceRoot":"","sources":["../../../src/components/BreadCrumb/BreadCrumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAe,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,QAAA,MAAM,UAAU,GAAI,wCAKjB,eAAe,4CAiDjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/BreadCrumb/BreadCrumb.js

@@ -1,37 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import BreadCrumbBase from './BreadCrumbBase.js';
-import Button from '../Button/Button.js';
-import { renderIcon } from '../../utils/renderIcon.js';
-import cn from '../../utils/cn.js';
-const textSizeClasses = {
-    '2xsmall': 'bread-crumb-2xs',
-    xsmall: 'bread-crumb-xs',
-    small: 'bread-crumb-sm',
-    medium: 'bread-crumb-md',
-    large: 'bread-crumb-lg',
-    xlarge: 'bread-crumb-xl',
-};
-const iconSizeClasses = {
-    '2xsmall': 'icon-2xs',
-    xsmall: 'icon-xs',
-    small: 'icon-sm',
-    medium: 'icon-md',
-    large: 'icon-lg',
-    xlarge: 'icon-xl',
-};
-const separatorIconSizeClasses = {
-    '2xsmall': '[&>svg]:icon-2xs',
-    xsmall: '[&>svg]:icon-xs',
-    small: '[&>svg]:icon-sm',
-    medium: '[&>svg]:icon-md',
-    large: '[&>svg]:icon-lg',
-    xlarge: '[&>svg]:icon-xl',
-};
-const BreadCrumb = ({ items, size = 'small', separator, className, }) => {
-    return (_jsx(BreadCrumbBase.Root, { children: _jsx(BreadCrumbBase.List, { className: className, children: items.map((item, index) => {
-                const isCurrent = index === items.length - 1;
-                return (_jsxs(React.Fragment, { children: [_jsx(BreadCrumbBase.Item, { className: "gap-xs", children: !item.href ? (_jsxs("span", { "aria-current": "page", className: cn(textSizeClasses[size], 'flex items-center text-neutral700 gap-0.5'), children: [renderIcon(item.icon, iconSizeClasses[size]), item.label] })) : (_jsx(Button, { as: "a", href: item.href, variant: "ghost", color: "neutral", size: size, leftIcon: item.icon, className: "h-auto! px-0! min-w-0 hover:bg-transparent active:bg-transparent text-neutral700 regular flex flex-row gap-0.5", children: item.label })) }), !isCurrent && (_jsx(BreadCrumbBase.Separator, { className: separatorIconSizeClasses[size], children: separator }))] }, `${item.label}-${index}`));
-            }) }) }));
-};
-export default BreadCrumb;

package/dist/components/BreadCrumb/BreadCrumbBase.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export declare const BreadCrumb: {
-    Root: ({ className, ...props }: React.ComponentProps<"nav">) => import("react/jsx-runtime").JSX.Element;
-    List: ({ className, ...props }: React.ComponentProps<"ol">) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ className, children, ...props }: React.ComponentProps<"li">) => import("react/jsx-runtime").JSX.Element;
-    Separator: ({ children, className, ...props }: React.ComponentProps<"li">) => import("react/jsx-runtime").JSX.Element;
-};
-export default BreadCrumb;
-//# sourceMappingURL=BreadCrumbBase.d.ts.map

package/dist/components/BreadCrumb/BreadCrumbBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadCrumbBase.d.ts","sourceRoot":"","sources":["../../../src/components/BreadCrumb/BreadCrumbBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8C/B,eAAO,MAAM,UAAU;oCA1CgB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;oCAI3B,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;8CAU9D,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;mDAY1B,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;CAgB4B,CAAC;AAE1D,eAAe,UAAU,CAAC"}

package/dist/components/BreadCrumb/BreadCrumbBase.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChevronRightIcon } from 'lucide-react';
-import cn from '../../utils/cn.js';
-const Root = ({ className, ...props }) => {
-    return _jsx("nav", { "aria-label": "breadcrumb", className: cn(className), ...props });
-};
-const List = ({ className, ...props }) => {
-    return (_jsx("ol", { className: cn('flex flex-wrap items-center', className), ...props }));
-};
-const Item = ({ className, children, ...props }) => {
-    return (_jsx("li", { className: cn('inline-flex items-center', className), ...props, children: children }));
-};
-const Separator = ({ children, className, ...props }) => {
-    return (_jsx("li", { role: "presentation", "aria-hidden": "true", className: cn('inline-flex items-center justify-center text-neutral700 [&>svg]:shrink-0', className), ...props, children: children ?? _jsx(ChevronRightIcon, {}) }));
-};
-export const BreadCrumb = { Root, List, Item, Separator };
-export default BreadCrumb;

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

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { type ElementType } from 'react';
-import { PolymorphicComponentProps } from '../../types/polymorphic.js';
-import { type IconName } from '../Icon/LucideIcon.js';
-type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';
-type ButtonColor = 'neutral' | 'point' | 'danger';
-export type ButtonSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type ButtonShape = 'default' | 'capsule';
-type ButtonAlign = 'left' | 'center' | 'right';
-type _ButtonProps = {
-    variant?: ButtonVariant;
-    color?: ButtonColor;
-    size?: ButtonSize;
-    shape?: ButtonShape;
-    align?: ButtonAlign;
-    loading?: boolean;
-    block?: boolean;
-    leftIcon?: IconName | React.ReactNode;
-    rightIcon?: IconName | React.ReactNode;
-    compact?: boolean;
-};
-export type ButtonProps<T extends ElementType> = PolymorphicComponentProps<T, _ButtonProps>;
-type ButtonComponent = <T extends React.ElementType = 'button'>(props: ButtonProps<T>) => React.ReactElement | null;
-declare const Button: ButtonComponent;
-export default Button;
-//# sourceMappingURL=Button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQnD,KAAK,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5D,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClD,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AACb,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AACzC,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAkG/C,KAAK,YAAY,GAAG;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,yBAAyB,CACxE,CAAC,EACD,YAAY,CACb,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC5D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAClB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,QAAA,MAAM,MAAM,EAAE,eAoEb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/Button.js

@@ -1,102 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from '../../utils/cn.js';
-import ButtonBase from './ButtonBase.js';
-import { renderIcon } from '../../utils/renderIcon.js';
-import ButtonSpinner from './ButtonSpinner.js';
-// ── 스타일 매핑 (static) ──
-const variantBaseClasses = {
-    solid: {
-        neutral: 'bg-neutral800 text-white',
-        point: 'bg-lb500 text-white',
-        danger: 'bg-danger500 text-white',
-    },
-    outline: {
-        neutral: 'bg-white outline outline-neutral200',
-        point: 'bg-white outline outline-lb500 text-lb500',
-        danger: 'bg-white outline outline-danger500 text-danger500',
-    },
-    ghost: {
-        neutral: 'bg-transparent',
-        point: 'bg-transparent text-lb500',
-        danger: 'bg-transparent text-danger500',
-    },
-    link: {
-        neutral: 'bg-transparent underline underline-offset-[4px]',
-        point: 'bg-transparent text-lb500 underline underline-offset-[4px]',
-        danger: 'bg-transparent text-danger500 underline underline-offset-[4px]',
-    },
-};
-const variantHoverClasses = {
-    solid: {
-        neutral: 'hover:bg-neutral900 active:bg-neutral900',
-        point: 'hover:bg-lb700 active:bg-lb700',
-        danger: 'hover:bg-danger700 active:bg-danger700',
-    },
-    outline: {
-        neutral: 'hover:bg-mono100 active:bg-mono100',
-        point: 'hover:bg-accept50 active:bg-accept50',
-        danger: 'hover:bg-danger50 active:bg-danger50',
-    },
-    ghost: {
-        neutral: 'hover:bg-mono100',
-        point: 'hover:bg-accept50',
-        danger: 'hover:bg-danger50',
-    },
-    link: {
-        neutral: 'hover:text-neutral700 active:text-neutral700',
-        point: 'hover:text-lb700 active:text-lb700',
-        danger: 'hover:text-danger600 active:text-danger600',
-    },
-};
-const variantDisabledClasses = {
-    solid: 'bg-mono300 text-white',
-    outline: 'text-mono300 outline outline-neutral100',
-    ghost: 'text-mono300',
-    link: 'text-mono300 underline underline-offset-[4px]',
-};
-const colorFocusClasses = {
-    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',
-};
-const sizeClasses = {
-    '2xsmall': 'btn-2xs',
-    xsmall: 'btn-xs',
-    small: 'btn-sm',
-    medium: 'btn-md',
-    large: 'btn-lg',
-    xlarge: 'btn-xl',
-};
-const iconSizeClasses = {
-    '2xsmall': 'icon-2xs',
-    xsmall: 'icon-xs',
-    small: 'icon-sm',
-    medium: 'icon-md',
-    large: 'icon-lg',
-    xlarge: 'icon-xl',
-};
-const alignClasses = {
-    left: 'justify-start',
-    center: 'justify-center',
-    right: 'justify-end',
-};
-const shapeClasses = {
-    default: 'rounded-[5px]',
-    capsule: 'rounded-full',
-};
-const Button = ({ 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 = iconSizeClasses[size];
-    return (_jsxs(ButtonBase.Root, { as: as, ref: ref, className: cn('relative ld-transition', {
-            [variantBaseClasses[variant][color]]: !props.disabled,
-            [variantHoverClasses[variant][color]]: !props.disabled && !loading,
-            [variantDisabledClasses[variant]]: props.disabled,
-        }, {
-            [`${colorFocusClasses[color]} focus-visible:ring-offset-2`]: variant === 'solid',
-            [`${colorFocusClasses[color]} focus-visible:ring-inset`]: variant !== 'solid',
-        }, {
-            ['cursor-pointer']: !props.disabled && !loading,
-            ['cursor-wait']: !props.disabled && loading,
-            ['cursor-not-allowed']: props.disabled,
-        }, block && 'w-full', sizeClasses[size], shapeClasses[shape], alignClasses[align], compact && 'px-0 min-w-0 aspect-square', 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')] }));
-};
-export default Button;

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

@@ -1,5 +0,0 @@
-export declare const ButtonBase: {
-    Root: React.ElementType;
-};
-export default ButtonBase;
-//# sourceMappingURL=ButtonBase.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonBase.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,UAAU;UACP,KAAK,CAAC,WAAW;CAChC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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;