@ncds/ui-admin 0.0.32 → 0.0.34

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

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

package/dist/cjs/src/components/modal/Modal.js

@@ -1,196 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Modal = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _featuredIcon = require("../featured-icon");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
-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 Modal = function (_a) {
-  var isOpen = _a.isOpen,
-    onClose = _a.onClose,
-    children = _a.children,
-    _b = _a.size,
-    size = _b === void 0 ? 'md' : _b,
-    _c = _a.closeOnBackdropClick,
-    closeOnBackdropClick = _c === void 0 ? true : _c,
-    _d = _a.closeOnEsc,
-    closeOnEsc = _d === void 0 ? true : _d,
-    className = _a.className,
-    restProps = __rest(_a, ["isOpen", "onClose", "children", "size", "closeOnBackdropClick", "closeOnEsc", "className"]);
-  var modalRef = (0, _react.useRef)(null);
-  var handleBackdropClick = function (e) {
-    if (closeOnBackdropClick && e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  (0, _react.useEffect)(function () {
-    var handleKeyDown = function (e) {
-      if (isOpen && closeOnEsc && e.key === 'Escape') {
-        onClose();
-      }
-    };
-    if (isOpen) {
-      document.addEventListener('keydown', handleKeyDown);
-      document.body.style.overflow = 'hidden';
-    }
-    return function () {
-      document.removeEventListener('keydown', handleKeyDown);
-      document.body.style.overflow = '';
-    };
-  }, [isOpen, closeOnEsc, onClose]);
-  if (!isOpen) return null;
-  var modalContent = (0, _jsxRuntime.jsx)("div", __assign({
-    className: (0, _classnames.default)('ncua-modal-backdrop', className),
-    onClick: handleBackdropClick,
-    ref: modalRef
-  }, restProps, {
-    children: (0, _jsxRuntime.jsx)("div", __assign({
-      className: (0, _classnames.default)('ncua-modal', "ncua-modal--".concat(size))
-    }, {
-      children: children
-    }))
-  }));
-  return /*#__PURE__*/_reactDom.default.createPortal(modalContent, document.body);
-};
-exports.Modal = Modal;
-Modal.Header = function (_a) {
-  var children = _a.children,
-    onClose = _a.onClose,
-    featuredIcon = _a.featuredIcon,
-    title = _a.title,
-    subtitle = _a.subtitle,
-    _b = _a.align,
-    align = _b === void 0 ? 'left' : _b,
-    _c = _a.showDivider,
-    showDivider = _c === void 0 ? false : _c,
-    _d = _a.hideCloseButton,
-    hideCloseButton = _d === void 0 ? false : _d;
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsxs)("header", __assign({
-      className: (0, _classnames.default)('ncua-modal__header', "ncua-modal__header--".concat(align), {
-        'ncua-modal__header--close-button': !hideCloseButton
-      })
-    }, {
-      children: [featuredIcon && (0, _jsxRuntime.jsx)(_featuredIcon.FeaturedIcon, {
-        name: featuredIcon.name,
-        color: featuredIcon.color,
-        theme: featuredIcon.theme,
-        size: "sm"
-      }), (0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-modal__title"
-      }, {
-        children: [(0, _jsxRuntime.jsx)("div", __assign({
-          className: "ncua-modal__title-text"
-        }, {
-          children: title
-        })), subtitle && (0, _jsxRuntime.jsx)("div", __assign({
-          className: "ncua-modal__title-subtitle"
-        }, {
-          children: subtitle
-        }))]
-      })), children, !hideCloseButton && (0, _jsxRuntime.jsx)("button", __assign({
-        className: "ncua-modal__close-button",
-        onClick: onClose
-      }, {
-        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-          name: "x-close"
-        })
-      }))]
-    })), showDivider && (0, _jsxRuntime.jsx)("div", {
-      className: "ncua-modal__header-divider"
-    })]
-  });
-};
-Modal.Content = function (_a) {
-  var children = _a.children;
-  return (0, _jsxRuntime.jsx)("div", __assign({
-    className: "ncua-modal__content"
-  }, {
-    children: children
-  }));
-};
-/**
- * Modal.Actions - The actions area of the modal
- *
- * Examples:
- *
- * 1. Vertical layout (buttons stacked):
- * <Modal.Actions layout="vertical" align="stretch">
- *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
- *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
- * </Modal.Actions>
- *
- * 2. Horizontal layout (buttons side by side):
- * <Modal.Actions layout="horizontal" align="stretch">
- *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
- *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
- * </Modal.Actions>
- *
- * 3. Checkbox layout (checkbox on left, buttons on right):
- * <Modal.Actions layout="checkbox" align="stretch" checkboxContent={
- *   <>
- *     <Checkbox text="Never show again" />
- *     <a href="#">Settings</a>
- *   </>
- * }>
- *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
- *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
- * </Modal.Actions>
- */
-Modal.Actions = function (_a) {
-  var children = _a.children,
-    _b = _a.layout,
-    layout = _b === void 0 ? 'vertical' : _b,
-    _c = _a.showDivider,
-    showDivider = _c === void 0 ? false : _c,
-    _d = _a.align,
-    align = _d === void 0 ? 'stretch' : _d,
-    checkboxContent = _a.checkboxContent;
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [showDivider && (0, _jsxRuntime.jsx)("div", {
-      className: "ncua-modal__actions-divider"
-    }), (0, _jsxRuntime.jsxs)("div", __assign({
-      className: (0, _classnames.default)('ncua-modal__actions-wrapper', {
-        'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox'
-      })
-    }, {
-      children: [layout === 'checkbox' && (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-modal__actions-checkbox"
-      }, {
-        children: (0, _jsxRuntime.jsx)("div", __assign({
-          className: "ncua-modal__actions-checkbox-content"
-        }, {
-          children: checkboxContent
-        }))
-      })), (0, _jsxRuntime.jsx)("div", __assign({
-        className: (0, _classnames.default)('ncua-modal__actions', "ncua-modal__actions--".concat(layout), "ncua-modal__actions--".concat(align))
-      }, {
-        children: children
-      }))]
-    }))]
-  });
-};

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

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

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

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FloatingNotification = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _FeaturedIcon = require("../featured-icon/FeaturedIcon");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
-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 iconNameMap = {
-  neutral: 'pin-02',
-  error: 'alert-triangle',
-  warning: 'alert-circle',
-  success: 'check-circle'
-};
-var FloatingNotification = exports.FloatingNotification = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var title = _a.title,
-    supportingText = _a.supportingText,
-    _b = _a.variant,
-    variant = _b === void 0 ? 'neutral' : _b,
-    onClose = _a.onClose,
-    className = _a.className,
-    actions = _a.actions,
-    rest = __rest(_a, ["title", "supportingText", "variant", "onClose", "className", "actions"]);
-  var iconColor = variant;
-  var featuredIconProps = {
-    name: iconNameMap[variant],
-    size: 'sm',
-    color: iconColor,
-    theme: 'dark-circle'
-  };
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    ref: ref,
-    className: (0, _classnames.default)('ncua-floating-notification', "ncua-floating-notification--".concat(variant), className),
-    role: "alert"
-  }, rest, {
-    children: [(0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-floating-notification__content"
-    }, {
-      children: (0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-floating-notification__container"
-      }, {
-        children: [iconNameMap[variant] && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [(0, _jsxRuntime.jsx)(_FeaturedIcon.FeaturedIcon, __assign({}, featuredIconProps, {
-            className: "ncua-floating-notification__pc-icon"
-          })), (0, _jsxRuntime.jsx)(_FeaturedIcon.FeaturedIcon, __assign({}, featuredIconProps, {
-            size: "md",
-            className: "ncua-floating-notification__mobile-icon"
-          }))]
-        }), (0, _jsxRuntime.jsxs)("div", __assign({
-          className: "ncua-floating-notification__text-container"
-        }, {
-          children: [(0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-floating-notification__title-wrapper"
-          }, {
-            children: (0, _jsxRuntime.jsx)("span", __assign({
-              className: "ncua-floating-notification__title"
-            }, {
-              children: title
-            }))
-          })), supportingText && (0, _jsxRuntime.jsx)("span", __assign({
-            className: "ncua-floating-notification__supporting-text"
-          }, {
-            children: supportingText
-          })), actions && (0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-floating-notification__actions"
-          }, {
-            children: actions
-          }))]
-        }))]
-      }))
-    })), onClose && (0, _jsxRuntime.jsx)("button", __assign({
-      type: "button",
-      className: "ncua-floating-notification__close-button",
-      onClick: onClose,
-      "aria-label": "\uC54C\uB9BC \uB2EB\uAE30"
-    }, {
-      children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-        name: "x"
-      })
-    }))]
-  }));
-});

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

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FullWidthNotification = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _color = require("../../../constant/color");
-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 iconNameMap = {
-  neutral: 'message-chat-square',
-  error: 'alert-triangle',
-  warning: 'alert-triangle',
-  success: 'check-circle'
-};
-var iconColorMap = {
-  neutral: 'gray700',
-  error: 'red500',
-  warning: 'orange500',
-  success: 'green600'
-};
-var FullWidthNotification = exports.FullWidthNotification = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var title = _a.title,
-    supportingText = _a.supportingText,
-    _b = _a.variant,
-    variant = _b === void 0 ? 'neutral' : _b,
-    onClose = _a.onClose,
-    className = _a.className,
-    actions = _a.actions,
-    rest = __rest(_a, ["title", "supportingText", "variant", "onClose", "className", "actions"]);
-  var closeIconSize = {
-    width: 20,
-    height: 20
-  };
-  return (0, _jsxRuntime.jsx)("div", __assign({
-    ref: ref,
-    className: (0, _classnames.default)('ncua-full-width-notification', "ncua-full-width-notification--".concat(variant), className),
-    role: "alert"
-  }, rest, {
-    children: (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-full-width-notification__container"
-    }, {
-      children: (0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-full-width-notification__content"
-      }, {
-        children: [(0, _jsxRuntime.jsxs)("div", __assign({
-          className: "ncua-full-width-notification__content-wrapper"
-        }, {
-          children: [(0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-            name: iconNameMap[variant],
-            width: 16,
-            height: 16,
-            color: _color.COLOR[iconColorMap[variant]],
-            className: "ncua-full-width-notification__icon"
-          }), (0, _jsxRuntime.jsxs)("div", __assign({
-            className: "ncua-full-width-notification__text-container"
-          }, {
-            children: [(0, _jsxRuntime.jsx)("span", __assign({
-              className: "ncua-full-width-notification__title"
-            }, {
-              children: title
-            })), supportingText && (0, _jsxRuntime.jsx)("span", __assign({
-              className: "ncua-full-width-notification__supporting-text"
-            }, {
-              children: supportingText
-            }))]
-          }))]
-        })), (0, _jsxRuntime.jsxs)("div", __assign({
-          className: "ncua-full-width-notification__actions-container"
-        }, {
-          children: [actions && (0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-full-width-notification__actions"
-          }, {
-            children: actions
-          })), onClose && (0, _jsxRuntime.jsx)("button", __assign({
-            type: "button",
-            className: "ncua-full-width-notification__close-button",
-            onClick: onClose,
-            "aria-label": "\uC54C\uB9BC \uB2EB\uAE30"
-          }, {
-            children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, __assign({
-              name: "x-close"
-            }, closeIconSize, {
-              color: _color.COLOR[iconColorMap[variant]]
-            }))
-          }))]
-        }))]
-      }))
-    }))
-  }));
-});

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

@@ -1,66 +0,0 @@
-"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

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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];
-    }
-  });
-});
-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];
-    }
-  });
-});

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

@@ -1,93 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NavButton = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _Button = require("../button/Button");
-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 NAV_BUTTON_CONFIG = {
-  first: {
-    label: '처음',
-    className: 'ncua-pagination__first',
-    getIcon: function (isPC) {
-      return 'chevron-left-double';
-    }
-  },
-  prev: {
-    label: '이전',
-    className: 'ncua-pagination__before',
-    getIcon: function (isPC) {
-      return isPC ? 'chevron-left' : 'arrow-left';
-    }
-  },
-  next: {
-    label: '다음',
-    className: 'ncua-pagination__next',
-    getIcon: function (isPC) {
-      return isPC ? 'chevron-right' : 'arrow-right';
-    }
-  },
-  last: {
-    label: '마지막',
-    className: 'ncua-pagination__last',
-    getIcon: function (isPC) {
-      return 'chevron-right-double';
-    }
-  }
-};
-var NavButton = function (_a) {
-  var type = _a.type,
-    as = _a.as,
-    breakPoint = _a.breakPoint,
-    noPrev = _a.noPrev,
-    noNext = _a.noNext,
-    href = _a.href,
-    target = _a.target,
-    onClick = _a.onClick;
-  var config = NAV_BUTTON_CONFIG[type];
-  var isNavigationButton = type === 'first' || type === 'prev' || type === 'next' || type === 'last';
-  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,
-    className: config.className,
-    onlyIcon: true,
-    leadingIcon: {
-      type: 'icon',
-      icon: config.getIcon(isPC),
-      color: disabled ? 'gray200' : 'gray700',
-      size: isPC ? 16 : 20
-    },
-    hierarchy: 'secondary-gray',
-    size: isPC ? 'xs' : 'sm',
-    disabled: disabled,
-    onClick: onClick
-  };
-  // key 값 별도 계산
-  var buttonKey = isNavigationButton ? "".concat(breakPoint, "-").concat(type) : undefined;
-  if (as === 'a') {
-    return (0, _jsxRuntime.jsx)(_Button.Button, __assign({
-      as: "a",
-      href: href,
-      target: target
-    }, buttonProps), buttonKey);
-  }
-  return (0, _jsxRuntime.jsx)(_Button.Button, __assign({
-    as: "button"
-  }, buttonProps), buttonKey);
-};
-exports.NavButton = NavButton;