@ncds/ui-admin 0.0.8 → 0.0.9

package/dist/ui-admin/constant/color.js

@@ -1,32 +1,38 @@
-export var COLOR = {
-    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',
-    violet600: '#5720b7',
-    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',
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.COLOR = void 0;
+var COLOR = exports.COLOR = {
+  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',
+  violet600: '#5720b7',
+  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/ui-admin/constant/size.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/ui-admin/index.js

@@ -1,13 +1,148 @@
-export * from './src/components/button';
-export * from './src/components/checkbox';
-export * from './src/components/input';
-export * from './src/components/pagination';
-export * from './src/components/radio';
-export * from './src/components/select';
-export * from './src/components/shared/hintText';
-export * from './src/components/shared/label';
-export * from './src/components/shared';
-export * from './src/components/spinner';
-export * from './src/components/svg';
-export * from './src/components/tooltip';
-export * from './src/components';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _button = require("./src/components/button");
+Object.keys(_button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _button[key];
+    }
+  });
+});
+var _checkbox = require("./src/components/checkbox");
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _checkbox[key];
+    }
+  });
+});
+var _input = require("./src/components/input");
+Object.keys(_input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _input[key];
+    }
+  });
+});
+var _pagination = require("./src/components/pagination");
+Object.keys(_pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pagination[key];
+    }
+  });
+});
+var _radio = require("./src/components/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 _select = require("./src/components/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];
+    }
+  });
+});
+var _hintText = require("./src/components/shared/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("./src/components/shared/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];
+    }
+  });
+});
+var _shared = require("./src/components/shared");
+Object.keys(_shared).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shared[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _shared[key];
+    }
+  });
+});
+var _spinner = require("./src/components/spinner");
+Object.keys(_spinner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _spinner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spinner[key];
+    }
+  });
+});
+var _svg = require("./src/components/svg");
+Object.keys(_svg).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _svg[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _svg[key];
+    }
+  });
+});
+var _tooltip = require("./src/components/tooltip");
+Object.keys(_tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _tooltip[key];
+    }
+  });
+});
+var _components = require("./src/components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
+});

package/dist/ui-admin/src/components/button/Button.js

@@ -1,71 +1,106 @@
-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]];
-        }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.svgSize = exports.Button = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _color = require("../../../constant/color");
+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);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import classnames from 'classnames';
-import { createElement, forwardRef, useEffect, useState } from 'react';
-import { COLOR } from '../../../constant/color';
-import Icon from '@ncds/ui-admin-icon';
-export var svgSize = {
-    xs: 12,
-    sm: 14,
-    md: 16,
-    lg: 20,
+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;
 };
-export var Button = forwardRef(function (props, ref) {
-    // NOTE: 엘리먼트 종류에 따라 props의 타입이 달라지므로 분리
-    var _a = props.as, as = _a === void 0 ? 'button' : _a, _b = props.size, size = _b === void 0 ? 'md' : _b, children = props.children, onlyIcon = props.onlyIcon, disabled = props.disabled, className = props.className, _c = props.hierarchy, hierarchy = _c === void 0 ? 'secondary-gray' : _c, label = props.label, leadingIcon = props.leadingIcon, trailingIcon = props.trailingIcon, restProps = __rest(props, ["as", "size", "children", "onlyIcon", "disabled", "className", "hierarchy", "label", "leadingIcon", "trailingIcon"]);
-    var _d = useState(null), queryParams = _d[0], setQueryParams = _d[1];
-    // Type guard to check if props is an AnchorElementProps
-    var isAnchorProps = function (p) {
-        return p.as === 'a';
-    };
-    var handleClickLink = function (e) {
-        var isRemote = (queryParams === null || queryParams === void 0 ? void 0 : queryParams.get('isRemote')) === 'true';
-        if (isAnchorProps(props) && isRemote) {
-            e.preventDefault();
-            // INFO: 1. 사이트 리모트 페이지(디센/개센): 빌더에서 설정한 타겟(self or blank)에 따라 페이지 호출
-            // 2. 어드민 리모트 페이지: 빌더에서 설정한 타겟에 관계 없이 모두 blank
-            var isBlank = props.target === '_blank';
-            if (!isRemote && !isBlank && window.top) {
-                window.top.location.href = props.href;
-                return;
-            }
-            window.open(props.href);
-        }
-    };
-    var sideSlotRender = function (slot) {
-        if (slot.type === 'icon') {
-            return (_jsx(Icon, { name: slot.icon, height: svgSize[size], width: svgSize[size], color: slot.color ? COLOR[slot.color] : undefined }));
-        }
-        return slot.children;
-    };
-    useEffect(function () {
-        var _a;
-        setQueryParams(new URLSearchParams(((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.search) || ''));
-    }, []);
-    return createElement(as, __assign(__assign({ className: classnames('ncua-btn', "ncua-btn--".concat(size), {
-            'only-icon': onlyIcon,
-            'is-disable': disabled,
-            'has-underline': isAnchorProps(props) ? props.underline : false,
-        }, className, hierarchy && "ncua-btn--".concat(hierarchy)), onClick: isAnchorProps(props) ? handleClickLink : undefined, disabled: disabled }, restProps), { ref: ref }), _jsxs(_Fragment, { children: [leadingIcon && sideSlotRender(leadingIcon), !onlyIcon && label && _jsx("span", __assign({ className: "ncua-btn__label" }, { children: label })), children, trailingIcon && sideSlotRender(trailingIcon)] }));
-});
+var svgSize = exports.svgSize = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 20
+};
+var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  // NOTE: 엘리먼트 종류에 따라 props의 타입이 달라지므로 분리
+  var _a = props.as,
+    as = _a === void 0 ? 'button' : _a,
+    _b = props.size,
+    size = _b === void 0 ? 'md' : _b,
+    children = props.children,
+    onlyIcon = props.onlyIcon,
+    disabled = props.disabled,
+    className = props.className,
+    _c = props.hierarchy,
+    hierarchy = _c === void 0 ? 'secondary-gray' : _c,
+    label = props.label,
+    leadingIcon = props.leadingIcon,
+    trailingIcon = props.trailingIcon,
+    restProps = __rest(props, ["as", "size", "children", "onlyIcon", "disabled", "className", "hierarchy", "label", "leadingIcon", "trailingIcon"]);
+  var _d = (0, _react.useState)(null),
+    queryParams = _d[0],
+    setQueryParams = _d[1];
+  // Type guard to check if props is an AnchorElementProps
+  var isAnchorProps = function (p) {
+    return p.as === 'a';
+  };
+  var handleClickLink = function (e) {
+    var isRemote = (queryParams === null || queryParams === void 0 ? void 0 : queryParams.get('isRemote')) === 'true';
+    if (isAnchorProps(props) && isRemote) {
+      e.preventDefault();
+      // INFO: 1. 사이트 리모트 페이지(디센/개센): 빌더에서 설정한 타겟(self or blank)에 따라 페이지 호출
+      // 2. 어드민 리모트 페이지: 빌더에서 설정한 타겟에 관계 없이 모두 blank
+      var isBlank = props.target === '_blank';
+      if (!isRemote && !isBlank && window.top) {
+        window.top.location.href = props.href;
+        return;
+      }
+      window.open(props.href);
+    }
+  };
+  var sideSlotRender = function (slot) {
+    if (slot.type === 'icon') {
+      return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+        name: slot.icon,
+        height: svgSize[size],
+        width: svgSize[size],
+        color: slot.color ? _color.COLOR[slot.color] : undefined
+      });
+    }
+    return slot.children;
+  };
+  (0, _react.useEffect)(function () {
+    var _a;
+    setQueryParams(new URLSearchParams(((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.search) || ''));
+  }, []);
+  return /*#__PURE__*/(0, _react.createElement)(as, __assign(__assign({
+    className: (0, _classnames.default)('ncua-btn', "ncua-btn--".concat(size), {
+      'only-icon': onlyIcon,
+      'is-disable': disabled,
+      'has-underline': isAnchorProps(props) ? props.underline : false
+    }, className, hierarchy && "ncua-btn--".concat(hierarchy)),
+    onClick: isAnchorProps(props) ? handleClickLink : undefined,
+    disabled: disabled
+  }, restProps), {
+    ref: ref
+  }), (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [leadingIcon && sideSlotRender(leadingIcon), !onlyIcon && label && (0, _jsxRuntime.jsx)("span", __assign({
+      className: "ncua-btn__label"
+    }, {
+      children: label
+    })), children, trailingIcon && sideSlotRender(trailingIcon)]
+  }));
+});

package/dist/ui-admin/src/components/button/ButtonGroup.js

@@ -1,60 +1,99 @@
-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]];
-        }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonGroup = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _color = require("../../../constant/color");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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;
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import React, { createElement } from 'react';
-import { COLOR } from '../../../constant/color';
 var svgSize = {
-    xs: 12,
-    sm: 16,
-    md: 16,
-    lg: 20,
+  xs: 12,
+  sm: 16,
+  md: 16,
+  lg: 20
 };
-export var ButtonGroup = function (_a) {
-    var children = _a.children, className = _a.className, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'lg' : _c, _d = _a.onlyIcon, onlyIcon = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
-    return (_jsx("div", __assign({ className: classNames('ncua-button-group', "ncua-button-group--".concat(size), { 'has-border': hasBorder }, className) }, { children: React.Children.map(children, function (child) {
-            if (!React.isValidElement(child)) {
-                return null;
-            }
-            return React.cloneElement(child, {
-                onlyIcon: onlyIcon,
-                disabled: disabled || child.props.disabled,
-            });
-        }) })));
+var ButtonGroup = function (_a) {
+  var children = _a.children,
+    className = _a.className,
+    _b = _a.hasBorder,
+    hasBorder = _b === void 0 ? true : _b,
+    _c = _a.size,
+    size = _c === void 0 ? 'lg' : _c,
+    _d = _a.onlyIcon,
+    onlyIcon = _d === void 0 ? false : _d,
+    _e = _a.disabled,
+    disabled = _e === void 0 ? false : _e;
+  return (0, _jsxRuntime.jsx)("div", __assign({
+    className: (0, _classnames.default)('ncua-button-group', "ncua-button-group--".concat(size), {
+      'has-border': hasBorder
+    }, className)
+  }, {
+    children: _react.default.Children.map(children, function (child) {
+      if (! /*#__PURE__*/_react.default.isValidElement(child)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        onlyIcon: onlyIcon,
+        disabled: disabled || child.props.disabled
+      });
+    })
+  }));
 };
+exports.ButtonGroup = ButtonGroup;
 ButtonGroup.Item = function (_a) {
-    var _b;
-    var _c = _a.as, as = _c === void 0 ? 'button' : _c, label = _a.label, onlyIcon = _a.onlyIcon, icon = _a.icon, disabled = _a.disabled, children = _a.children, props = __rest(_a, ["as", "label", "onlyIcon", "icon", "disabled", "children"]);
-    var renderIcon = function () {
-        var _a, _b, _c;
-        if (!icon)
-            return null;
-        if (icon.type === 'icon') {
-            return (_jsx(Icon, { name: icon.name, width: svgSize[(_a = icon.size) !== null && _a !== void 0 ? _a : 'md'], height: svgSize[(_b = icon.size) !== null && _b !== void 0 ? _b : 'md'], color: COLOR[(_c = icon.color) !== null && _c !== void 0 ? _c : 'gray500'] }));
-        }
-        return icon.children;
-    };
-    var position = (_b = icon === null || icon === void 0 ? void 0 : icon.position) !== null && _b !== void 0 ? _b : 'leading';
-    return createElement(as, __assign({ className: classNames('ncua-button-group__item', { 'is-disabled': disabled }), disabled: disabled }, props), _jsxs(_Fragment, { children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()] }));
-};
+  var _b;
+  var _c = _a.as,
+    as = _c === void 0 ? 'button' : _c,
+    label = _a.label,
+    onlyIcon = _a.onlyIcon,
+    icon = _a.icon,
+    disabled = _a.disabled,
+    children = _a.children,
+    props = __rest(_a, ["as", "label", "onlyIcon", "icon", "disabled", "children"]);
+  var renderIcon = function () {
+    var _a, _b, _c;
+    if (!icon) return null;
+    if (icon.type === 'icon') {
+      return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+        name: icon.name,
+        width: svgSize[(_a = icon.size) !== null && _a !== void 0 ? _a : 'md'],
+        height: svgSize[(_b = icon.size) !== null && _b !== void 0 ? _b : 'md'],
+        color: _color.COLOR[(_c = icon.color) !== null && _c !== void 0 ? _c : 'gray500']
+      });
+    }
+    return icon.children;
+  };
+  var position = (_b = icon === null || icon === void 0 ? void 0 : icon.position) !== null && _b !== void 0 ? _b : 'leading';
+  return /*#__PURE__*/(0, _react.createElement)(as, __assign({
+    className: (0, _classnames.default)('ncua-button-group__item', {
+      'is-disabled': disabled
+    }),
+    disabled: disabled
+  }, props), (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()]
+  }));
+};

package/dist/ui-admin/src/components/button/index.js

@@ -1,2 +1,27 @@
-export * from './Button';
-export * from './ButtonGroup';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Button = require("./Button");
+Object.keys(_Button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Button[key];
+    }
+  });
+});
+var _ButtonGroup = require("./ButtonGroup");
+Object.keys(_ButtonGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ButtonGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ButtonGroup[key];
+    }
+  });
+});