@loword/loword-design-system 0.0.2 → 0.0.4

package/dist/components/LDBadge/LDBadge.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+import { type IconName } from '../Icon/LucideIcon.js';
+type BadgeSize = 'xsmall' | 'small' | 'medium' | 'large';
+type BadgeColor = 'orange' | 'fillOrange' | 'red' | 'fillRed' | 'green' | 'fillGreen' | 'blue' | 'fillBlue' | 'yellow' | 'fillYellow' | 'gray' | 'fillGray';
+export interface LDBadgeProps<T extends string> {
+    /** 뱃지 유형 키 (colorsMap의 키와 매칭) */
+    type: T;
+    /** 뱃지 사이즈 */
+    size?: BadgeSize;
+    /** type별 색상 매핑 객체 (프리셋 BadgeColor 또는 커스텀 Tailwind 클래스) */
+    colorsMap: Record<T, BadgeColor | string>;
+    /** 뱃지 내용 */
+    children?: ReactNode;
+    /** 왼쪽 아이콘 (IconName 또는 ReactNode) */
+    leftIcon?: IconName | ReactNode;
+    /** 오른쪽 아이콘 (IconName 또는 ReactNode) */
+    rightIcon?: IconName | ReactNode;
+    /** 추가 CSS 클래스 */
+    className?: string;
+    /** 인라인 스타일 */
+    style?: React.CSSProperties;
+}
+declare const LDBadge: <T extends string>({ type, size, colorsMap, children, leftIcon, rightIcon, className, style, }: LDBadgeProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default LDBadge;
+//# sourceMappingURL=LDBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDBadge.d.ts","sourceRoot":"","sources":["../../../src/components/LDBadge/LDBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,KAAK,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzD,KAAK,UAAU,GACX,QAAQ,GACR,YAAY,GACZ,KAAK,GACL,SAAS,GACT,OAAO,GACP,WAAW,GACX,MAAM,GACN,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,UAAU,CAAC;AAEf,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM;IAC5C,iCAAiC;IACjC,IAAI,EAAE,CAAC,CAAC;IACR,aAAa;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;IAC1C,YAAY;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC,sCAAsC;IACtC,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACjC,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA+BD,QAAA,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EAAE,6EAShC,YAAY,CAAC,CAAC,CAAC,4CAmBjB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/LDBadge/LDBadge.js

@@ -0,0 +1,36 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import BadgeBase from './BadgeBase.js';
+import { renderIcon } from '../../utils/renderIcon.js';
+import cn from '../../utils/cn.js';
+const colorClasses = {
+    orange: 'bg-tintOrange text-orange500',
+    fillOrange: 'bg-orange400 text-white',
+    green: 'bg-tintGreen text-green700',
+    fillGreen: 'bg-success600 text-white',
+    red: 'bg-tintRed text-red200',
+    fillRed: 'bg-danger600 text-white',
+    blue: 'bg-tintBlue text-blue200',
+    fillBlue: 'bg-accept600 text-white',
+    yellow: 'bg-tintYellow text-yellow700',
+    fillYellow: 'bg-warning600 text-white',
+    gray: 'bg-mono200 text-neutral800',
+    fillGray: 'bg-neutral200 text-white',
+};
+const sizeClasses = {
+    xsmall: 'badge-xs',
+    small: 'badge-sm',
+    medium: 'badge-md',
+    large: 'badge-lg',
+};
+const iconSizes = {
+    xsmall: 'icon-xs',
+    small: 'icon-sm',
+    medium: 'icon-md',
+    large: 'icon-lg',
+};
+const LDBadge = ({ type, size = 'small', colorsMap, children, leftIcon, rightIcon, className, style, }) => {
+    const color = colorsMap[type];
+    const iconSize = iconSizes[size];
+    return (_jsxs(BadgeBase.Root, { className: cn('w-auto text-center whitespace-nowrap border border-transparent', colorClasses[color] ?? color, sizeClasses[size], className), style: style, children: [renderIcon(leftIcon, iconSize), children, renderIcon(rightIcon, iconSize)] }));
+};
+export default LDBadge;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare const LDBreadCrumb: {
+    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 LDBreadCrumb;
+//# sourceMappingURL=BreadCrumbBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadCrumbBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDBreadCrumb/BreadCrumbBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8C/B,eAAO,MAAM,YAAY;oCA1Cc,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;CAgB8B,CAAC;AAE5D,eAAe,YAAY,CAAC"}

package/dist/components/LDBreadCrumb/BreadCrumbBase.js

@@ -0,0 +1,17 @@
+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 LDBreadCrumb = { Root, List, Item, Separator };
+export default LDBreadCrumb;

package/dist/components/LDBreadCrumb/LDBreadCrumb.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDBreadCrumb.d.ts","sourceRoot":"","sources":["../../../src/components/LDBreadCrumb/LDBreadCrumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,QAAA,MAAM,YAAY,GAAI,wCAKnB,iBAAiB,4CAiDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/LDBreadCrumb/LDBreadCrumb.js

@@ -0,0 +1,37 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import BreadCrumbBase from './BreadCrumbBase.js';
+import LDButton from '../LDButton/LDButton.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 LDBreadCrumb = ({ 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(LDButton, { 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 LDBreadCrumb;

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

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

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

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

package/dist/components/LDButton/ButtonBase.js

@@ -0,0 +1,10 @@
+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/LDButton/ButtonSpinner.d.ts

@@ -0,0 +1,8 @@
+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/LDButton/ButtonSpinner.d.ts.map

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import LDSpinner from '../LDSpinner/LDSpinner.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(LDSpinner, { className: cn('shrink-0 text-current', sizeClasses[size], className) }));
+};
+export default ButtonSpinner;

package/dist/components/LDButton/LDButton.d.ts

@@ -0,0 +1,26 @@
+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 LDButtonProps<T extends ElementType> = PolymorphicComponentProps<T, _ButtonProps>;
+type ButtonComponent = <T extends React.ElementType = 'button'>(props: LDButtonProps<T>) => React.ReactElement | null;
+declare const LDButton: ButtonComponent;
+export default LDButton;
+//# sourceMappingURL=LDButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDButton.d.ts","sourceRoot":"","sources":["../../../src/components/LDButton/LDButton.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,aAAa,CAAC,CAAC,SAAS,WAAW,IAAI,yBAAyB,CAC1E,CAAC,EACD,YAAY,CACb,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC5D,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KACpB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,QAAA,MAAM,QAAQ,EAAE,eAoEf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/LDButton/LDButton.js

@@ -0,0 +1,102 @@
+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 LDButton = ({ as, variant = 'solid', color = 'point', size = 'small', shape = 'default', align = 'center', loading = false, block = false, children, className, leftIcon, rightIcon, compact = false, ref, ...props }) => {
+    const iconSize = 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 LDButton;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/LDCalendar/LDCalendar.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,eAAe,GAAG,cAAc,GAAG;IACtC,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,UAAU,GAAI,6HAYjB,eAAe,4CAsJjB,CAAC;AAoEF,eAAe,UAAU,CAAC"}

package/dist/components/LDCalendar/LDCalendar.js

@@ -0,0 +1,75 @@
+'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 LDCalendar = ({ 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 LDCalendar;

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

@@ -0,0 +1,18 @@
+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/LDCallout/CalloutBase.d.ts.map

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

package/dist/components/LDCallout/CalloutBase.js

@@ -0,0 +1,21 @@
+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/LDCallout/LDCallout.d.ts

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

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

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

package/dist/components/LDCallout/LDCallout.js

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

package/dist/components/LDCarousel/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/LDCarousel/CarouselBase.d.ts.map

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