@loword/loword-design-system 0.0.4 → 0.0.6

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

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

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

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

package/dist/components/Checkbox/CheckboxBase.js

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

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

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

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

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

package/dist/components/Checkbox/CheckboxGroup.js

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

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

@@ -1,14 +0,0 @@
-import { type Ref } from 'react';
-import { type RegisterOptions } from 'react-hook-form';
-import { type CheckboxProps } from './Checkbox.js';
-interface FormCheckboxProps extends Omit<CheckboxProps, 'checked' | 'name' | 'onCheckedChange'> {
-    name: string;
-    options?: RegisterOptions;
-    ref?: Ref<HTMLInputElement>;
-    customErrorMessage?: string;
-    isHiddenErrorMessage?: boolean;
-    errorClassName?: string;
-}
-declare const FormCheckbox: ({ name, options, ref, customErrorMessage, isHiddenErrorMessage, errorClassName, disabled, ...props }: FormCheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export default FormCheckbox;
-//# sourceMappingURL=FormCheckbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/FormCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAI1D,UAAU,iBAAkB,SAAQ,IAAI,CACtC,aAAa,EACb,SAAS,GAAG,MAAM,GAAG,iBAAiB,CACvC;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,YAAY,GAAI,sGASnB,iBAAiB,4CA8BnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Checkbox/FormCheckbox.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Checkbox from './Checkbox.js';
-import FormField from '../Form/FormField.js';
-import FormErrorMessage from '../Form/FormErrorMessage.js';
-const FormCheckbox = ({ name, options, ref, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, disabled = false, ...props }) => {
-    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, ref: ref, children: ({ field, fieldState }) => (_jsxs("div", { className: "relative", children: [_jsx(Checkbox, { ...props, checked: !!field.value, onCheckedChange: field.onChange, onBlur: field.onBlur, disabled: disabled, ref: field.ref }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
-};
-export default FormCheckbox;

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

@@ -1,13 +0,0 @@
-import { type RegisterOptions } from 'react-hook-form';
-import { type CheckboxGroupProps } from './CheckboxGroup.js';
-interface FormCheckboxGroupProps extends Omit<CheckboxGroupProps, 'value' | 'onChange'> {
-    name: string;
-    options?: RegisterOptions;
-    customErrorMessage?: string;
-    isHiddenErrorMessage?: boolean;
-    errorClassName?: string;
-    disabled?: boolean;
-}
-declare const FormCheckboxGroup: ({ name, options, customErrorMessage, isHiddenErrorMessage, errorClassName, disabled, ...props }: FormCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
-export default FormCheckboxGroup;
-//# sourceMappingURL=FormCheckboxGroup.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/FormCheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAsB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIzE,UAAU,sBAAuB,SAAQ,IAAI,CAC3C,kBAAkB,EAClB,OAAO,GAAG,UAAU,CACrB;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,iGAQxB,sBAAsB,4CA2BxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Checkbox/FormCheckboxGroup.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CheckboxGroup from './CheckboxGroup.js';
-import FormField from '../Form/FormField.js';
-import FormErrorMessage from '../Form/FormErrorMessage.js';
-const FormCheckboxGroup = ({ name, options, customErrorMessage = '', isHiddenErrorMessage = true, errorClassName, disabled = false, ...props }) => {
-    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, children: ({ field, fieldState }) => (_jsxs("div", { className: "relative", children: [_jsx(CheckboxGroup, { ...props, value: field.value ?? [], onChange: field.onChange, disabled: disabled }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
-};
-export default FormCheckboxGroup;

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

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

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

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

package/dist/components/DataCalendar/DataCalendar.js

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

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

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

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

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

package/dist/components/DataCalendar/DataCalendarBase.js

@@ -1,57 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import dayjs from 'dayjs';
-import { createContext, useContext, useState } from 'react';
-const DataCalendarContext = createContext(null);
-export const useDataCalendarContext = () => {
-    const ctx = useContext(DataCalendarContext);
-    if (!ctx)
-        throw new Error('DataCalendarBase 서브컴포넌트는 DataCalendarBase.Root 내부에서 사용해야 합니다.');
-    return ctx;
-};
-const Root = ({ children, className, defaultMonth, onMonthChange, }) => {
-    const [month, setMonth] = useState((defaultMonth ?? dayjs()).startOf('month'));
-    const changeMonth = (delta) => {
-        const next = month.add(delta, 'month');
-        setMonth(next);
-        onMonthChange?.(next);
-    };
-    return (_jsx(DataCalendarContext, { value: { month, changeMonth }, children: _jsx("div", { className: className, children: children }) }));
-};
-const Title = ({ className, format = 'YYYY년 M월' }) => {
-    const { month } = useDataCalendarContext();
-    return _jsx("span", { className: className, children: month.format(format) });
-};
-const Prev = ({ children, className }) => {
-    const { changeMonth } = useDataCalendarContext();
-    return (_jsx("button", { type: "button", onClick: () => changeMonth(-1), className: className, children: children }));
-};
-const Next = ({ children, className }) => {
-    const { changeMonth } = useDataCalendarContext();
-    return (_jsx("button", { type: "button", onClick: () => changeMonth(1), className: className, children: children }));
-};
-// ── Grid ──
-const DEFAULT_WEEKDAYS = ['일', '월', '화', '수', '목', '금', '토'];
-const Grid = ({ renderCell, weekdays = DEFAULT_WEEKDAYS, className, weekdayClassName, }) => {
-    const { month } = useDataCalendarContext();
-    const startOffset = month.startOf('month').day();
-    const daysInMonth = month.daysInMonth();
-    const prevMonth = month.subtract(1, 'month');
-    const nextMonth = month.add(1, 'month');
-    const prevDays = prevMonth.daysInMonth();
-    const cells = Array.from({ length: startOffset + daysInMonth }, (_, i) => i < startOffset
-        ? prevMonth.date(prevDays - startOffset + i + 1)
-        : month.date(i - startOffset + 1));
-    let nextDay = 1;
-    while (cells.length % 7 !== 0)
-        cells.push(nextMonth.date(nextDay++));
-    return (_jsxs("div", { className: className, children: [_jsx("div", { className: "grid grid-cols-7", children: weekdays.map((d) => (_jsx("span", { className: weekdayClassName, children: d }, d))) }), _jsx("div", { className: "grid grid-cols-7", children: cells.map((date, i) => renderCell(date, i, !date.isSame(month, 'month'))) })] }));
-};
-const Cell = ({ date, isOutside, children, className, dateClassName, }) => {
-    const isToday = date.isSame(dayjs(), 'day');
-    const isWeekend = date.day() === 0 || date.day() === 6;
-    return (_jsxs("div", { className: className, "data-outside": isOutside || undefined, children: [_jsx("span", { "data-today": isToday || undefined, "data-outside": isOutside || undefined, "data-weekend": isWeekend || undefined, className: dateClassName, children: date.date() }), children] }));
-};
-// ── Export ──
-const DataCalendarBase = { Root, Title, Prev, Next, Grid, Cell };
-export default DataCalendarBase;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,34 +0,0 @@
-import { type ReactNode } from 'react';
-export interface DatePickerProps {
-    /** 선택된 날짜 (controlled) */
-    value?: Date;
-    /** 초기 선택 날짜 (uncontrolled) */
-    defaultValue?: Date;
-    /** 날짜 변경 시 호출되는 콜백 */
-    onChange?: (value: Date | undefined) => void;
-    /** 미선택 시 표시할 텍스트 */
-    placeholder?: string;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** true 시 너비 100% */
-    block?: boolean;
-    /** 색상 테마 (danger 시 에러 스타일) */
-    color?: 'neutral' | 'danger';
-    /** 현재 시점 이후 날짜 선택 비활성화 */
-    isDisableAfterNow?: boolean;
-    /** 최소 선택 가능 날짜 */
-    minDate?: Date;
-    /** 트리거 우측 아이콘 */
-    trailingIcon?: ReactNode;
-    /** 날짜 초기화 버튼 표시 여부 */
-    showReset?: boolean;
-    /** 추가 CSS 클래스 */
-    className?: string;
-    /** 인라인 스타일 (트리거 버튼에 적용) */
-    style?: React.CSSProperties;
-    /** 트리거 버튼 className */
-    triggerClassName?: string;
-}
-declare const DatePicker: ({ value, defaultValue, onChange, placeholder, disabled, block, color, isDisableAfterNow, minDate, trailingIcon, showReset, className, style, triggerClassName, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
-export default DatePicker;
-//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AASjD,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,8BAA8B;IAC9B,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7C,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC7B,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB;IAClB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,iBAAiB;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,uBAAuB;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,UAAU,GAAI,kKAiBjB,eAAe,4CA4FjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/DatePicker/DatePicker.js

@@ -1,44 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import dayjs from 'dayjs';
-import { ko } from 'react-day-picker/locale';
-import PopoverBase from '../Popover/PopoverBase.js';
-import Calendar from '../Calendar/Calendar.js';
-import LucideIcon from '../Icon/LucideIcon.js';
-import cn from '../../utils/cn.js';
-const DatePicker = ({ value, defaultValue, onChange, placeholder = 'YYYY-MM-DD', disabled = false, block = false, color = 'neutral', isDisableAfterNow = false, minDate, trailingIcon = (_jsx(LucideIcon, { name: "calendar", size: 15, className: "text-mono400" })), showReset = true, className, style, triggerClassName, }) => {
-    const [open, setOpen] = useState(false);
-    const [internal, setInternal] = useState(defaultValue);
-    const isControlled = value !== undefined;
-    const resolved = isControlled ? value : internal;
-    const handleSelect = (date) => {
-        if (!isControlled)
-            setInternal(date);
-        onChange?.(date);
-        setOpen(false);
-    };
-    const handleReset = (e) => {
-        e.stopPropagation();
-        if (!isControlled)
-            setInternal(undefined);
-        onChange?.(undefined);
-    };
-    return (_jsx("div", { className: cn(block ? 'w-full' : 'w-auto', className), children: _jsxs(PopoverBase.Root, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverBase.Trigger, { disabled: disabled, style: style, className: cn('border border-neutral100 h-[38px] w-full display14 px-4 rounded-[5px]', 'flex flex-row items-center justify-between gap-4', 'outline-2 outline-transparent ld-transition', disabled && 'cursor-not-allowed opacity-50', color === 'danger'
-                        ? 'bg-tintRed outline-red500'
-                        : 'focus:bg-tintBlue focus:outline-lb500', triggerClassName), children: [resolved ? (_jsx("span", { children: dayjs(resolved).format('YYYY-MM-DD') })) : (_jsx("span", { className: "text-mono400", children: placeholder })), _jsxs("div", { className: "flex gap-[6px]", children: [trailingIcon, showReset && resolved && (_jsx("span", { role: "button", tabIndex: 0, className: "text-mono400 cursor-pointer", onClick: handleReset, onKeyDown: (e) => {
-                                        if (e.key === 'Enter' || e.key === ' ') {
-                                            e.preventDefault();
-                                            handleReset(e);
-                                        }
-                                    }, children: _jsx(LucideIcon, { name: "rotateCw", size: 14 }) }))] })] }), _jsx(PopoverBase.Content, { className: "rounded-md border border-neutral-200 bg-white shadow-md p-0 min-w-[280px] w-[var(--radix-popover-trigger-width)]", children: _jsx(Calendar, { className: "w-full", captionLayout: "dropdown", mode: "single", locale: ko, selected: resolved, onSelect: handleSelect, disabled: isDisableAfterNow
-                            ? (date) => date > new Date()
-                            : minDate
-                                ? (date) => {
-                                    const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-                                    const minDateOnly = new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate());
-                                    return dateOnly < minDateOnly;
-                                }
-                                : false }) })] }) }));
-};
-export default DatePicker;

package/dist/components/DatePicker/FormDatePicker.d.ts

@@ -1,12 +0,0 @@
-import { type RegisterOptions } from 'react-hook-form';
-import { type DatePickerProps } from './DatePicker.js';
-interface FormDatePickerProps extends Omit<DatePickerProps, 'value' | 'onChange'> {
-    name: string;
-    options?: RegisterOptions;
-    customErrorMessage?: string;
-    isHiddenErrorMessage?: boolean;
-    errorClassName?: string;
-}
-declare const FormDatePicker: ({ name, options, customErrorMessage, isHiddenErrorMessage, errorClassName, disabled, block, ...props }: FormDatePickerProps) => import("react/jsx-runtime").JSX.Element;
-export default FormDatePicker;
-//# sourceMappingURL=FormDatePicker.d.ts.map

package/dist/components/DatePicker/FormDatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/FormDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAKhE,UAAU,mBAAoB,SAAQ,IAAI,CACxC,eAAe,EACf,OAAO,GAAG,UAAU,CACrB;IACC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,wGASrB,mBAAmB,4CAoCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/DatePicker/FormDatePicker.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DatePicker from './DatePicker.js';
-import FormField from '../Form/FormField.js';
-import FormErrorMessage from '../Form/FormErrorMessage.js';
-import cn from '../../utils/cn.js';
-const FormDatePicker = ({ name, options, customErrorMessage = '', isHiddenErrorMessage = false, errorClassName, disabled = false, block = false, ...props }) => {
-    return (_jsx(FormField, { name: name, options: options, customErrorMessage: customErrorMessage, disabled: disabled, children: ({ field, fieldState }) => (_jsxs("div", { className: cn('relative border-2 border-transparent', block ? 'w-full' : 'w-auto'), children: [_jsx(DatePicker, { ...props, block: block, value: field.value ?? undefined, onChange: (date) => {
-                        field.onChange(date);
-                    }, disabled: disabled, color: fieldState.hasError ? 'danger' : 'neutral' }), !isHiddenErrorMessage && (_jsx(FormErrorMessage, { error: fieldState.error, disabled: disabled, className: errorClassName }))] })) }));
-};
-export default FormDatePicker;

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,49 +0,0 @@
-import { type ReactNode } from 'react';
-type DateRange = {
-    from: Date;
-    to?: Date;
-};
-type ViewMode = 'daily' | 'monthly' | 'yearly';
-export interface DateRangePickerProps {
-    /** 선택된 날짜 범위 ({ from, to? }) */
-    value?: DateRange;
-    /** 날짜 범위 변경 시 호출되는 콜백 */
-    onChange?: (value: DateRange | undefined) => void;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** true 시 너비 100% */
-    block?: boolean;
-    /** 색상 테마 (danger 시 에러 스타일) */
-    color?: 'neutral' | 'danger';
-    /** 현재 시점 이후 날짜 선택 비활성화 */
-    isDisableAfterNow?: boolean;
-    /** 날짜 범위 완성 시 팝오버 자동 닫힘 */
-    isAutoClose?: boolean;
-    /** 선택 모드 (daily: 일별, monthly: 월별, yearly: 연별) */
-    viewMode?: ViewMode;
-    /** 초기 선택 날짜 범위 (uncontrolled) */
-    defaultValue?: DateRange;
-    /** 초기값 (리셋 시 이 값으로 복원) */
-    initialValue?: {
-        from: string;
-        to: string;
-    };
-    /** 트리거 우측 아이콘 */
-    trailingIcon?: ReactNode;
-    /** 날짜 범위 선택 완료 시 호출되는 콜백 */
-    onRangeComplete?: (range: {
-        from: Date;
-        to: Date;
-    }) => void;
-    /** 날짜 초기화 완료 시 호출되는 콜백 */
-    onResetComplete?: () => void;
-    /** 추가 CSS 클래스 */
-    className?: string;
-    /** 인라인 스타일 (트리거 버튼에 적용) */
-    style?: React.CSSProperties;
-    /** 트리거 버튼 className */
-    triggerClassName?: string;
-}
-declare const DateRangePicker: ({ value, onChange, disabled, block, color, isDisableAfterNow, isAutoClose, viewMode, defaultValue, initialValue, trailingIcon, onRangeComplete, onResetComplete, className, style, triggerClassName, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
-export default DateRangePicker;
-//# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AASjD,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAC3C,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAe/C,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC7B,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0BAA0B;IAC1B,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,iBAAiB;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4BAA4B;IAC5B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,0BAA0B;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,uBAAuB;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,eAAe,GAAI,wMAmBtB,oBAAoB,4CAiLtB,CAAC;AA6LF,eAAe,eAAe,CAAC"}