@ncds/ui-admin 0.0.34 → 0.0.36

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/radio/Radio.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _RadioInput = require("./RadioInput");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var Radio = function (_a) {
+  var _b = _a.size,
+    size = _b === void 0 ? 'sm' : _b,
+    text = _a.text,
+    supportText = _a.supportText,
+    disabled = _a.disabled,
+    checked = _a.checked,
+    className = _a.className,
+    radioRef = _a.radioRef,
+    onChange = _a.onChange,
+    props = __rest(_a, ["size", "text", "supportText", "disabled", "checked", "className", "radioRef", "onChange"]);
+  return (0, _jsxRuntime.jsxs)("label", __assign({
+    className: (0, _classnames.default)('ncua-radio-field', "ncua-radio-field--".concat(size), {
+      'has-text': text
+    }, className)
+  }, {
+    children: [(0, _jsxRuntime.jsx)(_RadioInput.RadioInput, __assign({
+      size: size,
+      ref: radioRef,
+      checked: checked,
+      disabled: disabled,
+      onChange: onChange,
+      className: "ncua-radio-field__input"
+    }, props)), (0, _jsxRuntime.jsxs)("span", {
+      children: [text && (0, _jsxRuntime.jsx)("span", __assign({
+        className: "ncua-radio-field__text"
+      }, {
+        children: text
+      })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
+        className: "ncua-radio-field__support-text"
+      }, {
+        children: supportText
+      }))]
+    })]
+  }));
+};
+exports.Radio = Radio;

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioInput = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var RadioInput = exports.RadioInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var _b = _a.size,
+    size = _b === void 0 ? 'sm' : _b,
+    disabled = _a.disabled,
+    className = _a.className,
+    _c = _a.destructive,
+    destructive = _c === void 0 ? false : _c,
+    onChange = _a.onChange,
+    props = __rest(_a, ["size", "disabled", "className", "destructive", "onChange"]);
+  return (0, _jsxRuntime.jsx)("span", __assign({
+    className: (0, _classnames.default)('ncua-radio-input', "ncua-radio-input--".concat(size), {
+      destructive: destructive
+    }, className)
+  }, {
+    children: (0, _jsxRuntime.jsx)("input", __assign({
+      type: "radio",
+      ref: ref,
+      onChange: onChange,
+      disabled: disabled
+    }, props))
+  }));
+});

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

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

package/dist/cjs/src/components/select/Select.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = 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 _HintText = require("../shared/hintText/HintText");
+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;
+};
+/**
+ * 현재 icon 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
+ */
+var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var icon = _a.icon,
+    placeholder = _a.placeholder,
+    _b = _a.disabledPlaceholder,
+    disabledPlaceholder = _b === void 0 ? false : _b,
+    id = _a.id,
+    className = _a.className,
+    hintText = _a.hintText,
+    children = _a.children,
+    _c = _a.size,
+    size = _c === void 0 ? 'md' : _c,
+    _d = _a.type,
+    type = _d === void 0 ? 'default' : _d,
+    _e = _a.destructive,
+    destructive = _e === void 0 ? false : _e,
+    value = _a.value,
+    optionItems = _a.optionItems,
+    register = _a.register,
+    props = __rest(_a, ["icon", "placeholder", "disabledPlaceholder", "id", "className", "hintText", "children", "size", "type", "destructive", "value", "optionItems", "register"]);
+  return (0, _jsxRuntime.jsxs)("div", __assign({
+    className: (0, _classnames.default)('ncua-select', {
+      destructive: destructive,
+      'ncua-select--simple': type === 'simple'
+    }, className)
+  }, {
+    children: [(0, _jsxRuntime.jsxs)("div", __assign({
+      className: (0, _classnames.default)('ncua-select__content', "ncua-select--".concat(size))
+    }, {
+      children: [icon ? (0, _jsxRuntime.jsx)("span", __assign({
+        className: "ncua-select__icon"
+      }, {
+        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          name: icon.icon,
+          width: icon.size,
+          height: icon.size,
+          color: icon.color
+        })
+      })) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}), (0, _jsxRuntime.jsxs)("select", __assign({
+        value: value,
+        ref: ref,
+        id: id,
+        className: (0, _classnames.default)('ncua-select__tag', className)
+      }, register, props, {
+        children: [placeholder && (0, _jsxRuntime.jsx)("option", __assign({
+          value: "",
+          selected: true,
+          disabled: disabledPlaceholder
+        }, {
+          children: placeholder
+        })), optionItems && optionItems.map(function (item, index) {
+          return (0, _jsxRuntime.jsx)("option", __assign({
+            value: item.id
+          }, {
+            children: item.label
+          }), "option-".concat(index));
+        }), children]
+      }))]
+    })), hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, __assign({
+      destructive: destructive,
+      className: "ncua-hint-text"
+    }, {
+      children: hintText
+    }))]
+  }));
+});

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

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

package/dist/cjs/src/components/shared/hintText/HintText.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HintText = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+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 HintText = function (_a) {
+  var _b = _a.as,
+    Component = _b === void 0 ? 'p' : _b,
+    children = _a.children,
+    className = _a.className,
+    destructive = _a.destructive,
+    props = __rest(_a, ["as", "children", "className", "destructive"]);
+  return (0, _jsxRuntime.jsx)(Component, __assign({
+    className: (0, _classnames.default)('ncua-hint-text', {
+      destructive: destructive
+    }, className)
+  }, props, {
+    children: children
+  }));
+};
+exports.HintText = HintText;

package/dist/cjs/src/components/shared/hintText/index.js

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

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

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

package/dist/cjs/src/components/shared/label/Label.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+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 Label = function (_a) {
+  var _b = _a.as,
+    Component = _b === void 0 ? 'label' : _b,
+    children = _a.children,
+    className = _a.className,
+    isRequired = _a.isRequired,
+    props = __rest(_a, ["as", "children", "className", "isRequired"]);
+  return (0, _jsxRuntime.jsx)(Component, __assign({
+    className: (0, _classnames.default)('ncua-label', {
+      'is-required': isRequired
+    }, className)
+  }, props, {
+    children: children
+  }));
+};
+exports.Label = Label;

package/dist/cjs/src/components/shared/label/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Label = require("./Label");
+Object.keys(_Label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Label[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/spinner/Spinner.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spinner = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+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 RenderText = function (_a) {
+  var _b = _a.as,
+    Component = _b === void 0 ? 'p' : _b,
+    children = _a.children;
+  return (0, _jsxRuntime.jsx)(Component, __assign({
+    className: "ncua-spinner__text"
+  }, {
+    children: children
+  }));
+};
+var Spinner = function (_a) {
+  var _b = _a.as,
+    as = _b === void 0 ? 'p' : _b,
+    _c = _a.size,
+    size = _c === void 0 ? 'md' : _c,
+    children = _a.children,
+    _d = _a.backdrop,
+    backdrop = _d === void 0 ? false : _d;
+  return (0, _jsxRuntime.jsx)("div", __assign({
+    className: (0, _classnames.default)('ncua-spinner', "ncua-spinner--".concat(size), {
+      'ncua-spinner--backdrop': backdrop
+    })
+  }, {
+    children: (0, _jsxRuntime.jsx)("div", __assign({
+      className: "ncua-spinner__content"
+    }, {
+      children: children && (0, _jsxRuntime.jsx)(RenderText, {
+        as: as,
+        children: children
+      })
+    }))
+  }));
+};
+exports.Spinner = Spinner;