@loword/loword-design-system 0.0.13 → 0.0.14

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

@@ -1 +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"}
+{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDButton/ButtonBase.tsx"],"names":[],"mappings":"AAsCA,eAAO,MAAM,UAAU;UACP,KAAK,CAAC,WAAW;CAChC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/LDButton/ButtonBase.js

@@ -1,8 +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 }));
+const Root = ({ as, className, children, ref, href, disabled, ...props }) => {
+    // as가 href를 가질 때 (a, NextLink 등) disabled=true일 경우 href를 제거하고 span으로 렌더링
+    const isDisabledLink = href && disabled;
+    const Component = isDisabledLink ? 'span' : (as ?? 'button');
+    return (_jsx(Component, { ref: ref, className: cn('relative inline-flex flex-row items-center justify-center', className), "aria-disabled": disabled || undefined, ...(!isDisabledLink && { href, disabled }), ...props, children: children }));
 };
 export const ButtonBase = {
     Root: Root,

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

@@ -1 +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;AAQpE,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;AA6E/C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOtD,CAAC;AAcF,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,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,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"}
+{"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;AAQpE,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;AA+E/C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOtD,CAAC;AAcF,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,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,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

@@ -1,7 +1,7 @@
 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 ButtonBase from './ButtonBase.js';
 import ButtonSpinner from './ButtonSpinner.js';
 // ── 스타일 매핑 (static) ──
 const variantBaseClasses = {
@@ -11,9 +11,9 @@ const variantBaseClasses = {
         danger: 'bg-danger500 text-white',
     },
     outline: {
-        neutral: 'bg-white outline outline-neutral100 text-neutral900',
-        point: 'bg-white outline outline-lb500 text-lb500',
-        danger: 'bg-white outline outline-danger500 text-danger500',
+        neutral: 'bg-white outline -outline-offset-1 outline-neutral100 text-neutral900',
+        point: 'bg-white outline -outline-offset-1 outline-lb500 text-lb500',
+        danger: 'bg-white outline -outline-offset-1 outline-danger500 text-danger500',
     },
     ghost: {
         neutral: 'bg-transparent text-neutral900',
@@ -50,7 +50,7 @@ const variantHoverClasses = {
 };
 const variantDisabledClasses = {
     solid: 'bg-mono300 text-white',
-    outline: 'text-mono300 outline outline-neutral100',
+    outline: 'text-mono300 outline -outline-offset-1 outline-neutral100',
     ghost: 'text-mono300',
     link: 'text-mono300 underline underline-offset-[4px]',
 };

package/dist/components/LDRate/LDFormRate.d.ts

@@ -0,0 +1,10 @@
+import { type RegisterOptions } from 'react-hook-form';
+import { type LDRateProps } from './LDRate.js';
+export interface LDFormRateProps extends Omit<LDRateProps, 'value' | 'name' | 'onChange'> {
+    name: string;
+    options?: RegisterOptions;
+    customErrorMessage?: string;
+}
+declare const LDFormRate: ({ name, options, customErrorMessage, className, itemClassName, ...props }: LDFormRateProps) => import("react/jsx-runtime").JSX.Element;
+export default LDFormRate;
+//# sourceMappingURL=LDFormRate.d.ts.map

package/dist/components/LDRate/LDFormRate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LDFormRate.d.ts","sourceRoot":"","sources":["../../../src/components/LDRate/LDFormRate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGvD,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,UAAU,CAC9B;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,GAAI,2EAOjB,eAAe,4CAuBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/LDRate/LDFormRate.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from '../../utils/cn.js';
+import FormField from '../LDForm/LDFormField.js';
+import LDRate from './LDRate.js';
+const LDFormRate = ({ name, options, customErrorMessage = '', className, itemClassName, ...props }) => {
+    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, children: ({ field, fieldState }) => (_jsx(LDRate, { ...props, value: field.value ?? 0, onChange: field.onChange, onBlur: field.onBlur, className: className, "aria-invalid": field['aria-invalid'], itemClassName: cn(fieldState.hasError && 'text-danger600', itemClassName) })) }));
+};
+export default LDFormRate;

package/dist/components/LDRate/LDRate.d.ts

@@ -0,0 +1,45 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type LDRateSize = 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
+export interface LDRateProps {
+    /** controlled 값 */
+    value?: number;
+    /** 초기 값 (uncontrolled) */
+    defaultValue?: number;
+    /** 값 확정 콜백 */
+    onChange?: (value: number) => void;
+    /** 호버 값 변경 콜백 (마우스가 벗어나면 0으로 호출) */
+    onHoverChange?: (value: number) => void;
+    /** 별 개수 (기본 5) */
+    count?: number;
+    /** 읽기 전용 여부 (평균 평점 등 표시 용도, 상호작용 차단 및 스크린리더에 값 하나로 안내, 기본 false) */
+    readOnly?: boolean;
+    /** 반개 클릭 허용 여부 */
+    allowHalf?: boolean;
+    /** 현재 값과 동일한 지점을 다시 클릭하면 0으로 초기화 (기본 true) */
+    allowClear?: boolean;
+    /** 방향키/Home/End/Space/Enter 조작 허용 여부 (기본 true) */
+    keyboard?: boolean;
+    /** 크기 프리셋 (기본 'medium') */
+    size?: LDRateSize;
+    /** 별 대신 렌더할 커스텀 아이콘 */
+    icon?: ReactNode;
+    /** Root 래퍼(role="radiogroup")에 merge할 className */
+    className?: string;
+    /** 각 별 아이템(role="radio")에 merge할 className. 채운 별 색(text-yellow600)이 여기 붙어 svg로 상속되므로 색 override 시 사용 */
+    itemClassName?: string;
+    /** Root 래퍼(radiogroup)에 적용할 인라인 스타일 */
+    style?: CSSProperties;
+    /** 포커스 이벤트 핸들러 */
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    /** 블러 이벤트 핸들러 */
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    /** 키보드 이벤트 핸들러 */
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    /** 에러 발생 시 true, 정상 시 false */
+    'aria-invalid'?: boolean | 'true' | 'false';
+    /** 에러 메시지 요소의 id와 연결되어 스크린 리더에서 에러를 읽을 수 있게 함 */
+    'aria-describedby'?: string;
+}
+declare const LDRate: ({ value, defaultValue, onChange, onHoverChange, count, readOnly, allowHalf, allowClear, keyboard, size, icon, className, itemClassName, style, onFocus, onBlur, onKeyDown, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }: LDRateProps) => import("react/jsx-runtime").JSX.Element;
+export default LDRate;
+//# sourceMappingURL=LDRate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDRate.d.ts","sourceRoot":"","sources":["../../../src/components/LDRate/LDRate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AA6D7E,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uBAAuB;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,kBAAkB;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,iBAAiB;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,kBAAkB;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvD,+BAA+B;IAC/B,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,GAAI,gPAoBb,WAAW,4CA8Cb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/LDRate/LDRate.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Star } from 'lucide-react';
+import cn from '../../utils/cn.js';
+import { renderIcon } from '../../utils/renderIcon.js';
+import RateBase from './RateBase.js';
+const sizeClasses = {
+    small: 'display14',
+    medium: 'display16',
+    large: 'display20',
+    xlarge: 'display28',
+    '2xlarge': 'display32',
+};
+// 채워진 별 색 (황색 고정)
+const filledColorClass = 'text-yellow600';
+// 빈 별 색
+const emptyColorClass = 'text-neutral100';
+const StarItem = ({ filled, halfFilled, hovered, allowHalf, icon, }) => {
+    const iconBaseClassName = cn('size-[1em] shrink-0');
+    const renderStar = (isFilled) => {
+        const colorClass = isFilled
+            ? 'fill-current'
+            : cn('fill-current', emptyColorClass);
+        return icon ? (renderIcon(icon, cn(iconBaseClassName, colorClass, 'ld-transition'))) : (_jsx(Star, { className: cn(iconBaseClassName, colorClass, 'ld-transition') }));
+    };
+    return (_jsxs("div", { className: cn('relative ld-transition', hovered && 'scale-110'), children: [renderStar(filled), allowHalf && (_jsx("div", { "aria-hidden": "true", className: "absolute inset-0 w-1/2 overflow-hidden pointer-events-none", children: renderStar(halfFilled) }))] }));
+};
+const LDRate = ({ value, defaultValue = 0, onChange, onHoverChange, count = 5, readOnly = false, allowHalf = false, allowClear = true, keyboard = true, size = 'medium', icon, className, itemClassName, style, onFocus, onBlur, onKeyDown, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }) => {
+    const sizeClass = sizeClasses[size];
+    const itemWrapperClassName = cn(readOnly ? 'cursor-default' : 'cursor-pointer', 'ld-transition', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-lb500 focus-visible:ring-offset-2 rounded-xs', filledColorClass, itemClassName);
+    return (_jsx(RateBase.Root, { value: value, defaultValue: defaultValue, onChange: onChange, onHoverChange: onHoverChange, count: count, readOnly: readOnly, allowHalf: allowHalf, allowClear: allowClear, keyboard: keyboard, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, style: style, className: cn('flex flex-row w-fit shrink-0 items-center gap-2xs', sizeClass, className), itemClassName: itemWrapperClassName, children: ({ filled, halfFilled, hovered }) => (_jsx(StarItem, { filled: filled, halfFilled: halfFilled, hovered: hovered, allowHalf: allowHalf, icon: icon })) }));
+};
+export default LDRate;

package/dist/components/LDRate/RateBase.d.ts

@@ -0,0 +1,49 @@
+import { type FocusEventHandler, type KeyboardEventHandler, type ReactNode } from 'react';
+interface RateStarRenderProps {
+    /** 0-based 별 인덱스 */
+    index: number;
+    /** 별 전체가 채워지는지 */
+    filled: boolean;
+    /** 별의 왼쪽 절반이 채워지는지 */
+    halfFilled: boolean;
+    /** 이 별이 현재 호버 대상인지 */
+    hovered: boolean;
+}
+interface RootProps {
+    /** controlled 값 */
+    value?: number;
+    /** 초기 값 (uncontrolled) */
+    defaultValue?: number;
+    /** 값 확정 콜백 */
+    onChange?: (value: number) => void;
+    /** 호버 값 변경 콜백 (마우스가 벗어나면 0으로 호출) */
+    onHoverChange?: (value: number) => void;
+    /** 별 개수 */
+    count?: number;
+    /** 읽기 전용 여부 (평균 평점 등 표시 용도, 상호작용 차단) */
+    readOnly?: boolean;
+    /** 반개 클릭 허용 여부 */
+    allowHalf?: boolean;
+    /** 현재 값과 동일한 지점을 다시 클릭하면 0으로 초기화 */
+    allowClear?: boolean;
+    /** 방향키/Home/End/Space/Enter 조작 허용 여부 */
+    keyboard?: boolean;
+    onFocus?: FocusEventHandler<HTMLDivElement>;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 별 하나의 시각 표현을 렌더하는 render-prop */
+    children: (star: RateStarRenderProps) => ReactNode;
+    /** 각 Item(role="radio")에 그대로 전달할 className 패스스루 */
+    itemClassName?: string;
+    /** 에러 발생 시 true, 정상 시 false */
+    'aria-invalid'?: boolean | 'true' | 'false';
+    /** 에러 메시지 요소의 id와 연결되어 스크린 리더에서 에러를 읽을 수 있게 함 */
+    'aria-describedby'?: string;
+}
+export declare const RateBase: {
+    Root: ({ value, defaultValue, onChange, onHoverChange, count, readOnly, allowHalf, allowClear, keyboard, onFocus, onBlur, onKeyDown, className, style, children, itemClassName, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }: RootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default RateBase;
+//# sourceMappingURL=RateBase.d.ts.map

package/dist/components/LDRate/RateBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RateBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDRate/RateBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,UAAU,mBAAmB;IAC3B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,sBAAsB;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,OAAO,EAAE,OAAO,CAAC;CAClB;AAGD,UAAU,SAAS;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oCAAoC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,SAAS,CAAC;IACnD,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAsOD,eAAO,MAAM,QAAQ;yPAjNlB,SAAS;CAmNX,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/LDRate/RateBase.js

@@ -0,0 +1,108 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState, } from 'react';
+const Root = ({ value, defaultValue = 0, onChange, onHoverChange, count = 5, readOnly = false, allowHalf = false, allowClear = true, keyboard = true, onFocus, onBlur, onKeyDown, className, style, children, itemClassName, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }) => {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const [hoverValue, setHoverValue] = useState(null);
+    const isControlled = value !== undefined;
+    const currentValue = isControlled ? value : internalValue;
+    const displayValue = hoverValue !== null ? hoverValue : currentValue;
+    const min = allowHalf ? 0.5 : 1;
+    const step = allowHalf ? 0.5 : 1;
+    const clamp = (n) => Math.min(Math.max(n, 0), count);
+    const selectValue = (candidate) => {
+        if (readOnly)
+            return;
+        const next = allowClear && candidate === currentValue ? 0 : candidate;
+        if (!isControlled)
+            setInternalValue(next);
+        onChange?.(next);
+    };
+    const updateHover = (candidate) => {
+        if (readOnly)
+            return;
+        setHoverValue(candidate);
+        if (candidate !== null)
+            onHoverChange?.(candidate);
+    };
+    const handleMouseLeave = () => {
+        if (readOnly)
+            return;
+        setHoverValue(null);
+        onHoverChange?.(0);
+    };
+    const handleKeyDown = (event, index) => {
+        if (!keyboard || readOnly)
+            return;
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                event.preventDefault();
+                selectValue(clamp(currentValue + step));
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                event.preventDefault();
+                selectValue(clamp(currentValue - step));
+                break;
+            case 'Home':
+                event.preventDefault();
+                selectValue(min);
+                break;
+            case 'End':
+                event.preventDefault();
+                selectValue(count);
+                break;
+            case ' ':
+            case 'Enter':
+                event.preventDefault();
+                selectValue(index + 1);
+                break;
+            default:
+                break;
+        }
+    };
+    const rawActiveIndex = currentValue === 0 ? 0 : Math.ceil(currentValue) - 1;
+    const activeIndex = Number.isFinite(rawActiveIndex)
+        ? Math.min(Math.max(rawActiveIndex, 0), count - 1)
+        : 0;
+    const raw = Number.isFinite(displayValue) ? displayValue : 0;
+    const snapped = allowHalf ? Math.round(raw * 2) / 2 : Math.round(raw);
+    if (readOnly) {
+        return (_jsx("div", { role: "img", "aria-label": `${count}점 중 ${currentValue}점`, style: style, className: className, children: Array.from({ length: count }, (_, index) => {
+                const filled = snapped >= index + 1;
+                const halfFilled = snapped >= index + 0.5;
+                return (_jsx("div", { "aria-hidden": "true", className: itemClassName, children: children({ index, filled, halfFilled, hovered: false }) }, index));
+            }) }));
+    }
+    return (_jsx("div", { role: "radiogroup", "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, style: style, className: className, onMouseLeave: handleMouseLeave, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, children: Array.from({ length: count }, (_, index) => {
+            const filled = snapped >= index + 1;
+            const halfFilled = snapped >= index + 0.5;
+            const hovered = hoverValue !== null && Math.ceil(hoverValue) - 1 === index;
+            return (_jsx(Item, { index: index, count: count, allowHalf: allowHalf, isTabbable: index === activeIndex, isChecked: currentValue !== 0 && index === activeIndex, label: index === activeIndex && !Number.isInteger(currentValue)
+                    ? `${currentValue}점`
+                    : `${index + 1}점`, onSelect: selectValue, onHover: updateHover, onKeyDown: (event) => handleKeyDown(event, index), className: itemClassName, children: children({ index, filled, halfFilled, hovered }) }, index));
+        }) }));
+};
+const Item = ({ index, count, allowHalf, isTabbable, isChecked, label, onSelect, onHover, onKeyDown, className, children, }) => {
+    const ref = useRef(null);
+    const posinset = index + 1;
+    const getCandidate = (event) => {
+        if (!allowHalf)
+            return posinset;
+        const rect = ref.current.getBoundingClientRect();
+        const isLeftHalf = event.clientX - rect.left < rect.width / 2;
+        return isLeftHalf ? index + 0.5 : posinset;
+    };
+    const handleClick = (event) => {
+        onSelect(getCandidate(event));
+    };
+    const handleMouseMove = (event) => {
+        onHover(getCandidate(event));
+    };
+    return (_jsx("div", { ref: ref, role: "radio", "aria-checked": isChecked, "aria-posinset": posinset, "aria-setsize": count, "aria-label": label, tabIndex: isTabbable ? 0 : -1, className: className, onClick: handleClick, onMouseMove: handleMouseMove, onKeyDown: onKeyDown, children: children }));
+};
+export const RateBase = {
+    Root,
+};
+export default RateBase;

package/dist/components/LDTabs/LDTabs.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { type ComponentProps, type ElementType, type ReactNode } from 'react';
+import { type PolymorphicComponentProps } from '../../types/polymorphic.js';
+import TabsBase from './TabsBase.js';
+/** 탭 트리거 시각 스타일 */
+export type LDTabsVariant = 'line' | 'card' | 'button';
+/** 탭 리스트 위치 */
+export type LDTabsPlacement = 'top' | 'left' | 'right';
+/** 탭 트리거 크기 */
+export type LDTabsSize = 'small' | 'medium' | 'large';
+/** 탭 트리거 강조색 (활성·hover). Trigger에 개별 지정한다. mono/neutral 계열은 color와 무관하게 고정 */
+export type LDTabsColor = 'point' | 'danger' | 'success' | 'warning';
+/** LDTabs.Root props */
+export interface LDTabsRootProps extends ComponentProps<typeof TabsBase.Root> {
+    /** 탭 트리거 시각 스타일. 기본 'line' */
+    variant?: LDTabsVariant;
+    /** 탭 리스트 위치. 기본 'top' */
+    placement?: LDTabsPlacement;
+    /** 탭 트리거 크기. 기본 'medium' */
+    size?: LDTabsSize;
+}
+/** LDTabs.List props */
+export type LDTabsListProps = ComponentProps<typeof TabsBase.List>;
+interface LDTabsTriggerOwnProps {
+    /** 활성 상태 강조색. 지정한 트리거에만 적용됩니다. 기본 'point' */
+    color?: LDTabsColor;
+    /** children 왼쪽에 렌더되는 아이콘. 크기는 size에 따라 자동 결정됩니다. */
+    icon?: ReactNode;
+    /** 탭 값 */
+    value: string;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+}
+/** LDTabs.Trigger props */
+export type LDTabsTriggerProps<T extends ElementType> = PolymorphicComponentProps<T, LDTabsTriggerOwnProps>;
+type TriggerComponent = <T extends ElementType = 'button'>(props: LDTabsTriggerProps<T>) => React.ReactElement | null;
+/** LDTabs.Content props */
+export type LDTabsContentProps = ComponentProps<typeof TabsBase.Content>;
+declare const LDTabs: {
+    Root: ({ variant, placement, size, className, ...props }: LDTabsRootProps) => import("react/jsx-runtime").JSX.Element;
+    List: ({ className, children, ...props }: LDTabsListProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: TriggerComponent;
+    Content: ({ className, children, ...props }: LDTabsContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default LDTabs;
+//# sourceMappingURL=LDTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LDTabs.d.ts","sourceRoot":"","sources":["../../../src/components/LDTabs/LDTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAGzE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAKlC,mBAAmB;AACnB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AACvD,eAAe;AACf,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AACvD,eAAe;AACf,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtD,8EAA8E;AAC9E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAwBrE,wBAAwB;AACxB,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC;IAC3E,8BAA8B;IAC9B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,yBAAyB;IACzB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAwED,wBAAwB;AACxB,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AA+PnE,UAAU,qBAAqB;IAC7B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU;IACV,KAAK,EAAE,MAAM,CAAC;IACd,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,2BAA2B;AAC3B,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAClD,yBAAyB,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAEtD,KAAK,gBAAgB,GAAG,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KACzB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAgD/B,2BAA2B;AAC3B,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;AAkBzE,QAAA,MAAM,MAAM;8DApZT,eAAe;8CAmE+B,eAAe;;iDAiUZ,kBAAkB;CAqBrE,CAAC;AAEF,eAAe,MAAM,CAAC"}