@ncds/ui-admin 0.0.33 → 0.0.34

package/dist/cjs/src/constant/date-picker.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PERIOD_ITEM = void 0;
-var PERIOD_ITEM = exports.PERIOD_ITEM = {
-  TODAY: {
-    text: '오늘',
-    period: 0,
-    unit: 'days'
-  },
-  YESTERDAY: {
-    text: '어제',
-    period: 1,
-    unit: 'days'
-  },
-  '3DAYS': {
-    text: '3일',
-    period: 3,
-    unit: 'days'
-  },
-  '7DAYS': {
-    text: '7일',
-    period: 7,
-    unit: 'days'
-  },
-  '1WEEK': {
-    text: '1주일',
-    period: 1,
-    unit: 'week'
-  },
-  '15DAYS': {
-    text: '15일',
-    period: 15,
-    unit: 'days'
-  },
-  '1MONTHS': {
-    text: '1개월',
-    period: 1,
-    unit: 'months'
-  },
-  '3MONTHS': {
-    text: '3개월',
-    period: 3,
-    unit: 'months'
-  },
-  '1YEAR': {
-    text: '1년',
-    period: 1,
-    unit: 'years'
-  },
-  ENTIRE: {
-    text: '전체',
-    period: 0,
-    unit: null
-  },
-  NONE: {
-    text: '',
-    period: 0,
-    unit: null
-  }
-};

package/dist/cjs/src/constant/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _size = require("./size");
-Object.keys(_size).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _size[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _size[key];
-    }
-  });
-});
-var _datePicker = require("./date-picker");
-Object.keys(_datePicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _datePicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _datePicker[key];
-    }
-  });
-});

package/dist/cjs/src/constant/size.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MINIMUM_PC_SIZE = void 0;
-var MINIMUM_PC_SIZE = exports.MINIMUM_PC_SIZE = 768;

package/dist/cjs/src/hooks/useMediaQuery.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMediaQuery = void 0;
-var _react = require("react");
-var useMediaQuery = function (query, options) {
-  var _a = (0, _react.useState)(false),
-    matches = _a[0],
-    setMatches = _a[1];
-  (0, _react.useEffect)(function () {
-    var mediaQuery = window.matchMedia(query);
-    setMatches(mediaQuery.matches);
-    var handleChange = function (e) {
-      var _a;
-      setMatches(e.matches);
-      if (e.matches) {
-        (_a = options === null || options === void 0 ? void 0 : options.onMatched) === null || _a === void 0 ? void 0 : _a.call(options);
-      }
-    };
-    mediaQuery.addEventListener('change', handleChange);
-    return function () {
-      mediaQuery.removeEventListener('change', handleChange);
-    };
-  }, [query, options === null || options === void 0 ? void 0 : options.onMatched]);
-  return matches;
-};
-exports.useMediaQuery = useMediaQuery;

package/dist/cjs/src/utils/date-picker.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDateFormat = getDateFormat;
-exports.getSubtractDate = getSubtractDate;
-exports.getToday = getToday;
-var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function getDateFormat(date) {
-  if (date === void 0) {
-    date = getToday();
-  }
-  return (0, _moment.default)(date).format('YYYY-MM-DD');
-}
-function getToday() {
-  return (0, _moment.default)().toDate();
-}
-function getSubtractDate(_a) {
-  var _b = _a.date,
-    date = _b === void 0 ? getToday() : _b,
-    period = _a.period,
-    unit = _a.unit;
-  return (0, _moment.default)(date).subtract(period, unit).toDate();
-}

package/dist/esm/assets/scripts/index.js

@@ -1,2 +0,0 @@
-export * from './test';
-export * from './slider';

package/dist/esm/assets/scripts/slider.js

@@ -1,336 +0,0 @@
-var Slider = /** @class */function () {
-  function Slider(element, options) {
-    var _this = this;
-    this.activeHandle = null;
-    this.isDragging = false;
-    this.handleElements = [];
-    this.progressElement = null;
-    this.trackElement = null;
-    this.handleMouseDown = function (e) {
-      var targetElement = e.target;
-      e.preventDefault();
-      _this.handleInteractionStart(e.clientX, targetElement);
-      if (_this.isDragging) {
-        // 드래그 이벤트 추가
-        document.addEventListener('mousemove', _this.handleMouseMove);
-        document.addEventListener('mouseup', _this.handleMouseUp);
-        // 텍스트 선택 방지
-        document.body.style.userSelect = 'none';
-      }
-    };
-    this.handleTouchStart = function (e) {
-      if (e.touches.length > 0) {
-        var targetElement = e.target;
-        e.preventDefault();
-        _this.handleInteractionStart(e.touches[0].clientX, targetElement);
-        if (_this.isDragging) {
-          // 드래그 이벤트 추가
-          document.addEventListener('touchmove', _this.handleTouchMove, {
-            passive: false
-          });
-          document.addEventListener('touchend', _this.handleTouchEnd);
-        }
-      }
-    };
-    this.handleMouseMove = function (e) {
-      if (_this.isDragging) {
-        _this.updateValueFromClientX(e.clientX);
-      }
-    };
-    this.handleTouchMove = function (e) {
-      if (_this.isDragging && e.touches.length > 0) {
-        e.preventDefault();
-        _this.updateValueFromClientX(e.touches[0].clientX);
-      }
-    };
-    this.handleMouseUp = function () {
-      _this.isDragging = false;
-      document.body.style.userSelect = '';
-      document.removeEventListener('mousemove', _this.handleMouseMove);
-      document.removeEventListener('mouseup', _this.handleMouseUp);
-    };
-    this.handleTouchEnd = function () {
-      _this.isDragging = false;
-      document.removeEventListener('touchmove', _this.handleTouchMove);
-      document.removeEventListener('touchend', _this.handleTouchEnd);
-    };
-    this.element = element;
-    this.options = Object.assign({
-      min: 0,
-      max: 100,
-      step: 1,
-      value: 0,
-      disabled: false
-    }, options);
-    this.value = this.options.value;
-    this.options.min = Number(this.options.min);
-    this.options.max = Number(this.options.max);
-    this.options.step = Number(this.options.step);
-    this.init();
-  }
-  Slider.prototype.init = function () {
-    if (this.options.disabled) {
-      this.element.style.opacity = '0.5';
-    }
-    // 기존 내용 제거
-    this.element.innerHTML = '';
-    // Track 생성
-    this.trackElement = document.createElement('div');
-    this.trackElement.className = 'ncua-slider__track';
-    this.element.appendChild(this.trackElement);
-    // Progress 생성
-    this.progressElement = document.createElement('div');
-    this.progressElement.className = 'ncua-slider__progress';
-    this.element.appendChild(this.progressElement);
-    // Handle(s) 생성
-    if (Array.isArray(this.value)) {
-      // Range slider (2 handles)
-      var _a = this.value,
-        leftValue = _a[0],
-        rightValue = _a[1];
-      this.createHandle(0, leftValue);
-      this.createHandle(1, rightValue);
-    } else {
-      // Single slider (1 handle)
-      this.createHandle(0, this.value);
-    }
-    // 이벤트 리스너 추가
-    if (!this.options.disabled) {
-      this.element.addEventListener('mousedown', this.handleMouseDown);
-      this.element.addEventListener('touchstart', this.handleTouchStart, {
-        passive: false
-      });
-    }
-    // 초기 위치 설정
-    this.updateHandlePositions();
-  };
-  Slider.prototype.createHandle = function (index, value) {
-    var _this = this;
-    var handle = document.createElement('div');
-    handle.className = 'ncua-slider__handle';
-    handle.setAttribute('role', 'slider');
-    handle.setAttribute('tabindex', this.options.disabled ? '-1' : '0');
-    handle.setAttribute('aria-valuemin', Array.isArray(this.value) && index === 1 ? String(this.value[0]) : String(this.options.min));
-    handle.setAttribute('aria-valuemax', Array.isArray(this.value) && index === 0 ? String(this.value[1]) : String(this.options.max));
-    handle.setAttribute('aria-valuenow', String(value));
-    handle.setAttribute('aria-disabled', String(this.options.disabled));
-    handle.dataset.index = String(index);
-    handle.addEventListener('focus', function () {
-      _this.activeHandle = index;
-      _this.updateHandleClasses();
-    });
-    handle.addEventListener('blur', function () {
-      _this.activeHandle = null;
-      _this.updateHandleClasses();
-    });
-    if (this.options.labelPosition === 'bottom') {
-      var label = document.createElement('div');
-      label.className = "ncua-slider__label";
-      label.textContent = "".concat(value, "%");
-      handle.appendChild(label);
-    }
-    if (this.options.labelPosition === 'top-floating') {
-      var label = document.createElement('div');
-      label.className = "ncua-slider__label ncua-slider__label--tooltip";
-      label.textContent = "".concat(value, "%");
-      handle.appendChild(label);
-    }
-    this.element.appendChild(handle);
-    this.handleElements[index] = handle;
-  };
-  Slider.prototype.updateHandlePositions = function () {
-    if (Array.isArray(this.value)) {
-      // Range slider
-      var _a = this.value,
-        leftValue = _a[0],
-        rightValue = _a[1];
-      var leftPosition = this.getPositionFromValue(leftValue);
-      var rightPosition = this.getPositionFromValue(rightValue);
-      this.handleElements[0].style.left = "".concat(leftPosition, "%");
-      this.handleElements[1].style.left = "".concat(rightPosition, "%");
-      if (this.options.labelPosition) {
-        var leftLabel = this.handleElements[0].querySelector('.ncua-slider__label');
-        var rightLabel = this.handleElements[1].querySelector('.ncua-slider__label');
-        if (leftLabel) leftLabel.textContent = "".concat(leftValue, "%");
-        if (rightLabel) rightLabel.textContent = "".concat(rightValue, "%");
-      }
-      if (this.progressElement) {
-        this.progressElement.style.left = "".concat(leftPosition, "%");
-        this.progressElement.style.width = "".concat(rightPosition - leftPosition, "%");
-      }
-    } else {
-      // Single slider
-      var position = this.getPositionFromValue(this.value);
-      this.handleElements[0].style.left = "".concat(position, "%");
-      if (this.options.labelPosition) {
-        var label = this.handleElements[0].querySelector('.ncua-slider__label');
-        if (label) label.textContent = "".concat(this.value, "%");
-      }
-      if (this.progressElement) {
-        this.progressElement.style.left = '0';
-        this.progressElement.style.width = "".concat(position, "%");
-      }
-    }
-    // ARIA 속성 업데이트
-    this.updateAriaAttributes();
-  };
-  Slider.prototype.updateHandleClasses = function () {
-    var _this = this;
-    this.handleElements.forEach(function (handle, index) {
-      if (index === _this.activeHandle) {
-        handle.classList.add('is-active');
-      } else {
-        handle.classList.remove('is-active');
-      }
-    });
-  };
-  Slider.prototype.updateAriaAttributes = function () {
-    if (Array.isArray(this.value)) {
-      // Range slider
-      var _a = this.value,
-        leftValue = _a[0],
-        rightValue = _a[1];
-      this.handleElements[0].setAttribute('aria-valuenow', String(leftValue));
-      this.handleElements[0].setAttribute('aria-valuemax', String(rightValue));
-      this.handleElements[1].setAttribute('aria-valuenow', String(rightValue));
-      this.handleElements[1].setAttribute('aria-valuemin', String(leftValue));
-    } else {
-      // Single slider
-      this.handleElements[0].setAttribute('aria-valuenow', String(this.value));
-    }
-  };
-  Slider.prototype.getPositionFromValue = function (value) {
-    return (value - this.options.min) / (this.options.max - this.options.min) * 100;
-  };
-  Slider.prototype.getValueFromPosition = function (position) {
-    var percentage = Math.min(Math.max(position, 0), 100);
-    var exactValue = this.options.min + percentage / 100 * (this.options.max - this.options.min);
-    var steppedValue = Math.round(exactValue / this.options.step) * this.options.step;
-    return Math.min(Math.max(steppedValue, this.options.min), this.options.max);
-  };
-  Slider.prototype.handleInteractionStart = function (clientX, target) {
-    // 슬라이더 영역 내부를 클릭/터치한 경우
-    if (target.closest('.ncua-slider')) {
-      // 핸들을 직접 클릭/터치했는지 확인
-      var handleElement = target.closest('.ncua-slider__handle');
-      if (handleElement) {
-        if (Array.isArray(this.value) && this.value[0] === this.value[1] && this.value[0] === this.options.max) {
-          this.activeHandle = 0;
-        } else if (Array.isArray(this.value) && this.value[0] === this.value[1] && this.value[0] === this.options.min) {
-          this.activeHandle = 1;
-        } else {
-          this.activeHandle = parseInt(handleElement.dataset.index || '0', 10);
-        }
-      } else {
-        // 슬라이더 트랙을 클릭/터치한 경우, 가장 가까운 핸들을 결정
-        var rect = this.element.getBoundingClientRect();
-        var position = (clientX - rect.left) / rect.width * 100;
-        if (Array.isArray(this.value)) {
-          var _a = this.value,
-            leftValue = _a[0],
-            rightValue = _a[1];
-          var leftPosition = this.getPositionFromValue(leftValue);
-          var rightPosition = this.getPositionFromValue(rightValue);
-          if (position < leftPosition) {
-            this.activeHandle = 0;
-          } else if (position > rightPosition) {
-            this.activeHandle = 1;
-          } else {
-            this.activeHandle = Math.abs(position - leftPosition) < Math.abs(position - rightPosition) ? 0 : 1;
-          }
-        } else {
-          this.activeHandle = 0;
-        }
-      }
-      this.updateHandleClasses();
-      this.isDragging = true;
-      // 클릭/터치 위치로 값 업데이트
-      this.updateValueFromClientX(clientX);
-    }
-  };
-  Slider.prototype.updateValueFromClientX = function (clientX) {
-    if (!this.element || this.activeHandle === null) return;
-    var rect = this.element.getBoundingClientRect();
-    var position = (clientX - rect.left) / rect.width * 100;
-    var newValue = this.getValueFromPosition(position);
-    var prevValue = this.value;
-    if (Array.isArray(this.value)) {
-      // Range slider
-      var _a = this.value,
-        leftValue = _a[0],
-        rightValue = _a[1];
-      if (this.activeHandle === 0) {
-        // 왼쪽 핸들
-        this.value = [Math.min(newValue, rightValue), rightValue];
-      } else if (this.activeHandle === 1) {
-        // 오른쪽 핸들
-        this.value = [leftValue, Math.max(newValue, leftValue)];
-      }
-    } else {
-      // Single slider
-      this.value = newValue;
-    }
-    this.notifyChange(prevValue);
-    this.updateHandlePositions();
-  };
-  Slider.prototype.notifyChange = function (prevValue) {
-    var _this = this;
-    var isSingle = !Array.isArray(prevValue);
-    var checkChangedSingle = function () {
-      return prevValue !== _this.value;
-    };
-    var checkChangedRange = function () {
-      return Array.isArray(prevValue) && Array.isArray(_this.value) && (prevValue[0] !== _this.value[0] || prevValue[1] !== _this.value[1]);
-    };
-    var isChanged = isSingle ? checkChangedSingle() : checkChangedRange();
-    if (this.options.onChange && isChanged) {
-      this.options.onChange(this.value);
-    }
-  };
-  Slider.prototype.setValue = function (value) {
-    this.value = value;
-    this.updateHandlePositions();
-  };
-  Slider.prototype.getValue = function () {
-    return this.value;
-  };
-  Slider.prototype.disable = function () {
-    this.options.disabled = true;
-    this.element.style.opacity = '0.5';
-    this.handleElements.forEach(function (handle) {
-      handle.setAttribute('tabindex', '-1');
-      handle.setAttribute('aria-disabled', 'true');
-    });
-    this.element.removeEventListener('mousedown', this.handleMouseDown);
-    this.element.removeEventListener('touchstart', this.handleTouchStart);
-  };
-  Slider.prototype.enable = function () {
-    this.options.disabled = false;
-    this.element.style.opacity = '1';
-    this.handleElements.forEach(function (handle) {
-      handle.setAttribute('tabindex', '0');
-      handle.setAttribute('aria-disabled', 'false');
-    });
-    this.element.addEventListener('mousedown', this.handleMouseDown);
-    this.element.addEventListener('touchstart', this.handleTouchStart, {
-      passive: false
-    });
-  };
-  Slider.prototype.destroy = function () {
-    // 모든 이벤트 리스너 제거
-    this.element.removeEventListener('mousedown', this.handleMouseDown);
-    this.element.removeEventListener('touchstart', this.handleTouchStart);
-    document.removeEventListener('mousemove', this.handleMouseMove);
-    document.removeEventListener('mouseup', this.handleMouseUp);
-    document.removeEventListener('touchmove', this.handleTouchMove);
-    document.removeEventListener('touchend', this.handleTouchEnd);
-    // 모든 내용 제거
-    this.element.innerHTML = '';
-    // 참조 정리
-    this.handleElements = [];
-    this.progressElement = null;
-    this.trackElement = null;
-  };
-  return Slider;
-}();
-export { Slider };

package/dist/esm/assets/scripts/test.js

@@ -1,3 +0,0 @@
-export var test = function () {
-  console.log('test');
-};

package/dist/esm/constant/color.js

@@ -1,32 +0,0 @@
-export var COLOR = {
-  gray100: '#EAECF0',
-  gray200: '#D0D5DD',
-  gray300: '#98A2B3',
-  gray400: '#667085',
-  gray500: '#344054',
-  gray600: '#475467',
-  gray700: '#0C111D',
-  blue500: '#1570EF',
-  blue600: '#1849a9',
-  red500: '#ec1d31',
-  red600: '#dc0a2b',
-  orange500: '#e4501e',
-  orange600: '#b93815',
-  green500: '#099250',
-  green600: '#087443',
-  pink100: '#fce7f6',
-  pink600: '#c11574',
-  yellow600: '#c27004',
-  white: '#fff',
-  currentColor: 'currentColor',
-  black: '',
-  'secondary-gray-blue-50': '#f8f9fc',
-  'secondary-gray-blue-100': '#eaecf5',
-  'secondary-gray-blue-200': '#d5d9eb',
-  'secondary-gray-blue-300': '#b3b8db',
-  'secondary-gray-blue-400': '#717bbc',
-  'secondary-gray-blue-450': '#4e5ba6',
-  'secondary-gray-blue-500': '#3e4784',
-  'secondary-gray-blue-600': '#363f72',
-  'secondary-gray-blue-700': '#293056'
-};

package/dist/esm/constant/size.js

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

package/dist/esm/src/components/badge/Badge.js

@@ -1,44 +0,0 @@
-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 classNames from 'classnames';
-import { sideSlotRender } from './utils';
-/**
- * 뱃지 컴포넌트의 아이콘은 디자인 시스템에서 12px 고정으로 정의되어 있습니다.
- */
-var BADGE_ICON_SIZE = 12;
-export var Badge = function (_a) {
-  var label = _a.label,
-    _b = _a.type,
-    type = _b === void 0 ? 'pill-outline' : _b,
-    _c = _a.color,
-    color = _c === void 0 ? 'neutral' : _c,
-    className = _a.className,
-    leadingIcon = _a.leadingIcon,
-    trailingIcon = _a.trailingIcon,
-    _d = _a.size,
-    size = _d === void 0 ? 'sm' : _d;
-  return _jsxs("span", __assign({
-    className: classNames('ncua-badge', "ncua-badge--".concat(type), "ncua-badge--".concat(color), "ncua-badge--".concat(size), className)
-  }, {
-    children: [leadingIcon && sideSlotRender({
-      slot: leadingIcon,
-      defaultIconSize: BADGE_ICON_SIZE
-    }), _jsx("span", __assign({
-      className: "ncua-badge__label"
-    }, {
-      children: label
-    })), trailingIcon && sideSlotRender({
-      slot: trailingIcon,
-      defaultIconSize: BADGE_ICON_SIZE
-    })]
-  }));
-};

package/dist/esm/src/components/badge/BadgeGroup.js

@@ -1,54 +0,0 @@
-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 { Badge } from '.';
-import { sideSlotRender } from './utils';
-var DEFAULT_GROUP_ICON_SIZE = 14;
-export var BadgeGroup = function (_a) {
-  var groupLabel = _a.groupLabel,
-    groupIcon = _a.groupIcon,
-    groupClassName = _a.groupClassName,
-    _b = _a.color,
-    color = _b === void 0 ? 'neutral' : _b,
-    _c = _a.size,
-    size = _c === void 0 ? 'sm' : _c,
-    href = _a.href,
-    _d = _a.target,
-    target = _d === void 0 ? '_blank' : _d,
-    props = __rest(_a, ["groupLabel", "groupIcon", "groupClassName", "color", "size", "href", "target"]);
-  return _jsxs("a", __assign({
-    className: classNames('ncua-badge-group', "ncua-badge-group--".concat(color), "ncua-badge-group--".concat(size), groupClassName),
-    href: href,
-    target: target
-  }, {
-    children: [_jsx(Badge, __assign({
-      type: "pill-dark-color",
-      color: color,
-      size: size
-    }, props)), _jsx("span", __assign({
-      className: "ncua-badge-group__label"
-    }, {
-      children: groupLabel
-    })), groupIcon && sideSlotRender({
-      slot: groupIcon,
-      defaultIconSize: DEFAULT_GROUP_ICON_SIZE
-    })]
-  }));
-};

package/dist/esm/src/components/badge/index.js

@@ -1,2 +0,0 @@
-export * from './Badge';
-export * from './BadgeGroup';

package/dist/esm/src/components/badge/utils.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
-import { COLOR } from '../../../constant/color';
-import { Dot } from '../dot/Dot';
-var DEFAULT_DOT_COLOR = 'neutral';
-export var sideSlotRender = function (_a) {
-  var _b, _c, _d, _e;
-  var slot = _a.slot,
-    defaultIconSize = _a.defaultIconSize;
-  if (slot.type === 'icon') {
-    return _jsx(Icon, {
-      name: slot.icon,
-      height: (_b = slot.size) !== null && _b !== void 0 ? _b : defaultIconSize,
-      width: (_c = slot.size) !== null && _c !== void 0 ? _c : defaultIconSize,
-      color: slot.color ? COLOR[slot.color] : undefined
-    });
-  }
-  if (slot.type === 'dot') {
-    return _jsx(Dot, {
-      color: (_d = slot.color) !== null && _d !== void 0 ? _d : DEFAULT_DOT_COLOR,
-      size: (_e = slot.size) !== null && _e !== void 0 ? _e : 'sm'
-    });
-  }
-  return slot.children;
-};