@ncds/ui-admin 1.7.0 → 1.8.0

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

@@ -6,69 +6,58 @@ Object.defineProperty(exports, "__esModule", {
 exports.SingleLabel = exports.SegmentLabels = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _utils = require("../utils");
-var __assign = void 0 && (void 0).__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 SegmentLabels = function (_a) {
-  var segments = _a.segments,
-    segmentCount = _a.segmentCount,
-    _b = _a.showZeroLabel,
-    showZeroLabel = _b === void 0 ? false : _b;
+const SegmentLabels = _ref => {
+  let {
+    segments,
+    segmentCount,
+    showZeroLabel = false
+  } = _ref;
   if (segmentCount >= 2) {
-    return (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-progress-bar__labels--multiple"
-    }, {
-      children: segments.map(function (segment, index) {
+    return (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-progress-bar__labels--multiple",
+      children: segments.map((segment, index) => {
         // 0%이고 showZeroLabel이 false면 라벨 표시하지 않음
         if (segment.value === 0 && !showZeroLabel) {
           return null;
         }
-        var leftPosition = 0;
-        for (var i = 0; i < index; i++) {
+        let leftPosition = 0;
+        for (let i = 0; i < index; i++) {
           leftPosition += segments[i].width;
         }
         // 0%일 때는 segment 시작 위치에 맞추되, 라벨이 게이지 바를 넘어가지 않도록 조정
         // 그 외에는 중앙에 정렬
-        var isZero = segment.value === 0;
+        const 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 (0, _jsxRuntime.jsx)("span", __assign({
-          className: "ncua-progress-bar__label ncua-progress-bar__label--segment ".concat((0, _utils.getLabelColorClass)(segment.color)),
+        const labelPosition = isZero ? Math.max(0, leftPosition - 1) : leftPosition + segment.width / 2;
+        const transform = isZero ? 'translateX(0)' : 'translateX(-50%)';
+        return (0, _jsxRuntime.jsx)("span", {
+          className: `ncua-progress-bar__label ncua-progress-bar__label--segment ${(0, _utils.getLabelColorClass)(segment.color)}`,
           style: {
-            left: "".concat(labelPosition, "%"),
-            transform: transform
-          }
-        }, {
-          children: "".concat(segment.value.toFixed(0), "%")
-        }), "".concat(segment.color, "-").concat(index));
+            left: `${labelPosition}%`,
+            transform
+          },
+          children: `${segment.value.toFixed(0)}%`
+        }, `${segment.color}-${index}`);
       })
-    }));
+    });
   }
   return null;
 };
 exports.SegmentLabels = SegmentLabels;
-var SingleLabel = function (_a) {
-  var labelType = _a.labelType,
-    displayValue = _a.displayValue,
-    totalValue = _a.totalValue,
-    _b = _a.showZeroLabel,
-    showZeroLabel = _b === void 0 ? false : _b;
+const SingleLabel = _ref2 => {
+  let {
+    labelType,
+    displayValue,
+    totalValue,
+    showZeroLabel = false
+  } = _ref2;
   // 0%이고 showZeroLabel이 false면 라벨 표시하지 않음
   if (totalValue === 0 && !showZeroLabel) {
     return null;
   }
-  return (0, _jsxRuntime.jsx)("span", __assign({
-    className: "ncua-progress-bar__label ncua-progress-bar__label-".concat(labelType)
-  }, {
+  return (0, _jsxRuntime.jsx)("span", {
+    className: `ncua-progress-bar__label ncua-progress-bar__label-${labelType}`,
     children: displayValue
-  }));
+  });
 };
 exports.SingleLabel = SingleLabel;

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

@@ -6,115 +6,96 @@ Object.defineProperty(exports, "__esModule", {
 exports.useProgressBar = void 0;
 var _react = require("react");
 var _utils = require("../utils");
-var __assign = void 0 && (void 0).__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 MAX_PERCENTAGE = 100;
+const MAX_PERCENTAGE = 100;
 /**
  * segments를 처리하여 프로그레스 바에 표시할 데이터를 계산합니다.
  */
-var processSegments = function (segments, segmentCount, valueToPercent) {
+const processSegments = (segments, segmentCount, valueToPercent) => {
   // segment가 2개 이상일 때만 valueToPercent 적용 (기본값: true)
-  var shouldApplyValueToPercent = segmentCount >= 2 && valueToPercent !== false;
-  var segmentsToProcess = segments;
+  const shouldApplyValueToPercent = segmentCount >= 2 && valueToPercent !== false;
+  let 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) {
+    const originalTotal = segmentsToProcess.reduce((sum, seg) => sum + Number(seg.value), 0);
+    if (originalTotal > 0) {
       // 각 segment를 합계 대비 비율로 변환 (합계를 100%로 규정)
-      segmentsToProcess = segmentsToProcess.map(function (segment) {
-        return {
-          value: segment.value / originalTotal_1 * MAX_PERCENTAGE,
-          color: segment.color
-        };
-      });
+      segmentsToProcess = segmentsToProcess.map(segment => ({
+        value: segment.value / originalTotal * MAX_PERCENTAGE,
+        color: segment.color
+      }));
     }
   }
   // 각 값 제한 (0-100 범위)
-  var limitedSegments = segmentsToProcess.map(function (segment) {
-    return {
-      value: (0, _utils.clampValue)(segment.value),
-      color: segment.color
-    };
-  });
+  const limitedSegments = segmentsToProcess.map(segment => ({
+    value: (0, _utils.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);
+  const actualTotal = limitedSegments.reduce((sum, seg) => sum + seg.value, 0);
+  const 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
-    });
-  });
+  const processed = limitedSegments.map(segment => ({
+    ...segment,
+    width: actualTotal > 0 ? segment.value / actualTotal * total : 0
+  }));
   return {
     totalValue: total,
-    displayValue: "".concat(total.toFixed(0), "%"),
+    displayValue: `${total.toFixed(0)}%`,
     processedSegments: processed,
     shouldSpaceOut: false // 항상 왼쪽에 붙도록 통일
   };
 };
-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 = (0, _react.useMemo)(function () {
-      // segments가 있을 때는 각 값을 제한하고 전체 합계를 계산
-      // value는 무시되며, 각 segment의 값을 value로 처리
-      if (hasSegments) {
-        return processSegments(segments, segmentCount, valueToPercent);
-      }
-      // value만 있을 때는 valueToPercent 무시 (이미 퍼센트로 간주)
-      if (value !== undefined) {
-        var clamped = (0, _utils.clampValue)(value);
-        return {
-          totalValue: clamped,
-          displayValue: "".concat(clamped.toFixed(0), "%"),
-          processedSegments: [],
-          shouldSpaceOut: false
-        };
-      }
+const useProgressBar = (label, value, segments, valueToPercent) => {
+  const hasSegments = Boolean(segments && segments.length > 0);
+  const segmentCount = segments?.length ?? 0;
+  const {
+    totalValue,
+    displayValue,
+    processedSegments,
+    shouldSpaceOut
+  } = (0, _react.useMemo)(() => {
+    // segments가 있을 때는 각 값을 제한하고 전체 합계를 계산
+    // value는 무시되며, 각 segment의 값을 value로 처리
+    if (hasSegments) {
+      return processSegments(segments, segmentCount, valueToPercent);
+    }
+    // value만 있을 때는 valueToPercent 무시 (이미 퍼센트로 간주)
+    if (value !== undefined) {
+      const clamped = (0, _utils.clampValue)(value);
       return {
-        totalValue: 0,
-        displayValue: '0%',
+        totalValue: clamped,
+        displayValue: `${clamped.toFixed(0)}%`,
         processedSegments: [],
         shouldSpaceOut: false
       };
-    }, [hasSegments, segments, segmentCount, value, valueToPercent]),
-    totalValue = _b.totalValue,
-    displayValue = _b.displayValue,
-    processedSegments = _b.processedSegments,
-    shouldSpaceOut = _b.shouldSpaceOut;
+    }
+    return {
+      totalValue: 0,
+      displayValue: '0%',
+      processedSegments: [],
+      shouldSpaceOut: false
+    };
+  }, [hasSegments, segments, segmentCount, value, valueToPercent]);
   // segment의 개수가 2이상일때는 bottom 라벨로 고정
-  var effectiveLabel = segmentCount >= 2 ? 'bottom' : label;
-  var progressValueStyle = (0, _react.useMemo)(function () {
+  const effectiveLabel = segmentCount >= 2 ? 'bottom' : label;
+  const progressValueStyle = (0, _react.useMemo)(() => {
     if (effectiveLabel === 'top-float' || effectiveLabel === 'bottom-float') {
       return {
-        '--progress-value': "".concat(totalValue, "%")
+        '--progress-value': `${totalValue}%`
       };
     }
     return undefined;
   }, [effectiveLabel, totalValue]);
   return {
-    totalValue: totalValue,
-    displayValue: displayValue,
-    processedSegments: processedSegments,
-    effectiveLabel: effectiveLabel,
-    progressValueStyle: progressValueStyle,
-    hasSegments: hasSegments,
-    segmentCount: segmentCount,
-    shouldSpaceOut: shouldSpaceOut
+    totalValue,
+    displayValue,
+    processedSegments,
+    effectiveLabel,
+    progressValueStyle,
+    hasSegments,
+    segmentCount,
+    shouldSpaceOut
   };
 };
 exports.useProgressBar = useProgressBar;

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

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

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

@@ -5,35 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ProgressCircle = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var __assign = void 0 && (void 0).__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 MAX_PERCENTAGE = 100;
-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);
+const MAX_PERCENTAGE = 100;
+const ProgressCircle = _ref => {
+  let {
+    size,
+    label,
+    value,
+    theme = 'circle'
+  } = _ref;
+  const limitedValue = Math.min(Math.max(0, value), MAX_PERCENTAGE);
   if (theme === 'circle') {
-    return (0, _jsxRuntime.jsxs)("div", __assign({
-      className: "ncua-progress-circle ncua-progress-circle-".concat(size, " ncua-progress-circle-").concat(theme)
-    }, {
-      children: [(0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-progress-circle__content"
-      }, {
-        children: [(0, _jsxRuntime.jsxs)("svg", __assign({
+    return (0, _jsxRuntime.jsxs)("div", {
+      className: `ncua-progress-circle ncua-progress-circle-${size} ncua-progress-circle-${theme}`,
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        className: "ncua-progress-circle__content",
+        children: [(0, _jsxRuntime.jsxs)("svg", {
           className: "ncua-progress-circle__svg",
-          viewBox: "0 0 100 100"
-        }, {
+          viewBox: "0 0 100 100",
           children: [(0, _jsxRuntime.jsx)("circle", {
             className: "ncua-progress-circle__background",
             cx: "50",
@@ -49,40 +37,33 @@ var ProgressCircle = function (_a) {
             strokeWidth: "10",
             fill: "none",
             strokeDasharray: "var(--circle-circumference)",
-            strokeDashoffset: "calc(var(--circle-circumference) * (1 - ".concat(limitedValue, " / 100))"),
+            strokeDashoffset: `calc(var(--circle-circumference) * (1 - ${limitedValue} / 100))`,
             transform: "rotate(-90 50 50)",
             strokeLinecap: "round"
           })]
-        })), (0, _jsxRuntime.jsxs)("div", __assign({
-          className: "ncua-progress-circle__label-container"
-        }, {
-          children: [size !== 'xxs' && label && (0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-progress-circle__label-text"
-          }, {
+        }), (0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-progress-circle__label-container",
+          children: [size !== 'xxs' && label && (0, _jsxRuntime.jsx)("div", {
+            className: "ncua-progress-circle__label-text",
             children: label
-          })), (0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-progress-circle__label"
-          }, {
-            children: "".concat(limitedValue, "%")
-          }))]
-        }))]
-      })), size === 'xxs' && label && (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-progress-circle__outside-label"
-      }, {
+          }), (0, _jsxRuntime.jsx)("div", {
+            className: "ncua-progress-circle__label",
+            children: `${limitedValue}%`
+          })]
+        })]
+      }), size === 'xxs' && label && (0, _jsxRuntime.jsx)("div", {
+        className: "ncua-progress-circle__outside-label",
         children: label
-      }))]
-    }));
+      })]
+    });
   }
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: "ncua-progress-circle ncua-progress-circle-".concat(size, " ncua-progress-circle-").concat(theme)
-  }, {
-    children: [(0, _jsxRuntime.jsxs)("div", __assign({
-      className: "ncua-progress-circle__content"
-    }, {
-      children: [(0, _jsxRuntime.jsxs)("svg", __assign({
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: `ncua-progress-circle ncua-progress-circle-${size} ncua-progress-circle-${theme}`,
+    children: [(0, _jsxRuntime.jsxs)("div", {
+      className: "ncua-progress-circle__content",
+      children: [(0, _jsxRuntime.jsxs)("svg", {
         className: "ncua-progress-circle__svg",
-        viewBox: "0 0 100 50"
-      }, {
+        viewBox: "0 0 100 50",
         children: [(0, _jsxRuntime.jsx)("path", {
           className: "ncua-progress-circle__background",
           d: "M 5 50 A 45 45 0 0 1 95 50",
@@ -95,27 +76,23 @@ var ProgressCircle = function (_a) {
           strokeWidth: "10",
           fill: "none",
           strokeDasharray: "var(--half-circle-circumference)",
-          strokeDashoffset: "calc(var(--half-circle-circumference) * (1 - ".concat(limitedValue, " / 100))"),
+          strokeDashoffset: `calc(var(--half-circle-circumference) * (1 - ${limitedValue} / 100))`,
           strokeLinecap: "round"
         })]
-      })), (0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-progress-circle__label-container"
-      }, {
-        children: [size !== 'xxs' && label && (0, _jsxRuntime.jsx)("div", __assign({
-          className: "ncua-progress-circle__label-text"
-        }, {
+      }), (0, _jsxRuntime.jsxs)("div", {
+        className: "ncua-progress-circle__label-container",
+        children: [size !== 'xxs' && label && (0, _jsxRuntime.jsx)("div", {
+          className: "ncua-progress-circle__label-text",
           children: label
-        })), (0, _jsxRuntime.jsx)("div", __assign({
-          className: "ncua-progress-circle__label"
-        }, {
-          children: "".concat(limitedValue, "%")
-        }))]
-      }))]
-    })), size === 'xxs' && label && (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-progress-circle__outside-label"
-    }, {
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: "ncua-progress-circle__label",
+          children: `${limitedValue}%`
+        })]
+      })]
+    }), size === 'xxs' && label && (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-progress-circle__outside-label",
       children: label
-    }))]
-  }));
+    })]
+  });
 };
 exports.ProgressCircle = ProgressCircle;

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

@@ -9,56 +9,37 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _RadioInput = require("./RadioInput");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__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 = void 0 && (void 0).__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;
-};
-var Radio = exports.Radio = /*#__PURE__*/(0, _react.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 (0, _jsxRuntime.jsxs)("label", __assign({
-    className: (0, _classnames.default)('ncua-radio-field', "ncua-radio-field--".concat(size), {
+const Radio = exports.Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    size = 'xs',
+    text,
+    supportText,
+    disabled,
+    checked,
+    className,
+    onChange,
+    ...props
+  } = _ref;
+  return (0, _jsxRuntime.jsxs)("label", {
+    className: (0, _classnames.default)('ncua-radio-field', `ncua-radio-field--${size}`, {
       'has-text': text
-    }, className)
-  }, {
-    children: [(0, _jsxRuntime.jsx)(_RadioInput.RadioInput, __assign({
+    }, className),
+    children: [(0, _jsxRuntime.jsx)(_RadioInput.RadioInput, {
       size: size,
       ref: ref,
       checked: checked,
       disabled: disabled,
       onChange: onChange,
-      className: "ncua-radio-field__input"
-    }, props)), (0, _jsxRuntime.jsxs)("span", {
-      children: [text && (0, _jsxRuntime.jsx)("span", __assign({
-        className: "ncua-radio-field__text"
-      }, {
+      className: "ncua-radio-field__input",
+      ...props
+    }), (0, _jsxRuntime.jsxs)("span", {
+      children: [text && (0, _jsxRuntime.jsx)("span", {
+        className: "ncua-radio-field__text",
         children: text
-      })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
-        className: "ncua-radio-field__support-text"
-      }, {
+      }), supportText && (0, _jsxRuntime.jsx)("span", {
+        className: "ncua-radio-field__support-text",
         children: supportText
-      }))]
+      })]
     })]
-  }));
+  });
 });

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

@@ -8,43 +8,25 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__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 = void 0 && (void 0).__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;
-};
-var RadioInput = exports.RadioInput = /*#__PURE__*/(0, _react.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 (0, _jsxRuntime.jsx)("span", __assign({
-    className: (0, _classnames.default)('ncua-radio-input', "ncua-radio-input--".concat(size), {
-      destructive: destructive
-    }, className)
-  }, {
-    children: (0, _jsxRuntime.jsx)("input", __assign({
+const RadioInput = exports.RadioInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    size = 'xs',
+    disabled,
+    className,
+    destructive = false,
+    onChange,
+    ...props
+  } = _ref;
+  return (0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames.default)('ncua-radio-input', `ncua-radio-input--${size}`, {
+      destructive
+    }, className),
+    children: (0, _jsxRuntime.jsx)("input", {
       type: "radio",
       ref: ref,
       onChange: onChange,
-      disabled: disabled
-    }, props))
-  }));
+      disabled: disabled,
+      ...props
+    })
+  });
 });