@ncds/ui-admin 1.6.4 → 1.8.0

package/dist/cjs/src/components/date-picker/RangeDatePicker.js

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RangeDatePicker = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _moment = _interopRequireDefault(require("moment"));
-var _react = require("react");
-var _DatePicker = require("./DatePicker");
-var _utils = require("./utils");
-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 RangeDatePicker = exports.RangeDatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var startDateOptions = _a.startDateOptions,
-    endDateOptions = _a.endDateOptions,
-    validationOption = _a.validationOption,
-    onDateValidation = _a.onDateValidation,
-    _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b;
-  var changeSettingDateAndAlert = (0, _react.useCallback)(function (type, isOverPeriod) {
-    if (isOverPeriod === void 0) {
-      isOverPeriod = false;
-    }
-    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
-      if (type === 'start' && (0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate)) {
-        onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
-          type: type,
-          errorType: 'overlap',
-          newDate: endDateOptions.currentDate,
-          currentDate: startDateOptions.currentDate
-        });
-        return;
-      }
-      if (type === 'end' && (0, _moment.default)(endDateOptions.currentDate).isBefore(startDateOptions.currentDate)) {
-        onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
-          type: type,
-          errorType: 'overlap',
-          newDate: startDateOptions.currentDate,
-          currentDate: endDateOptions.currentDate
-        });
-        return;
-      }
-      return;
-    }
-    var _a = validationOption.setting,
-      unit = _a.unit,
-      period = _a.period;
-    var newDate = '';
-    if (type === 'start') {
-      if (isOverPeriod) {
-        newDate = (0, _utils.getDateFormat)((0, _moment.default)(endDateOptions.currentDate).subtract(period, unit).toDate());
-      } else if ((0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate)) {
-        newDate = endDateOptions.currentDate;
-      }
-    } else {
-      if (isOverPeriod) {
-        newDate = (0, _utils.getDateFormat)((0, _moment.default)(startDateOptions.currentDate).add(period, unit).toDate());
-      } else if ((0, _moment.default)(endDateOptions.currentDate).isBefore(startDateOptions.currentDate)) {
-        newDate = startDateOptions.currentDate;
-      }
-    }
-    if (newDate) {
-      onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
-        type: type,
-        errorType: isOverPeriod ? 'period' : 'overlap',
-        newDate: newDate,
-        currentDate: type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate
-      });
-    }
-  }, [startDateOptions, endDateOptions, validationOption, onDateValidation]);
-  (0, _react.useEffect)(function () {
-    var isOverDate = (0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
-    if (isOverDate) {
-      changeSettingDateAndAlert('start');
-      return;
-    }
-    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
-      return;
-    }
-    var _a = validationOption.setting,
-      unit = _a.unit,
-      period = _a.period;
-    var isValidPeriod = (0, _moment.default)(startDateOptions.currentDate).isSameOrAfter((0, _moment.default)(endDateOptions.currentDate).subtract(period, unit));
-    if (!isValidPeriod) {
-      changeSettingDateAndAlert('start', true);
-    } else {
-      onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
-        type: 'start',
-        errorType: null,
-        newDate: startDateOptions.currentDate,
-        currentDate: startDateOptions.currentDate
-      });
-    }
-  }, [startDateOptions.currentDate]);
-  (0, _react.useEffect)(function () {
-    var isNotTodayEndDate = !(0, _moment.default)(endDateOptions.currentDate).isSame((0, _moment.default)(), 'day');
-    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting) || !isNotTodayEndDate) {
-      return;
-    }
-    var isOverDate = (0, _moment.default)(endDateOptions.currentDate).isBefore(startDateOptions.currentDate);
-    if (isOverDate) {
-      changeSettingDateAndAlert('end');
-      return;
-    }
-    var _a = validationOption.setting,
-      unit = _a.unit,
-      period = _a.period;
-    var isValidPeriod = (0, _moment.default)(endDateOptions.currentDate).isSameOrBefore((0, _moment.default)(startDateOptions.currentDate).add(period, unit));
-    if (!isValidPeriod) {
-      changeSettingDateAndAlert('end', true);
-    } else {
-      onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
-        type: 'end',
-        errorType: null,
-        newDate: endDateOptions.currentDate,
-        currentDate: endDateOptions.currentDate
-      });
-    }
-  }, [endDateOptions.currentDate]);
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: "ncua-range-date-picker",
-    ref: ref || undefined
-  }, {
-    children: [(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, __assign({}, startDateOptions, {
-      ref: undefined,
-      size: size
-    })), "~", (0, _jsxRuntime.jsx)(_DatePicker.DatePicker, __assign({
-      isEndDate: true
-    }, endDateOptions, {
-      ref: undefined,
-      size: size
-    }))]
-  }));
-});
-RangeDatePicker.displayName = 'RangeDatePicker';

package/dist/cjs/src/components/date-picker/RangeDatePickerWithButtons.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RangeDatePickerWithButtons = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _datePicker = require("../../constant/date-picker");
-var _datePicker2 = require("../../utils/date-picker");
-var _button = require("../button");
-var _RangeDatePicker = require("./RangeDatePicker");
-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 RangeDatePickerWithButtons = function (_a) {
-  var _b = _a.useYesterdayAsEndDate,
-    useYesterdayAsEndDate = _b === void 0 ? false : _b,
-    _c = _a.size,
-    size = _c === void 0 ? 'xs' : _c,
-    currentButtonId = _a.currentButtonId,
-    setCurrentButtonId = _a.setCurrentButtonId,
-    startDateOptions = _a.startDateOptions,
-    endDateOptions = _a.endDateOptions,
-    validationOption = _a.validationOption,
-    periodKeys = _a.periodKeys,
-    periodItems = _a.periodItems,
-    onDateValidation = _a.onDateValidation;
-  var items = periodItems !== null && periodItems !== void 0 ? periodItems : _datePicker.PERIOD_ITEM;
-  var setCalculatedDate = function () {
-    var currentPeriodItem = items[currentButtonId];
-    if (!currentPeriodItem) {
-      return;
-    }
-    if (currentButtonId === 'ENTIRE') {
-      startDateOptions.onChangeDate('');
-      endDateOptions.onChangeDate('');
-      return;
-    }
-    var startDate = (0, _datePicker2.getDateFormat)((0, _datePicker2.getSubtractDate)({
-      period: currentPeriodItem.period,
-      unit: currentPeriodItem.unit
-    }));
-    startDateOptions.onChangeDate(startDate);
-    var endDate = useYesterdayAsEndDate ? (0, _datePicker2.getDateFormat)((0, _datePicker2.getSubtractDate)({
-      period: 1,
-      unit: 'days'
-    })) : (0, _datePicker2.getDateFormat)();
-    endDateOptions.onChangeDate(endDate);
-  };
-  var handleOnChangeDate = function (date, type) {
-    type === 'START' ? startDateOptions.onChangeDate(date) : endDateOptions.onChangeDate(date);
-    currentButtonId && setCurrentButtonId('NONE');
-  };
-  (0, _react.useEffect)(function () {
-    if (currentButtonId !== 'NONE') {
-      setCalculatedDate();
-    }
-  }, [currentButtonId]);
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: "ncua-range-date-picker-with-buttons"
-  }, {
-    children: [(0, _jsxRuntime.jsx)(_button.ButtonGroup, __assign({
-      size: size
-    }, {
-      children: periodKeys.map(function (key) {
-        return (0, _jsxRuntime.jsx)(_button.ButtonGroup.Item, {
-          isCurrent: currentButtonId === key,
-          label: items[key].text,
-          onClick: function () {
-            return setCurrentButtonId(key);
-          }
-        }, key);
-      })
-    })), (0, _jsxRuntime.jsx)(_RangeDatePicker.RangeDatePicker, {
-      startDateOptions: __assign(__assign({}, startDateOptions), {
-        onChangeDate: function (date) {
-          return handleOnChangeDate(date, 'START');
-        }
-      }),
-      endDateOptions: __assign(__assign({}, endDateOptions), {
-        onChangeDate: function (date) {
-          return handleOnChangeDate(date, 'END');
-        }
-      }),
-      validationOption: validationOption,
-      onDateValidation: onDateValidation,
-      size: size
-    })]
-  }));
-};
-exports.RangeDatePickerWithButtons = RangeDatePickerWithButtons;

package/dist/cjs/src/components/input/InputBase.js

@@ -1,229 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputBase = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _color = require("../../../constant/color");
-var _HintText = require("../shared/hintText/HintText");
-var _Label = require("../shared/label/Label");
-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 validationSvgSize = {
-  xs: 14,
-  sm: 16
-};
-var generalSvgSize = {
-  xs: 14,
-  sm: 20
-};
-var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b,
-    required = _a.required,
-    label = _a.label,
-    hintText = _a.hintText,
-    disabled = _a.disabled,
-    validation = _a.validation,
-    destructive = _a.destructive,
-    leadingElement = _a.leadingElement,
-    trailingElement = _a.trailingElement,
-    showHelpIcon = _a.showHelpIcon,
-    maxLength = _a.maxLength,
-    showTextCount = _a.showTextCount,
-    className = _a.className,
-    props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement", "showHelpIcon", "maxLength", "showTextCount", "className"]);
-  var inputRef = (0, _react.useRef)(null);
-  var _c = (0, _react.useState)(0),
-    textCount = _c[0],
-    setTextCount = _c[1];
-  (0, _react.useEffect)(function () {
-    if (inputRef.current && showTextCount) {
-      setTextCount(inputRef.current.value.length);
-      var handleInput_1 = function () {
-        var _a, _b;
-        setTextCount((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.length) !== null && _b !== void 0 ? _b : 0);
-      };
-      inputRef.current.addEventListener('input', handleInput_1);
-      return function () {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', handleInput_1);
-      };
-    }
-  }, [showTextCount]);
-  var renderOutsideSlot = function (slot) {
-    if (slot.type === 'custom' && slot.placement !== 'outside') {
-      return null;
-    }
-    switch (slot.type) {
-      case 'button':
-        return (0, _jsxRuntime.jsx)("button", __assign({
-          type: slot.isSubmit ? 'submit' : 'button',
-          className: (0, _classnames.default)('ncua-input__button', "ncua-input__button--".concat(size)),
-          onClick: slot.onClick
-        }, {
-          children: slot.label
-        }));
-      case 'text':
-        return (0, _jsxRuntime.jsx)("span", __assign({
-          className: (0, _classnames.default)('ncua-input__leading-text', "ncua-input__leading-text--".concat(size))
-        }, {
-          children: slot.text
-        }));
-      case 'custom':
-        return slot.children;
-      default:
-        return null;
-    }
-  };
-  var renderInsideSlot = function (slot, position) {
-    var _a, _b;
-    switch (slot.type) {
-      case 'icon':
-        {
-          var SlotIcon = slot.icon;
-          return (0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-input__icon-wrap"
-          }, {
-            children: (0, _jsxRuntime.jsx)(SlotIcon, {
-              className: (0, _classnames.default)("ncua-input__".concat(position, "-icon"), slot.className),
-              color: slot.color ? _color.COLOR[slot.color] : undefined,
-              width: (_a = slot.size) !== null && _a !== void 0 ? _a : generalSvgSize[size],
-              height: (_b = slot.size) !== null && _b !== void 0 ? _b : generalSvgSize[size]
-            })
-          }));
-        }
-      case 'custom':
-        if (slot.placement !== 'inside') {
-          return null;
-        }
-        return slot.children;
-      default:
-        return null;
-    }
-  };
-  var renderClearButton = function () {
-    if (!props.clearText) return null;
-    return (0, _jsxRuntime.jsx)("button", __assign({
-      type: "button",
-      className: (0, _classnames.default)('ncua-input__icon-wrap', 'ncua-input__right-icon', 'ncua-input__clear'),
-      onClick: props.onClearText
-    }, {
-      children: (0, _jsxRuntime.jsx)(_uiAdminIcon.X, {
-        className: "ncua-input__clear-icon",
-        width: validationSvgSize[size],
-        height: validationSvgSize[size]
-      })
-    }));
-  };
-  var renderStatusIcon = function () {
-    if (destructive) {
-      return (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-input__icon-wrap ncua-input__right-icon"
-      }, {
-        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.InfoCircle, {
-          className: "ncua-input__destructive-icon",
-          width: validationSvgSize[size],
-          height: validationSvgSize[size]
-        })
-      }));
-    }
-    if (validation) {
-      return (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-input__icon-wrap ncua-input__right-icon"
-      }, {
-        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.CheckCircle, {
-          className: "ncua-input__validation-icon",
-          width: validationSvgSize[size],
-          height: validationSvgSize[size]
-        })
-      }));
-    }
-    return null;
-  };
-  var renderLabel = function () {
-    if (!label) return null;
-    return (0, _jsxRuntime.jsxs)("div", __assign({
-      className: (0, _classnames.default)('ncua-input__label', "ncua-input__label--".concat(size))
-    }, {
-      children: [(0, _jsxRuntime.jsx)(_Label.Label, __assign({
-        isRequired: required,
-        htmlFor: props.id
-      }, {
-        children: label
-      })), showHelpIcon && (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
-        className: "ncua-input__help-icon"
-      })]
-    }));
-  };
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: (0, _classnames.default)('ncua-input', "ncua-input--".concat(size), {
-      destructive: destructive,
-      'is-disabled': disabled,
-      'ncua-input__trailing-button': (trailingElement === null || trailingElement === void 0 ? void 0 : trailingElement.type) === 'button',
-      'ncua-input__leading-text-wrap': (leadingElement === null || leadingElement === void 0 ? void 0 : leadingElement.type) === 'text'
-    }, className)
-  }, {
-    children: [renderLabel(), (0, _jsxRuntime.jsxs)("div", __assign({
-      className: "ncua-input__content-wrap"
-    }, {
-      children: [(0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-input__content"
-      }, {
-        children: [leadingElement && renderOutsideSlot(leadingElement), (0, _jsxRuntime.jsxs)("div", __assign({
-          className: (0, _classnames.default)('ncua-input__field', "ncua-input__field--".concat(size))
-        }, {
-          children: [leadingElement && renderInsideSlot(leadingElement, 'left'), (0, _jsxRuntime.jsx)("input", __assign({
-            ref: function (node) {
-              if (typeof ref === 'function') {
-                ref(node);
-              } else if (ref) {
-                ref.current = node;
-              }
-              inputRef.current = node;
-            },
-            type: "text",
-            disabled: disabled,
-            maxLength: maxLength
-          }, props)), renderClearButton(), renderStatusIcon(), trailingElement && renderInsideSlot(trailingElement, 'right')]
-        })), trailingElement && renderOutsideSlot(trailingElement)]
-      })), showTextCount && maxLength && (0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-input__field-text-count"
-      }, {
-        children: [(0, _jsxRuntime.jsx)("output", __assign({
-          className: "ncua-input__field-text-count-current"
-        }, {
-          children: textCount
-        })), (0, _jsxRuntime.jsxs)("span", {
-          children: ["/", maxLength]
-        })]
-      }))]
-    })), hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, __assign({
-      className: "ncua-input__hint-text",
-      destructive: destructive
-    }, {
-      children: hintText
-    }))]
-  }));
-});

package/dist/cjs/src/components/input/NumberInput.js

@@ -1,132 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NumberInput = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _hooks = require("../../hooks");
-var _button = require("../button");
-var _InputBase = require("./InputBase");
-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 NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b,
-    minValue = _a.minValue,
-    maxValue = _a.maxValue,
-    _c = _a.step,
-    step = _c === void 0 ? 1 : _c,
-    stepperPosition = _a.stepperPosition,
-    disabled = _a.disabled,
-    props = __rest(_a, ["size", "minValue", "maxValue", "step", "stepperPosition", "disabled"]);
-  var inputRef = (0, _react.useRef)(null);
-  var mergedRef = (0, _hooks.useMergeRefs)([ref, inputRef]);
-  var getCurrentValue = (0, _react.useCallback)(function () {
-    var _a;
-    var value = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value;
-    return value ? parseFloat(value) : 0;
-  }, []);
-  var updateValue = (0, _react.useCallback)(function (newValue) {
-    if (!inputRef.current) return;
-    // min/max 범위 체크
-    var clampedValue = newValue;
-    if (minValue !== undefined && clampedValue < minValue) {
-      clampedValue = minValue;
-    }
-    if (maxValue !== undefined && clampedValue > maxValue) {
-      clampedValue = maxValue;
-    }
-    inputRef.current.value = clampedValue.toString();
-    // onChange 이벤트 트리거
-    var event = new Event('input', {
-      bubbles: true
-    });
-    inputRef.current.dispatchEvent(event);
-  }, [minValue, maxValue]);
-  var handleIncrement = (0, _react.useCallback)(function () {
-    var currentValue = getCurrentValue();
-    var newValue = currentValue + step;
-    if (maxValue === undefined || newValue <= maxValue) {
-      updateValue(newValue);
-    }
-  }, [getCurrentValue, step, maxValue, updateValue]);
-  var handleDecrement = (0, _react.useCallback)(function () {
-    var currentValue = getCurrentValue();
-    var newValue = currentValue - step;
-    if (minValue === undefined || newValue >= minValue) {
-      updateValue(newValue);
-    }
-  }, [getCurrentValue, step, minValue, updateValue]);
-  var handleKeyDown = (0, _react.useCallback)(function (event) {
-    var _a;
-    if (disabled) return;
-    if (event.key === 'ArrowUp') {
-      event.preventDefault();
-      handleIncrement();
-    } else if (event.key === 'ArrowDown') {
-      event.preventDefault();
-      handleDecrement();
-    }
-    // 기존 onKeyDown prop이 있으면 호출
-    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, event);
-  }, [disabled, handleIncrement, handleDecrement, props]);
-  var renderStepperButtonGroup = function (position) {
-    if (position !== stepperPosition) {
-      return null;
-    }
-    return (0, _jsxRuntime.jsxs)("div", __assign({
-      className: "ncua-input__stepper-button-group"
-    }, {
-      children: [(0, _jsxRuntime.jsx)(_button.ButtonStepper, {
-        size: size,
-        direction: "up",
-        onClick: handleIncrement,
-        disabled: disabled
-      }), (0, _jsxRuntime.jsx)(_button.ButtonStepper, {
-        size: size,
-        direction: "down",
-        onClick: handleDecrement,
-        disabled: disabled
-      })]
-    }));
-  };
-  return (0, _jsxRuntime.jsx)(_InputBase.InputBase, __assign({
-    type: "number",
-    leadingElement: renderStepperButtonGroup('leading') ? {
-      type: 'custom',
-      children: renderStepperButtonGroup('leading'),
-      placement: 'inside'
-    } : props.leadingElement,
-    trailingElement: renderStepperButtonGroup('trailing') ? {
-      type: 'custom',
-      children: renderStepperButtonGroup('trailing'),
-      placement: 'inside'
-    } : props.trailingElement,
-    ref: mergedRef,
-    size: size,
-    disabled: disabled,
-    min: minValue,
-    max: maxValue,
-    step: step,
-    onKeyDown: handleKeyDown,
-    className: "ncua-input__number"
-  }, props));
-});

package/dist/cjs/src/components/input/PasswordInput.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PasswordInput = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _InputBase = require("./InputBase");
-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 svgSize = {
-  xs: 14,
-  sm: 20
-};
-var PasswordInput = exports.PasswordInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b,
-    props = __rest(_a, ["size"]);
-  var _c = (0, _react.useState)(false),
-    isVisible = _c[0],
-    setIsVisible = _c[1];
-  var svgProps = {
-    width: svgSize[size],
-    height: svgSize[size]
-  };
-  var handleVisibilityChange = function () {
-    setIsVisible(function (prev) {
-      return !prev;
-    });
-  };
-  return (0, _jsxRuntime.jsx)(_InputBase.InputBase, __assign({
-    ref: ref,
-    size: size,
-    type: isVisible ? 'text' : 'password',
-    leadingElement: {
-      type: 'icon',
-      icon: _uiAdminIcon.Lock01,
-      color: props.value ? 'gray600' : 'gray300'
-    },
-    trailingElement: {
-      type: 'custom',
-      placement: 'inside',
-      children: (0, _jsxRuntime.jsx)("button", __assign({
-        className: (0, _classnames.default)('ncua-input__icon-wrap', 'ncua-input__right-icon', 'ncua-input__password-icon'),
-        type: "button",
-        onClick: handleVisibilityChange
-      }, {
-        children: isVisible ? (0, _jsxRuntime.jsx)(_uiAdminIcon.Eye, __assign({}, svgProps)) : (0, _jsxRuntime.jsx)(_uiAdminIcon.EyeOff, __assign({}, svgProps))
-      }))
-    }
-  }, props));
-});