@ncds/ui-admin 1.6.4-alpha.1 → 1.7.0

package/dist/temp/src/components/progress-bar/ProgressBar.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SegmentBar } from './components/SegmentBar';
+import { SegmentLabels, SingleLabel } from './components/SegmentLabels';
+import { useProgressBar } from './hooks/useProgressBar';
+import { getFillColorClass } from './utils';
+export var ProgressBar = function (_a) {
+    var label = _a.label, value = _a.value, segments = _a.segments, _b = _a.showZeroLabel, showZeroLabel = _b === void 0 ? false : _b, _c = _a.valueToPercent, valueToPercent = _c === void 0 ? true : _c;
+    var _d = useProgressBar(label, value, segments, valueToPercent), totalValue = _d.totalValue, displayValue = _d.displayValue, processedSegments = _d.processedSegments, effectiveLabel = _d.effectiveLabel, progressValueStyle = _d.progressValueStyle, hasSegments = _d.hasSegments, segmentCount = _d.segmentCount, shouldSpaceOut = _d.shouldSpaceOut;
+    var isFloatingLabel = effectiveLabel === 'top-float' || effectiveLabel === 'bottom-float';
+    var containerClassName = "ncua-progress-bar ncua-progress-bar-".concat(effectiveLabel || '');
+    var isRightLabel = effectiveLabel === 'right';
+    var isBottomLabel = effectiveLabel === 'bottom';
+    var isMultiSegment = hasSegments && segmentCount >= 2;
+    // segments가 1개일 때는 기존 value 방식과 동일하게 처리
+    if (hasSegments && segmentCount === 1) {
+        var singleSegment = processedSegments[0];
+        return (_jsxs("div", __assign({ className: containerClassName, style: progressValueStyle }, { children: [isFloatingLabel && (_jsx(SingleLabel, { labelType: effectiveLabel, displayValue: displayValue, totalValue: totalValue, showZeroLabel: showZeroLabel })), _jsxs("div", __assign({ className: "ncua-progress-bar__content" }, { children: [_jsx("div", __assign({ className: "ncua-progress-bar__bar" }, { children: _jsx("div", { className: "ncua-progress-bar__fill ".concat(getFillColorClass(singleSegment.color)), style: { width: "".concat(totalValue, "%") }, "aria-valuenow": totalValue, "aria-valuemin": 0, "aria-valuemax": 100 }) })), isRightLabel && (_jsx(SingleLabel, { labelType: "right", displayValue: displayValue, totalValue: totalValue, showZeroLabel: showZeroLabel }))] })), isBottomLabel && (_jsx(SingleLabel, { labelType: "bottom", displayValue: displayValue, totalValue: totalValue, showZeroLabel: showZeroLabel }))] })));
+    }
+    return (_jsxs("div", __assign({ className: containerClassName, style: progressValueStyle }, { children: [isFloatingLabel && (_jsx(SingleLabel, { labelType: effectiveLabel, displayValue: displayValue, totalValue: totalValue, showZeroLabel: showZeroLabel })), _jsxs("div", __assign({ className: "ncua-progress-bar__content" }, { children: [_jsx("div", __assign({ className: "ncua-progress-bar__bar ".concat(hasSegments ? 'ncua-progress-bar__bar--segments' : '') }, { children: hasSegments ? (_jsx(SegmentBar, { segments: processedSegments, shouldSpaceOut: shouldSpaceOut })) : (_jsx("div", { className: "ncua-progress-bar__fill", style: { width: "".concat(totalValue, "%") }, "aria-valuenow": totalValue, "aria-valuemin": 0, "aria-valuemax": 100 })) })), isRightLabel && (_jsx(SingleLabel, { labelType: "right", displayValue: displayValue, totalValue: totalValue, showZeroLabel: showZeroLabel }))] })), isMultiSegment && (_jsx(SegmentLabels, { segments: processedSegments, segmentCount: segmentCount, showZeroLabel: showZeroLabel })), !isMultiSegment && isBottomLabel && (_jsx(SingleLabel, { labelType: "bottom", displayValue: displayValue, totalValue: totalValue, showZeroLabel: showZeroLabel }))] })));
+};

package/dist/temp/src/components/progress-bar/components/SegmentBar.d.ts

@@ -0,0 +1,7 @@
+import type { ProcessedSegment } from '../types';
+interface SegmentBarProps {
+    segments: ProcessedSegment[];
+    shouldSpaceOut: boolean;
+}
+export declare const SegmentBar: ({ segments, shouldSpaceOut }: SegmentBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/temp/src/components/progress-bar/components/SegmentBar.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { getFillColorClass } from '../utils';
+export var SegmentBar = function (_a) {
+    var segments = _a.segments, shouldSpaceOut = _a.shouldSpaceOut;
+    return (_jsx(_Fragment, { children: segments.map(function (segment, index) {
+            var isFirst = index === 0;
+            var isLast = index === segments.length - 1;
+            return (_jsx("div", { className: "ncua-progress-bar__fill ".concat(isFirst ? 'ncua-progress-bar__fill--first' : '', " ").concat(isLast ? 'ncua-progress-bar__fill--last' : '', " ").concat(shouldSpaceOut && isLast ? 'ncua-progress-bar__fill--spaced' : '', " ").concat(getFillColorClass(segment.color)), style: { width: "".concat(segment.width, "%") } }, "".concat(segment.color, "-").concat(index)));
+        }) }));
+};

package/dist/temp/src/components/progress-bar/components/SegmentLabels.d.ts

@@ -0,0 +1,15 @@
+import type { ProcessedSegment, ProgressLabel } from '../types';
+interface SegmentLabelsProps {
+    segments: ProcessedSegment[];
+    segmentCount: number;
+    showZeroLabel?: boolean;
+}
+declare const SegmentLabels: ({ segments, segmentCount, showZeroLabel }: SegmentLabelsProps) => import("react/jsx-runtime").JSX.Element | null;
+interface SingleLabelProps {
+    labelType: ProgressLabel;
+    displayValue: string;
+    totalValue?: number;
+    showZeroLabel?: boolean;
+}
+declare const SingleLabel: ({ labelType, displayValue, totalValue, showZeroLabel }: SingleLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+export { SegmentLabels, SingleLabel };

package/dist/temp/src/components/progress-bar/components/SegmentLabels.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getLabelColorClass } from '../utils';
+var SegmentLabels = function (_a) {
+    var segments = _a.segments, segmentCount = _a.segmentCount, _b = _a.showZeroLabel, showZeroLabel = _b === void 0 ? false : _b;
+    if (segmentCount >= 2) {
+        return (_jsx("div", __assign({ className: "ncua-progress-bar__labels--multiple" }, { children: segments.map(function (segment, index) {
+                // 0%이고 showZeroLabel이 false면 라벨 표시하지 않음
+                if (segment.value === 0 && !showZeroLabel) {
+                    return null;
+                }
+                var leftPosition = 0;
+                for (var i = 0; i < index; i++) {
+                    leftPosition += segments[i].width;
+                }
+                // 0%일 때는 segment 시작 위치에 맞추되, 라벨이 게이지 바를 넘어가지 않도록 조정
+                // 그 외에는 중앙에 정렬
+                var isZero = segment.value === 0;
+                // 0%일 때는 약간의 오프셋을 주어 자연스럽게 보이도록 함 (라벨 너비의 절반 정도)
+                var labelPosition = isZero ? Math.max(0, leftPosition - 1) : leftPosition + segment.width / 2;
+                var transform = isZero ? 'translateX(0)' : 'translateX(-50%)';
+                return (_jsx("span", __assign({ className: "ncua-progress-bar__label ncua-progress-bar__label--segment ".concat(getLabelColorClass(segment.color)), style: { left: "".concat(labelPosition, "%"), transform: transform } }, { children: "".concat(segment.value.toFixed(0), "%") }), "".concat(segment.color, "-").concat(index)));
+            }) })));
+    }
+    return null;
+};
+var SingleLabel = function (_a) {
+    var labelType = _a.labelType, displayValue = _a.displayValue, totalValue = _a.totalValue, _b = _a.showZeroLabel, showZeroLabel = _b === void 0 ? false : _b;
+    // 0%이고 showZeroLabel이 false면 라벨 표시하지 않음
+    if (totalValue === 0 && !showZeroLabel) {
+        return null;
+    }
+    return _jsx("span", __assign({ className: "ncua-progress-bar__label ncua-progress-bar__label-".concat(labelType) }, { children: displayValue }));
+};
+export { SegmentLabels, SingleLabel };

package/dist/temp/src/components/progress-bar/hooks/useProgressBar.d.ts

@@ -0,0 +1,13 @@
+import type { ProcessedSegment, ProgressLabel, ProgressSegment } from '../types';
+interface UseProgressBarResult {
+    totalValue: number;
+    displayValue: string;
+    processedSegments: ProcessedSegment[];
+    effectiveLabel?: ProgressLabel;
+    progressValueStyle?: React.CSSProperties;
+    hasSegments: boolean;
+    segmentCount: number;
+    shouldSpaceOut: boolean;
+}
+export declare const useProgressBar: (label?: ProgressLabel, value?: number, segments?: ProgressSegment[], valueToPercent?: boolean) => UseProgressBarResult;
+export {};

package/dist/temp/src/components/progress-bar/hooks/useProgressBar.js

@@ -0,0 +1,96 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { useMemo } from 'react';
+import { clampValue } from '../utils';
+var MAX_PERCENTAGE = 100;
+/**
+ * segments를 처리하여 프로그레스 바에 표시할 데이터를 계산합니다.
+ */
+var processSegments = function (segments, segmentCount, valueToPercent) {
+    // segment가 2개 이상일 때만 valueToPercent 적용 (기본값: true)
+    var shouldApplyValueToPercent = segmentCount >= 2 && valueToPercent !== false;
+    var segmentsToProcess = segments;
+    // valueToPercent 적용: segments의 합계를 100%로 규정하고 비율로 계산
+    if (shouldApplyValueToPercent) {
+        // 원본 값들의 합계 계산
+        var originalTotal_1 = segmentsToProcess.reduce(function (sum, seg) { return sum + Number(seg.value); }, 0);
+        if (originalTotal_1 > 0) {
+            // 각 segment를 합계 대비 비율로 변환 (합계를 100%로 규정)
+            segmentsToProcess = segmentsToProcess.map(function (segment) { return ({
+                value: (segment.value / originalTotal_1) * MAX_PERCENTAGE,
+                color: segment.color,
+            }); });
+        }
+    }
+    // 각 값 제한 (0-100 범위)
+    var limitedSegments = segmentsToProcess.map(function (segment) { return ({
+        value: clampValue(segment.value),
+        color: segment.color,
+    }); });
+    // 전체 합계 계산
+    var actualTotal = limitedSegments.reduce(function (sum, seg) { return sum + seg.value; }, 0);
+    var total = Math.min(actualTotal, MAX_PERCENTAGE);
+    // 모든 segments를 좌측에서부터 연속적으로 배치 (비율로 계산)
+    var processed = limitedSegments.map(function (segment) { return (__assign(__assign({}, segment), { width: actualTotal > 0 ? (segment.value / actualTotal) * total : 0 })); });
+    return {
+        totalValue: total,
+        displayValue: "".concat(total.toFixed(0), "%"),
+        processedSegments: processed,
+        shouldSpaceOut: false, // 항상 왼쪽에 붙도록 통일
+    };
+};
+export var useProgressBar = function (label, value, segments, valueToPercent) {
+    var _a;
+    var hasSegments = Boolean(segments && segments.length > 0);
+    var segmentCount = (_a = segments === null || segments === void 0 ? void 0 : segments.length) !== null && _a !== void 0 ? _a : 0;
+    var _b = useMemo(function () {
+        // segments가 있을 때는 각 값을 제한하고 전체 합계를 계산
+        // value는 무시되며, 각 segment의 값을 value로 처리
+        if (hasSegments) {
+            return processSegments(segments, segmentCount, valueToPercent);
+        }
+        // value만 있을 때는 valueToPercent 무시 (이미 퍼센트로 간주)
+        if (value !== undefined) {
+            var clamped = clampValue(value);
+            return {
+                totalValue: clamped,
+                displayValue: "".concat(clamped.toFixed(0), "%"),
+                processedSegments: [],
+                shouldSpaceOut: false,
+            };
+        }
+        return {
+            totalValue: 0,
+            displayValue: '0%',
+            processedSegments: [],
+            shouldSpaceOut: false,
+        };
+    }, [hasSegments, segments, segmentCount, value, valueToPercent]), totalValue = _b.totalValue, displayValue = _b.displayValue, processedSegments = _b.processedSegments, shouldSpaceOut = _b.shouldSpaceOut;
+    // segment의 개수가 2이상일때는 bottom 라벨로 고정
+    var effectiveLabel = segmentCount >= 2 ? 'bottom' : label;
+    var progressValueStyle = useMemo(function () {
+        if (effectiveLabel === 'top-float' || effectiveLabel === 'bottom-float') {
+            return { '--progress-value': "".concat(totalValue, "%") };
+        }
+        return undefined;
+    }, [effectiveLabel, totalValue]);
+    return {
+        totalValue: totalValue,
+        displayValue: displayValue,
+        processedSegments: processedSegments,
+        effectiveLabel: effectiveLabel,
+        progressValueStyle: progressValueStyle,
+        hasSegments: hasSegments,
+        segmentCount: segmentCount,
+        shouldSpaceOut: shouldSpaceOut,
+    };
+};

package/dist/temp/src/components/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ProgressBar';
+export * from './types';

package/dist/temp/src/components/progress-bar/index.js

@@ -0,0 +1,2 @@
+export * from './ProgressBar';
+export * from './types';

package/dist/temp/src/components/progress-bar/types.d.ts

@@ -0,0 +1,15 @@
+export type ProgressLabel = 'right' | 'bottom' | 'top-float' | 'bottom-float';
+export interface ProgressSegment {
+    value: number;
+    color?: 'red' | 'green' | 'blue' | 'pink' | 'orange' | 'violet' | 'gray';
+}
+export interface ProcessedSegment extends ProgressSegment {
+    width: number;
+}
+export interface ProgressBarProps {
+    label?: ProgressLabel;
+    value?: number;
+    segments?: ProgressSegment[];
+    showZeroLabel?: boolean;
+    valueToPercent?: boolean;
+}

package/dist/temp/src/components/progress-bar/types.js

@@ -0,0 +1 @@
+export {};

package/dist/temp/src/components/progress-bar/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 색상 이름을 fill 색상 클래스명으로 변환
+ */
+declare const getFillColorClass: (color?: string) => string;
+/**
+ * 색상 이름을 label 색상 클래스명으로 변환
+ */
+declare const getLabelColorClass: (color?: string) => string;
+/**
+ * 값을 0-100 범위로 제한
+ */
+declare const clampValue: (value: number) => number;
+export { getFillColorClass, getLabelColorClass, clampValue };

package/dist/temp/src/components/progress-bar/utils.js

@@ -0,0 +1,26 @@
+/**
+ * 색상 이름을 fill 색상 클래스명으로 변환
+ */
+var getFillColorClass = function (color) {
+    if (!color)
+        return '';
+    var normalizedColor = color.toLowerCase().trim();
+    return "ncua-progress-bar__fill--color-".concat(normalizedColor);
+};
+/**
+ * 색상 이름을 label 색상 클래스명으로 변환
+ */
+var getLabelColorClass = function (color) {
+    if (!color)
+        return '';
+    var normalizedColor = color.toLowerCase().trim();
+    return "ncua-progress-bar__label--color-".concat(normalizedColor);
+};
+var MAX_PERCENTAGE = 100;
+/**
+ * 값을 0-100 범위로 제한
+ */
+var clampValue = function (value) {
+    return Math.min(Math.max(0, value), MAX_PERCENTAGE);
+};
+export { getFillColorClass, getLabelColorClass, clampValue };

package/dist/temp/src/components/progress-circle/ProgressCircle.d.ts

@@ -0,0 +1,7 @@
+export interface ProgressCircleProps {
+    size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    label?: string;
+    value: number;
+    theme?: 'circle' | 'half-circle';
+}
+export declare const ProgressCircle: ({ size, label, value, theme }: ProgressCircleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/temp/src/components/progress-circle/ProgressCircle.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var MAX_PERCENTAGE = 100;
+export var ProgressCircle = function (_a) {
+    var size = _a.size, label = _a.label, value = _a.value, _b = _a.theme, theme = _b === void 0 ? 'circle' : _b;
+    var limitedValue = Math.min(Math.max(0, value), MAX_PERCENTAGE);
+    if (theme === 'circle') {
+        return (_jsxs("div", __assign({ className: "ncua-progress-circle ncua-progress-circle-".concat(size, " ncua-progress-circle-").concat(theme) }, { children: [_jsxs("div", __assign({ className: "ncua-progress-circle__content" }, { children: [_jsxs("svg", __assign({ className: "ncua-progress-circle__svg", viewBox: "0 0 100 100" }, { children: [_jsx("circle", { className: "ncua-progress-circle__background", cx: "50", cy: "50", r: "45", strokeWidth: "10", fill: "none" }), _jsx("circle", { className: "ncua-progress-circle__progress", cx: "50", cy: "50", r: "45", strokeWidth: "10", fill: "none", strokeDasharray: "var(--circle-circumference)", strokeDashoffset: "calc(var(--circle-circumference) * (1 - ".concat(limitedValue, " / 100))"), transform: "rotate(-90 50 50)", strokeLinecap: "round" })] })), _jsxs("div", __assign({ className: "ncua-progress-circle__label-container" }, { children: [size !== 'xxs' && label && _jsx("div", __assign({ className: "ncua-progress-circle__label-text" }, { children: label })), _jsx("div", __assign({ className: "ncua-progress-circle__label" }, { children: "".concat(limitedValue, "%") }))] }))] })), size === 'xxs' && label && _jsx("div", __assign({ className: "ncua-progress-circle__outside-label" }, { children: label }))] })));
+    }
+    return (_jsxs("div", __assign({ className: "ncua-progress-circle ncua-progress-circle-".concat(size, " ncua-progress-circle-").concat(theme) }, { children: [_jsxs("div", __assign({ className: "ncua-progress-circle__content" }, { children: [_jsxs("svg", __assign({ className: "ncua-progress-circle__svg", viewBox: "0 0 100 50" }, { children: [_jsx("path", { className: "ncua-progress-circle__background", d: "M 5 50 A 45 45 0 0 1 95 50", strokeWidth: "10", fill: "none", strokeLinecap: "round" }), _jsx("path", { className: "ncua-progress-circle__progress", d: "M 5 50 A 45 45 0 0 1 95 50", strokeWidth: "10", fill: "none", strokeDasharray: "var(--half-circle-circumference)", strokeDashoffset: "calc(var(--half-circle-circumference) * (1 - ".concat(limitedValue, " / 100))"), strokeLinecap: "round" })] })), _jsxs("div", __assign({ className: "ncua-progress-circle__label-container" }, { children: [size !== 'xxs' && label && _jsx("div", __assign({ className: "ncua-progress-circle__label-text" }, { children: label })), _jsx("div", __assign({ className: "ncua-progress-circle__label" }, { children: "".concat(limitedValue, "%") }))] }))] })), size === 'xxs' && label && _jsx("div", __assign({ className: "ncua-progress-circle__outside-label" }, { children: label }))] })));
+};

package/dist/temp/src/components/progress-circle/index.d.ts

@@ -0,0 +1 @@
+export * from './ProgressCircle';

package/dist/temp/src/components/progress-circle/index.js

@@ -0,0 +1 @@
+export * from './ProgressCircle';

package/dist/temp/src/components/radio/Radio.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+import { type RadioInputProps } from './RadioInput';
+export interface RadioProps extends Omit<RadioInputProps, 'type'> {
+    text?: ReactNode;
+    supportText?: string;
+}
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/temp/src/components/radio/Radio.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { RadioInput } from './RadioInput';
+export var Radio = forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'xs' : _b, text = _a.text, supportText = _a.supportText, disabled = _a.disabled, checked = _a.checked, className = _a.className, onChange = _a.onChange, props = __rest(_a, ["size", "text", "supportText", "disabled", "checked", "className", "onChange"]);
+    return (_jsxs("label", __assign({ className: classNames('ncua-radio-field', "ncua-radio-field--".concat(size), { 'has-text': text }, className) }, { children: [_jsx(RadioInput, __assign({ size: size, ref: ref, checked: checked, disabled: disabled, onChange: onChange, className: "ncua-radio-field__input" }, props)), _jsxs("span", { children: [text && _jsx("span", __assign({ className: "ncua-radio-field__text" }, { children: text })), supportText && _jsx("span", __assign({ className: "ncua-radio-field__support-text" }, { children: supportText }))] })] })));
+});

package/dist/temp/src/components/radio/RadioInput.d.ts

@@ -0,0 +1,8 @@
+import { type ChangeEvent, type ComponentPropsWithRef } from 'react';
+import type { Size } from '../../../constant/size';
+export interface RadioInputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'ref'> {
+    size?: Extract<Size, 'xs' | 'sm'>;
+    destructive?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const RadioInput: import("react").ForwardRefExoticComponent<RadioInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/temp/src/components/radio/RadioInput.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+export var RadioInput = forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'xs' : _b, disabled = _a.disabled, className = _a.className, _c = _a.destructive, destructive = _c === void 0 ? false : _c, onChange = _a.onChange, props = __rest(_a, ["size", "disabled", "className", "destructive", "onChange"]);
+    return (_jsx("span", __assign({ className: classNames('ncua-radio-input', "ncua-radio-input--".concat(size), { destructive: destructive }, className) }, { children: _jsx("input", __assign({ type: "radio", ref: ref, onChange: onChange, disabled: disabled }, props)) })));
+});

package/dist/temp/src/components/radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Radio';
+export * from './RadioInput';

package/dist/temp/src/components/radio/index.js

@@ -0,0 +1,2 @@
+export * from './Radio';
+export * from './RadioInput';

package/dist/temp/src/components/select/Select.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import type { UseFormRegisterReturn } from 'react-hook-form';
+import type { Size } from '../../../constant/size';
+import type { OptionType } from '../../types/dropdown';
+export interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, 'size'> {
+    placeholder?: string;
+    disabledPlaceholder?: boolean;
+    hintText?: string;
+    destructive?: boolean;
+    size?: Extract<Size, 'xs' | 'sm' | 'md'>;
+    optionItems?: OptionType[];
+    register?: UseFormRegisterReturn;
+    type?: 'default' | 'simple';
+    children?: ReactNode;
+}
+export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/temp/src/components/select/Select.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { HintText } from '../shared/hintText/HintText';
+export var Select = forwardRef(function (_a, ref) {
+    var placeholder = _a.placeholder, _b = _a.disabledPlaceholder, disabledPlaceholder = _b === void 0 ? false : _b, id = _a.id, className = _a.className, hintText = _a.hintText, children = _a.children, _c = _a.size, size = _c === void 0 ? 'md' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d, _e = _a.destructive, destructive = _e === void 0 ? false : _e, value = _a.value, optionItems = _a.optionItems, register = _a.register, _f = _a.disabled, disabled = _f === void 0 ? false : _f, props = __rest(_a, ["placeholder", "disabledPlaceholder", "id", "className", "hintText", "children", "size", "type", "destructive", "value", "optionItems", "register", "disabled"]);
+    return (_jsxs("span", __assign({ className: classNames('ncua-select', {
+            destructive: destructive,
+            'ncua-select--simple': type === 'simple',
+        }, className, "ncua-select--".concat(size)) }, { children: [_jsx("span", __assign({ className: "ncua-select__content" }, { children: _jsxs("select", __assign({ value: value, ref: ref, id: id, className: classNames('ncua-select__tag', className), disabled: disabled }, register, props, { children: [placeholder && (_jsx("option", __assign({ value: "", selected: true, disabled: disabledPlaceholder }, { children: placeholder }))), optionItems === null || optionItems === void 0 ? void 0 : optionItems.map(function (item) { return (_jsx("option", __assign({ value: item.id }, { children: item.label }), item.id)); }), children] })) })), hintText && (_jsx(HintText, __assign({ destructive: destructive, className: "ncua-hint-text" }, { children: hintText })))] })));
+});

package/dist/temp/src/components/select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select';

package/dist/temp/src/components/select/index.js

@@ -0,0 +1 @@
+export * from './Select';

package/dist/temp/src/components/select-dropdown/SelectDropdown.d.ts

@@ -0,0 +1,29 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import type { DropdownDirection, OptionSelectHandler, OptionType, OptionValue } from '../../types/dropdown';
+type SelectDropdownProps = ComponentPropsWithRef<'div'> & {
+    isOpen: boolean;
+    direction?: DropdownDirection;
+    size?: 'xs' | 'sm' | 'md';
+    options: OptionType[];
+    value?: OptionValue;
+    focusedIndex: number;
+    maxHeight?: number;
+    listboxId?: string;
+    onOptionSelect: OptionSelectHandler;
+    onMouseMove?: () => void;
+    isKeyboardNavigation?: () => boolean;
+    onOptionHover?: (validIndex: number) => void;
+    children?: ReactNode;
+    multiple?: boolean;
+    showFooterButtons?: boolean;
+    selectAllButtonText?: string;
+    onSelectAll?: () => void;
+    onEdit?: () => void;
+    onComplete?: () => void;
+    activeDescendantId?: string;
+    componentType?: 'selectbox' | 'combobox';
+    align?: 'left' | 'right';
+};
+declare const SelectDropdown: import("react").ForwardRefExoticComponent<Omit<SelectDropdownProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type { DropdownDirection, SelectDropdownProps };
+export { SelectDropdown };

package/dist/temp/src/components/select-dropdown/SelectDropdown.js

@@ -0,0 +1,49 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { Button } from '../button';
+var SelectDropdown = forwardRef(function (_a, ref) {
+    var isOpen = _a.isOpen, _b = _a.direction, direction = _b === void 0 ? 'down' : _b, _c = _a.size, size = _c === void 0 ? 'xs' : _c, options = _a.options, value = _a.value, focusedIndex = _a.focusedIndex, maxHeight = _a.maxHeight, _d = _a.listboxId, listboxId = _d === void 0 ? 'selectbox-options-default' : _d, onOptionSelect = _a.onOptionSelect, onMouseMove = _a.onMouseMove, isKeyboardNavigation = _a.isKeyboardNavigation, onOptionHover = _a.onOptionHover, children = _a.children, _e = _a.multiple, multiple = _e === void 0 ? false : _e, _f = _a.showFooterButtons, showFooterButtons = _f === void 0 ? false : _f, _g = _a.selectAllButtonText, selectAllButtonText = _g === void 0 ? '전체 선택' : _g, onSelectAll = _a.onSelectAll, onEdit = _a.onEdit, onComplete = _a.onComplete, className = _a.className, activeDescendantId = _a.activeDescendantId, componentType = _a.componentType, _h = _a.align, align = _h === void 0 ? 'left' : _h, props = __rest(_a, ["isOpen", "direction", "size", "options", "value", "focusedIndex", "maxHeight", "listboxId", "onOptionSelect", "onMouseMove", "isKeyboardNavigation", "onOptionHover", "children", "multiple", "showFooterButtons", "selectAllButtonText", "onSelectAll", "onEdit", "onComplete", "className", "activeDescendantId", "componentType", "align"]);
+    if (!isOpen)
+        return null;
+    return (_jsxs("div", __assign({ ref: ref, className: classNames('ncua-select-dropdown', "ncua-select-dropdown--".concat(direction), "ncua-select-dropdown--".concat(size), {
+            'ncua-select-dropdown--multiple': multiple,
+            'ncua-select-dropdown--align-right': align === 'right',
+            'ncua-select-dropdown--selectbox-single': componentType === 'selectbox' && !multiple,
+        }, className), onMouseMove: onMouseMove, onClick: function (e) { return e.stopPropagation(); } }, props, { children: [_jsx("div", __assign({ className: "ncua-select-dropdown__content" }, { children: _jsxs("ul", __assign({ className: "ncua-select-dropdown__options", role: "listbox", id: listboxId, style: { maxHeight: maxHeight } }, { children: [options.map(function (option, index) {
+                            var isFocused = index === focusedIndex;
+                            var optionId = "".concat(listboxId, "-").concat(option.id);
+                            var isSelected = multiple && Array.isArray(value) ? value.includes(option.id) : option.id === value;
+                            var handleMouseEnter = function () {
+                                onOptionHover === null || onOptionHover === void 0 ? void 0 : onOptionHover(index);
+                            };
+                            return (_jsxs("li", __assign({ id: optionId, className: classNames('ncua-select-dropdown__option', {
+                                    'ncua-select-dropdown__option--selected': isSelected,
+                                    'ncua-select-dropdown__option--focused': isFocused,
+                                }), onClick: function () { return onOptionSelect(option); }, onMouseEnter: handleMouseEnter, role: "option", "aria-selected": isSelected }, { children: [option.icon && (_jsx("span", __assign({ className: "ncua-select-dropdown__option-icon" }, { children: _jsx(option.icon, { width: 16, height: 16 }) }))), _jsx("span", __assign({ className: "ncua-select-dropdown__option-text" }, { children: option.label }))] }), option.id));
+                        }), children] })) })), showFooterButtons && (_jsx("div", __assign({ className: "ncua-select-dropdown__footer" }, { children: _jsxs("div", __assign({ className: "ncua-select-dropdown__footer-buttons" }, { children: [_jsx("div", __assign({ className: "ncua-select-dropdown__footer-left" }, { children: multiple && (_jsx(Button, { label: selectAllButtonText, hierarchy: "text", size: "xs", onClick: onSelectAll, underline: true })) })), _jsxs("div", __assign({ className: "ncua-select-dropdown__footer-right" }, { children: [_jsx(Button, { label: "\uD3B8\uC9D1", hierarchy: "secondary-gray", size: "xs", onClick: onEdit }), multiple && _jsx(Button, { label: "\uC120\uD0DD \uC644\uB8CC", hierarchy: "secondary", size: "xs", onClick: onComplete })] }))] })) })))] })));
+});
+SelectDropdown.displayName = 'SelectDropdown';
+export { SelectDropdown };

package/dist/temp/src/components/select-dropdown/index.d.ts

@@ -0,0 +1 @@
+export { type DropdownDirection, SelectDropdown, type SelectDropdownProps } from './SelectDropdown';

package/dist/temp/src/components/select-dropdown/index.js

@@ -0,0 +1 @@
+export { SelectDropdown } from './SelectDropdown';

package/dist/temp/src/components/selectbox/SelectBox.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import type { UseFormRegisterReturn } from 'react-hook-form';
+import type { Size } from '../../../constant/size';
+import type { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
+declare const DEFAULT_MAX_HEIGHT = 275;
+type SelectBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> & {
+    children?: ReactNode;
+    placeholder?: string;
+    disabledPlaceholder?: boolean;
+    hintText?: string;
+    destructive?: boolean;
+    size?: Extract<Size, 'xs' | 'sm' | 'md'>;
+    autoWidth?: boolean;
+    type?: 'default' | 'simple';
+    optionItems?: OptionType[];
+    value?: OptionValue;
+    onChange?: OptionChangeHandler;
+    disabled?: boolean;
+    register?: UseFormRegisterReturn;
+    maxHeight?: number;
+    multiple?: boolean;
+    onEdit?: () => void;
+    align?: 'left' | 'right';
+};
+declare const SelectBox: import("react").ForwardRefExoticComponent<Omit<SelectBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type { SelectBoxProps };
+export { DEFAULT_MAX_HEIGHT, SelectBox };