@ncds/ui-admin 0.0.22 → 0.0.23

package/dist/cjs/src/components/notification/Notification.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Notification = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _FloatingNotification = require("./FloatingNotification");
+var _FullWidthNotification = require("./FullWidthNotification");
+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 Notification = exports.Notification = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var _b = _a.type,
+    type = _b === void 0 ? 'floating' : _b,
+    title = _a.title,
+    supportingText = _a.supportingText,
+    _c = _a.variant,
+    variant = _c === void 0 ? 'neutral' : _c,
+    onClose = _a.onClose,
+    className = _a.className,
+    actions = _a.actions,
+    rest = __rest(_a, ["type", "title", "supportingText", "variant", "onClose", "className", "actions"]);
+  var actionsContent = actions && actions.length > 0 ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: actions.map(function (action, index) {
+      return (0, _jsxRuntime.jsx)("button", __assign({
+        onClick: action.onClick,
+        className: (0, _classnames.default)('ncua-notification__action-button', "ncua-notification__action-button--".concat(action.hierarchy || 'link-gray'))
+      }, {
+        children: action.label
+      }), index);
+    })
+  }) : null;
+  var sharedProps = __assign({
+    title: title,
+    supportingText: supportingText,
+    variant: variant,
+    onClose: onClose,
+    className: className,
+    actions: actionsContent
+  }, rest);
+  return type === 'floating' ? (0, _jsxRuntime.jsx)(_FloatingNotification.FloatingNotification, __assign({}, sharedProps, {
+    ref: ref
+  })) : (0, _jsxRuntime.jsx)(_FullWidthNotification.FullWidthNotification, __assign({}, sharedProps, {
+    ref: ref
+  }));
+});
+Notification.displayName = 'Notification';

package/dist/cjs/src/components/notification/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Notification = require("./Notification");
+Object.keys(_Notification).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Notification[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Notification[key];
+    }
+  });
+});
+var _FloatingNotification = require("./FloatingNotification");
+Object.keys(_FloatingNotification).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FloatingNotification[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FloatingNotification[key];
+    }
+  });
+});
+var _FullWidthNotification = require("./FullWidthNotification");
+Object.keys(_FullWidthNotification).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FullWidthNotification[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FullWidthNotification[key];
+    }
+  });
+});

package/dist/cjs/src/components/pagination/NavButton.js

@@ -49,7 +49,7 @@ var NAV_BUTTON_CONFIG = {
 var NavButton = function (_a) {
   var type = _a.type,
     as = _a.as,
-    isPC = _a.isPC,
+    breakPoint = _a.breakPoint,
     noPrev = _a.noPrev,
     noNext = _a.noNext,
     href = _a.href,
@@ -60,6 +60,7 @@ var NavButton = function (_a) {
   var isFirstOrPrev = type === 'first' || type === 'prev';
   var isNextOrLast = type === 'next' || type === 'last';
   var disabled = isFirstOrPrev ? noPrev : isNextOrLast ? noNext : false;
+  var isPC = breakPoint === 'pc';
   // key를 제외한 공통 props
   var buttonProps = {
     label: config.label,
@@ -68,15 +69,16 @@ var NavButton = function (_a) {
     leadingIcon: {
       type: 'icon',
       icon: config.getIcon(isPC),
-      color: disabled ? 'gray200' : 'gray700'
+      color: disabled ? 'gray200' : 'gray700',
+      size: isPC ? 16 : 20
     },
     hierarchy: 'secondary-gray',
-    size: 'xs',
+    size: isPC ? 'xs' : 'sm',
     disabled: disabled,
     onClick: onClick
   };
   // key 값 별도 계산
-  var buttonKey = isNavigationButton ? "".concat(isPC ? 'pc' : 'mobile', "-").concat(type) : undefined;
+  var buttonKey = isNavigationButton ? "".concat(breakPoint, "-").concat(type) : undefined;
   if (as === 'a') {
     return (0, _jsxRuntime.jsx)(_Button.Button, __assign({
       as: "a",

package/dist/cjs/src/components/pagination/Pagination.js

@@ -8,7 +8,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodashEs = require("lodash-es");
 var _react = require("react");
-var _constant = require("../../constant");
 var _NavButton = require("./NavButton");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
@@ -49,9 +48,6 @@ var Pagination = function (_a) {
   var _g = (0, _react.useState)(1),
     start = _g[0],
     setStart = _g[1];
-  var _h = (0, _react.useState)(globalThis.innerWidth > _constant.MINIMUM_PC_SIZE),
-    isPC = _h[0],
-    setIsPC = _h[1];
   var noPrev = start === 1;
   var noNext = start + pageCount - 1 >= totalPage;
   var showJumpPageButton = totalPage > pageCount;
@@ -79,17 +75,6 @@ var Pagination = function (_a) {
       setStart(lastGroupStart);
     }
   }, [currentPage]);
-  (0, _react.useEffect)(function () {
-    var mql = globalThis.matchMedia("(min-width: ".concat(_constant.MINIMUM_PC_SIZE, "px)"));
-    setIsPC(mql.matches);
-    var handleResize = function (e) {
-      setIsPC(e.matches);
-    };
-    mql.addEventListener('change', handleResize);
-    return function () {
-      return mql.removeEventListener('change', handleResize);
-    };
-  }, []);
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: (0, _jsxRuntime.jsxs)("div", __assign({
       className: (0, _classnames.default)('ncua-pagination', "ncua-pagination--".concat(breakPoint), className)
@@ -98,7 +83,7 @@ var Pagination = function (_a) {
         children: [(0, _NavButton.NavButton)({
           type: 'first',
           as: as,
-          isPC: isPC,
+          breakPoint: breakPoint,
           noPrev: noPrev,
           noNext: noNext,
           href: restProps.href || '',
@@ -109,7 +94,7 @@ var Pagination = function (_a) {
         }), (0, _NavButton.NavButton)({
           type: 'prev',
           as: as,
-          isPC: isPC,
+          breakPoint: breakPoint,
           noPrev: noPrev,
           noNext: noNext,
           href: restProps.href || '',
@@ -149,7 +134,7 @@ var Pagination = function (_a) {
         children: [(0, _NavButton.NavButton)({
           type: 'next',
           as: as,
-          isPC: isPC,
+          breakPoint: breakPoint,
           noPrev: noPrev,
           noNext: noNext,
           href: restProps.href || '',
@@ -160,7 +145,7 @@ var Pagination = function (_a) {
         }), (0, _NavButton.NavButton)({
           type: 'last',
           as: as,
-          isPC: isPC,
+          breakPoint: breakPoint,
           noPrev: noPrev,
           noNext: noNext,
           href: restProps.href || '',

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBar = 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 ProgressBar = function (_a) {
+  var label = _a.label,
+    value = _a.value;
+  var limitedValue = Math.min(Math.max(0, value), 100);
+  var displayValue = "".concat(limitedValue.toFixed(0), "%");
+  var progressValueStyle = label === 'top-float' || label === 'bottom-float' ? {
+    '--progress-value': "".concat(limitedValue, "%")
+  } : undefined;
+  var renderLabel = function (labelType) {
+    return (0, _jsxRuntime.jsx)("span", __assign({
+      className: "ncua-progress-bar__label ncua-progress-bar__label-".concat(labelType)
+    }, {
+      children: displayValue
+    }));
+  };
+  var isFloatingLabel = label === 'top-float' || label === 'bottom-float';
+  return (0, _jsxRuntime.jsxs)("div", __assign({
+    className: "ncua-progress-bar ncua-progress-bar-".concat(label),
+    style: progressValueStyle
+  }, {
+    children: [isFloatingLabel && renderLabel(label), (0, _jsxRuntime.jsxs)("div", __assign({
+      className: "ncua-progress-bar__content"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("div", __assign({
+        className: "ncua-progress-bar__bar"
+      }, {
+        children: (0, _jsxRuntime.jsx)("div", {
+          className: "ncua-progress-bar__fill",
+          style: {
+            width: "".concat(limitedValue, "%")
+          },
+          "aria-valuenow": limitedValue,
+          "aria-valuemin": 0,
+          "aria-valuemax": 100
+        })
+      })), label === 'right' && renderLabel('right')]
+    })), label === 'bottom' && renderLabel('bottom')]
+  }));
+};
+exports.ProgressBar = ProgressBar;

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

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

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

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 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), 100);
+  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({
+          className: "ncua-progress-circle__svg",
+          viewBox: "0 0 100 100"
+        }, {
+          children: [(0, _jsxRuntime.jsx)("circle", {
+            className: "ncua-progress-circle__background",
+            cx: "50",
+            cy: "50",
+            r: "45",
+            strokeWidth: "10",
+            fill: "none"
+          }), (0, _jsxRuntime.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"
+          })]
+        })), (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"
+          }, {
+            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"
+      }, {
+        children: label
+      }))]
+    }));
+  } else {
+    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({
+          className: "ncua-progress-circle__svg",
+          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",
+            strokeWidth: "10",
+            fill: "none",
+            strokeLinecap: "round"
+          }), (0, _jsxRuntime.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"
+          })]
+        })), (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"
+          }, {
+            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"
+      }, {
+        children: label
+      }))]
+    }));
+  }
+};
+exports.ProgressCircle = ProgressCircle;

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

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

package/dist/cjs/src/components/slider/Slider.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Slider = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _slider = require("../../../assets/scripts/slider");
+var Slider = function (_a) {
+  var _b = _a.min,
+    min = _b === void 0 ? 0 : _b,
+    _c = _a.max,
+    max = _c === void 0 ? 100 : _c,
+    _d = _a.step,
+    step = _d === void 0 ? 1 : _d,
+    _e = _a.value,
+    value = _e === void 0 ? 0 : _e,
+    onChange = _a.onChange,
+    labelPosition = _a.labelPosition,
+    _f = _a.disabled,
+    disabled = _f === void 0 ? false : _f,
+    className = _a.className;
+  var containerRef = (0, _react.useRef)(null);
+  var sliderInstanceRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!containerRef.current) return;
+    sliderInstanceRef.current = new _slider.Slider(containerRef.current, {
+      min: min,
+      max: max,
+      step: step,
+      value: value,
+      onChange: onChange,
+      labelPosition: labelPosition,
+      disabled: disabled
+    });
+    return function () {
+      if (sliderInstanceRef.current) {
+        sliderInstanceRef.current.destroy();
+        sliderInstanceRef.current = null;
+      }
+    };
+  }, [typeof value, onChange, min, max, step, labelPosition]);
+  (0, _react.useEffect)(function () {
+    if (sliderInstanceRef.current) {
+      sliderInstanceRef.current.setValue(value);
+    }
+  }, [sliderInstanceRef, value]);
+  (0, _react.useEffect)(function () {
+    if (sliderInstanceRef.current) {
+      if (disabled) {
+        sliderInstanceRef.current.disable();
+      } else {
+        sliderInstanceRef.current.enable();
+      }
+    }
+  }, [disabled]);
+  return (0, _jsxRuntime.jsx)("div", {
+    ref: containerRef,
+    className: "ncua-slider ".concat(className || '')
+  });
+};
+exports.Slider = Slider;
+var _default = exports.default = Slider;

package/dist/cjs/src/components/slider/index.js

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

package/dist/cjs/src/components/tab/HorizontalTab.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HorizontalTab = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+require("swiper/css");
+var _react = require("swiper/react");
+var _TabButton = require("./TabButton");
+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 HorizontalTab = function (_a) {
+  var _b = _a.type,
+    type = _b === void 0 ? 'button-primary' : _b,
+    size = _a.size,
+    activeTab = _a.activeTab,
+    onClick = _a.onClick,
+    _c = _a.fullWidth,
+    fullWidth = _c === void 0 ? false : _c,
+    _d = _a.menus,
+    menus = _d === void 0 ? [] : _d;
+  var getTabGap = function (type) {
+    var _a;
+    var gap = {
+      underline: 16
+    };
+    return (_a = gap[type]) !== null && _a !== void 0 ? _a : 8;
+  };
+  if (!menus.length) return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  return (0, _jsxRuntime.jsx)("div", __assign({
+    className: (0, _classnames.default)('ncua-horizontal-tab', "ncua-horizontal-tab--".concat(type), {
+      'ncua-horizontal-tab--fullWidth': fullWidth
+    })
+  }, {
+    children: (0, _jsxRuntime.jsx)(_react.Swiper, __assign({
+      slidesPerView: "auto",
+      spaceBetween: getTabGap(type)
+    }, {
+      children: menus.map(function (menu) {
+        var isActive = menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+        var commonProps = {
+          id: menu.id,
+          label: menu.label,
+          badgeInfo: menu.badgeInfo,
+          isActive: isActive,
+          tabButtonType: type,
+          size: size,
+          onClick: function () {
+            var _a;
+            return onClick === null || onClick === void 0 ? void 0 : onClick((_a = menu.id) !== null && _a !== void 0 ? _a : '');
+          }
+        };
+        return (0, _jsxRuntime.jsx)(_react.SwiperSlide, __assign({
+          className: "ncua-horizontal-tab__item"
+        }, {
+          children: menu.href ? (0, _jsxRuntime.jsx)(_TabButton.TabButton, __assign({}, commonProps, {
+            href: menu.href,
+            target: menu.target
+          })) : (0, _jsxRuntime.jsx)(_TabButton.TabButton, __assign({}, commonProps))
+        }), (0, _lodash.uniqueId)('horizontal-tab'));
+      })
+    }))
+  }));
+};
+exports.HorizontalTab = HorizontalTab;

package/dist/cjs/src/components/tab/TabButton.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabButton = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Badge = require("../badge/Badge");
+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 TabButton = function (_a) {
+  var label = _a.label,
+    _b = _a.size,
+    size = _b === void 0 ? 'md' : _b,
+    tabButtonType = _a.tabButtonType,
+    type = _a.type,
+    _c = _a.isActive,
+    isActive = _c === void 0 ? false : _c,
+    badgeInfo = _a.badgeInfo,
+    className = _a.className,
+    children = _a.children,
+    props = __rest(_a, ["label", "size", "tabButtonType", "type", "isActive", "badgeInfo", "className", "children"]);
+  var tabType = tabButtonType || type;
+  var componentClassName = (0, _classnames.default)('ncua-tab-button', "ncua-tab-button--".concat(size), "ncua-tab-button--".concat(tabType || 'button-primary'), {
+    'is-active': isActive
+  }, className);
+  if ('href' in props && props.href) {
+    var _d = props,
+      href = _d.href,
+      _e = _d.target,
+      target = _e === void 0 ? '_self' : _e,
+      onClick_1 = _d.onClick,
+      anchorProps = __rest(_d, ["href", "target", "onClick"]);
+    return (0, _jsxRuntime.jsxs)("a", __assign({
+      className: componentClassName,
+      href: href,
+      target: target,
+      onClick: onClick_1
+    }, anchorProps, {
+      children: [label, badgeInfo && (0, _jsxRuntime.jsx)(_Badge.Badge, __assign({}, badgeInfo, {
+        size: "sm"
+      })), children]
+    }));
+  }
+  var _f = props,
+    onClick = _f.onClick,
+    buttonProps = __rest(_f, ["onClick"]);
+  return (0, _jsxRuntime.jsxs)("button", __assign({
+    type: "button",
+    className: componentClassName,
+    onClick: onClick
+  }, buttonProps, {
+    children: [label, badgeInfo && (0, _jsxRuntime.jsx)(_Badge.Badge, __assign({}, badgeInfo, {
+      size: "xs"
+    })), children]
+  }));
+};
+exports.TabButton = TabButton;