@ncds/ui-admin 1.2.0 → 1.2.1

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sideSlotRender = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _color = require("../../../constant/color");
 var _Dot = require("../dot/Dot");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -15,7 +15,7 @@ var sideSlotRender = function (_a) {
   var slot = _a.slot,
     defaultIconSize = _a.defaultIconSize;
   if (slot.type === 'icon') {
-    return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+    return (0, _jsxRuntime.jsx)(_dynamic.default, {
       name: slot.icon,
       height: (_b = slot.size) !== null && _b !== void 0 ? _b : defaultIconSize,
       width: (_c = slot.size) !== null && _c !== void 0 ? _c : defaultIconSize,

package/dist/cjs/src/components/breadcrumb/BreadCrumb.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BreadCrumb = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
@@ -35,7 +35,7 @@ var BreadCrumb = function (_a) {
   if (!items || items.length === 0) return null;
   var renderItem = function (item, index) {
     var isLast = index === items.length - 1;
-    var content = index === 0 ? (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+    var content = index === 0 ? (0, _jsxRuntime.jsx)(_dynamic.default, {
       name: "home-01",
       width: 16,
       height: 16,

package/dist/cjs/src/components/button/Button.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.svgSize = exports.iconOnlySvgSize = exports.dotSize = exports.Button = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
 var _color = require("../../../constant/color");
 var _dot = require("../dot");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -88,7 +88,7 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (prop
     var _a, _b, _c;
     if (slot.type === 'icon') {
       var iconSize = onlyIcon ? iconOnlySvgSize[size] : svgSize[size];
-      return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+      return (0, _jsxRuntime.jsx)(_dynamic.default, {
         name: slot.icon,
         height: (_a = slot.size) !== null && _a !== void 0 ? _a : iconSize,
         width: (_b = slot.size) !== null && _b !== void 0 ? _b : iconSize,

package/dist/cjs/src/components/button/ButtonCloseX.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ButtonCloseX = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
@@ -34,7 +34,7 @@ var ButtonCloseX = function (_a) {
     className: (0, _classnames.default)('ncua-button-close-x', "ncua-button-close-x--".concat(size), "ncua-button-close-x--".concat(theme), className),
     onClick: onClick
   }, {
-    children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+    children: (0, _jsxRuntime.jsx)(_dynamic.default, {
       name: "x-close",
       width: svgSize[size],
       height: svgSize[size]

package/dist/cjs/src/components/button/ButtonGroup.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ButtonGroup = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _color = require("../../../constant/color");
@@ -89,7 +89,7 @@ ButtonGroup.Item = function (_a) {
     var _a, _b, _c;
     if (!icon) return null;
     if (icon.type === 'icon') {
-      return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+      return (0, _jsxRuntime.jsx)(_dynamic.default, {
         name: icon.icon,
         width: (_a = icon.size) !== null && _a !== void 0 ? _a : svgSize[size],
         height: (_b = icon.size) !== null && _b !== void 0 ? _b : svgSize[size],

package/dist/cjs/src/components/carousel/CarouselArrow.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CarouselArrow = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
@@ -31,7 +31,7 @@ var CarouselArrow = function (_a) {
     className: (0, _classnames.default)('ncua-carousel-arrow', (_b = {}, _b["ncua-carousel-arrow--".concat(type)] = type, _b["ncua-carousel-arrow--".concat(size)] = size, _b["ncua-carousel-arrow--".concat(chevron)] = chevron, _b), className),
     onClick: onClick
   }, {
-    children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+    children: (0, _jsxRuntime.jsx)(_dynamic.default, {
       className: "ncua-carousel-arrow__icon",
       color: "var(--gray-500)",
       name: chevron === 'left' ? 'chevron-left' : 'chevron-right'

package/dist/cjs/src/components/dropdown/Dropdown.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Dropdown = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
@@ -73,9 +73,9 @@ var Dropdown = function (_a) {
           className: "ncua-dropdown__trigger ncua-dropdown__trigger--icon",
           onClick: toggleDropdown
         }, {
-          children: trigger.icon ? (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          children: trigger.icon ? (0, _jsxRuntime.jsx)(_dynamic.default, {
             name: trigger.icon
-          }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          }) : (0, _jsxRuntime.jsx)(_dynamic.default, {
             name: "dots-vertical"
           })
         }));
@@ -165,7 +165,7 @@ var Dropdown = function (_a) {
         children: [(0, _jsxRuntime.jsxs)("div", __assign({
           className: "ncua-dropdown__item-text-group"
         }, {
-          children: [item.icon && (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          children: [item.icon && (0, _jsxRuntime.jsx)(_dynamic.default, {
             name: item.icon,
             className: "ncua-dropdown__item-icon"
           }), (0, _jsxRuntime.jsx)("span", __assign({

package/dist/cjs/src/components/featured-icon/FeaturedIcon.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FeaturedIcon = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -53,7 +53,7 @@ var FeaturedIcon = exports.FeaturedIcon = /*#__PURE__*/(0, _react.forwardRef)(fu
       }), (0, _jsxRuntime.jsx)("div", {
         className: "ncua-featured-icon__outline ncua-featured-icon__outline--outer"
       })]
-    }), (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+    }), (0, _jsxRuntime.jsx)(_dynamic.default, {
       name: name,
       width: iconSizeMap[size],
       height: iconSizeMap[size]

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

@@ -7,7 +7,7 @@ exports.FileInputErrorType = exports.FileInput = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _Tag = require("../tag/Tag");
 var _button = require("../button");
 var _shared = require("../shared");
@@ -199,7 +199,7 @@ var FileInput = exports.FileInput = /*#__PURE__*/(0, _react.forwardRef)(function
           isRequired: isRequired
         }, {
           children: label
-        })), showHelpIcon && (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+        })), showHelpIcon && (0, _jsxRuntime.jsx)(_dynamic.default, {
           className: "ncua-input__help-icon",
           name: "help-circle"
         })]

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InputBase = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _color = require("../../../constant/color");
@@ -83,7 +83,7 @@ var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function
         return (0, _jsxRuntime.jsx)("div", __assign({
           className: "ncua-input__icon-wrap"
         }, {
-          children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          children: (0, _jsxRuntime.jsx)(_dynamic.default, {
             className: (0, _classnames.default)("ncua-input__".concat(position, "-icon"), slot.className),
             name: slot.icon,
             color: slot.color ? _color.COLOR[slot.color] : undefined,
@@ -103,7 +103,7 @@ var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function
       className: "ncua-input__icon-wrap ncua-input__right-icon ncua-input__clear",
       onClick: props.onClearText
     }, {
-      children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+      children: (0, _jsxRuntime.jsx)(_dynamic.default, {
         name: "x",
         className: "ncua-input__clear-icon",
         width: validationSvgSize[size],
@@ -116,7 +116,7 @@ var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function
       return (0, _jsxRuntime.jsx)("div", __assign({
         className: "ncua-input__icon-wrap ncua-input__right-icon"
       }, {
-        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+        children: (0, _jsxRuntime.jsx)(_dynamic.default, {
           name: "info-circle",
           className: "ncua-input__destructive-icon",
           width: validationSvgSize[size],
@@ -128,7 +128,7 @@ var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function
       return (0, _jsxRuntime.jsx)("div", __assign({
         className: "ncua-input__icon-wrap ncua-input__right-icon"
       }, {
-        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+        children: (0, _jsxRuntime.jsx)(_dynamic.default, {
           name: "check-circle",
           className: "ncua-input__validation-icon",
           width: validationSvgSize[size],
@@ -148,7 +148,7 @@ var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function
         htmlFor: props.id
       }, {
         children: label
-      })), showHelpIcon && (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+      })), showHelpIcon && (0, _jsxRuntime.jsx)(_dynamic.default, {
         className: "ncua-input__help-icon",
         name: "help-circle"
       })]

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FullWidthNotification = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _color = require("../../../constant/color");
@@ -67,7 +67,7 @@ var FullWidthNotification = exports.FullWidthNotification = /*#__PURE__*/(0, _re
         children: [(0, _jsxRuntime.jsxs)("div", __assign({
           className: "ncua-full-width-notification__content-wrapper"
         }, {
-          children: [(0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          children: [(0, _jsxRuntime.jsx)(_dynamic.default, {
             name: iconNameMap[color],
             width: 16,
             height: 16,
@@ -106,7 +106,7 @@ var FullWidthNotification = exports.FullWidthNotification = /*#__PURE__*/(0, _re
             onClick: onClose,
             "aria-label": "\uC54C\uB9BC \uB2EB\uAE30"
           }, {
-            children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, __assign({
+            children: (0, _jsxRuntime.jsx)(_dynamic.default, __assign({
               name: "x-close"
             }, closeIconSize, {
               color: _color.COLOR[iconColorMap[color]]

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Select = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _HintText = require("../shared/hintText/HintText");
@@ -62,7 +62,7 @@ var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_a,
       children: [icon ? (0, _jsxRuntime.jsx)("span", __assign({
         className: "ncua-select__icon"
       }, {
-        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+        children: (0, _jsxRuntime.jsx)(_dynamic.default, {
           name: icon.icon,
           width: icon.size,
           height: icon.size,

package/dist/cjs/src/components/tag/Tag.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tag = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _color = require("../../../constant/color");
 var _dot = require("../dot");
@@ -35,7 +35,7 @@ var Tag = function (_a) {
   var sideSlotRender = function (slot) {
     var _a;
     if (slot.type === 'icon') {
-      return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+      return (0, _jsxRuntime.jsx)(_dynamic.default, {
         name: slot.icon,
         width: iconSize[size],
         height: iconSize[size],
@@ -66,7 +66,7 @@ var Tag = function (_a) {
       className: "ncua-tag__close",
       onClick: onButtonClick
     }, {
-      children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+      children: (0, _jsxRuntime.jsx)(_dynamic.default, {
         name: "x-close",
         color: _color.COLOR.gray300,
         width: iconSize[size],

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import { COLOR } from '../../../constant/color';
 import { Dot } from '../dot/Dot';
 var DEFAULT_DOT_COLOR = 'neutral';

package/dist/esm/src/components/breadcrumb/BreadCrumb.js

@@ -9,7 +9,7 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classNames from 'classnames';
 var BreadcrumbItem = function (_a) {
   var href = _a.href,

package/dist/esm/src/components/button/Button.js

@@ -18,8 +18,8 @@ var __rest = this && this.__rest || function (s, e) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement, forwardRef, useEffect, useState } from 'react';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classnames from 'classnames';
-import Icon from '@ncds/ui-admin-icon';
 import { COLOR } from '../../../constant/color';
 import { Dot } from '../dot';
 export var svgSize = {

package/dist/esm/src/components/button/ButtonCloseX.js

@@ -9,7 +9,7 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classnames from 'classnames';
 var svgSize = {
   xs: 16,

package/dist/esm/src/components/button/ButtonGroup.js

@@ -17,7 +17,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classNames from 'classnames';
 import React, { createElement } from 'react';
 import { COLOR } from '../../../constant/color';

package/dist/esm/src/components/carousel/CarouselArrow.js

@@ -10,7 +10,7 @@ var __assign = this && this.__assign || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 export var CarouselArrow = function (_a) {
   var _b;
   var _c = _a.type,

package/dist/esm/src/components/dropdown/Dropdown.js

@@ -9,7 +9,7 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import { useEffect, useRef, useState } from 'react';
 export var Dropdown = function (_a) {
   var trigger = _a.trigger,

package/dist/esm/src/components/featured-icon/FeaturedIcon.js

@@ -17,7 +17,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 var iconSizeMap = {

package/dist/esm/src/components/input/FileInput.js

@@ -28,7 +28,7 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import { Tag } from '../tag/Tag';
 import { Button } from '../button';
 import { HintText, Label } from '../shared';

package/dist/esm/src/components/input/InputBase.js

@@ -17,7 +17,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 import { COLOR } from '../../../constant/color';

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

@@ -17,7 +17,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 import { COLOR } from '../../../constant/color';

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

@@ -17,7 +17,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 import { HintText } from '../shared/hintText/HintText';

package/dist/esm/src/components/tag/Tag.js

@@ -9,7 +9,7 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
+import Icon from '@ncds/ui-admin-icon/dynamic';
 import classNames from 'classnames';
 import { COLOR } from '../../../constant/color';
 import { Dot } from '../dot';

package/dist/types/src/components/dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@ncds/ui-admin-icon';
+import { type IconName } from '@ncds/ui-admin-icon/dynamic';
 export type AvatarTrigger = {
     type: 'avatar';
     avatar: string;

package/dist/types/src/components/featured-icon/FeaturedIcon.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@ncds/ui-admin-icon';
+import { type IconName } from '@ncds/ui-admin-icon/dynamic';
 import { ComponentPropsWithoutRef } from 'react';
 export type FeaturedIconTheme = 'light-circle' | 'dark-circle' | 'outline-circle' | 'square-outline';
 export type FeaturedIconColor = 'neutral' | 'error' | 'warning' | 'success';

package/dist/types/src/components/input/FileInput.d.ts

@@ -4,9 +4,9 @@ export declare enum FileInputErrorType {
     EXCEED_MAX_FILE_SIZE = "EXCEED_MAX_FILE_SIZE",
     EXCEED_MAX_FILE_COUNT = "EXCEED_MAX_FILE_COUNT"
 }
-export type InvalidFile = File & {
+export interface InvalidFile extends Omit<File, 'constructor'> {
     errorType: FileInputErrorType;
-};
+}
 export interface FileInputProps extends Omit<InputBaseProps, 'clearText' | 'onClearText' | 'hintText' | 'value' | 'onChange'> {
     /**
      * Accepted file types

package/dist/types/src/components/input/InputBase.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@ncds/ui-admin-icon';
+import { type IconName } from '@ncds/ui-admin-icon/dynamic';
 import React from 'react';
 import { COLOR } from '../../../constant/color';
 import { Size } from '../../../constant/size';

package/dist/types/src/components/modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@ncds/ui-admin-icon';
+import { type IconName } from '@ncds/ui-admin-icon/dynamic';
 import { ReactNode } from 'react';
 import { FeaturedIconColor, FeaturedIconTheme } from '../featured-icon';
 export type ModalSize = 'sm' | 'md' | 'lg' | 'xl';

package/dist/types/src/components/notification/Notification.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@ncds/ui-admin-icon';
+import type { IconName } from '@ncds/ui-admin-icon/dynamic';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { ColorTone } from '../../../constant/color';
 import { ButtonTheme } from '../button';

package/dist/types/src/components/select/Select.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@ncds/ui-admin-icon';
+import { IconName } from '@ncds/ui-admin-icon/dynamic';
 import { COLOR } from '@ncds/ui-admin/constant/color';
 import { Size } from '@ncds/ui/constant/size';
 import { ComponentPropsWithRef, PropsWithChildren } from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "nhn-commerce의 어드민 디자인 시스템입니다.",
   "scripts": {
     "barrel": "node barrel.js",
@@ -63,7 +63,7 @@
   "dependencies": {
     "@ncds/types-common": "^1.0.0",
     "@ncds/types-layout": "^1.0.0",
-    "@ncds/ui-admin-icon": "0.0.17",
+    "@ncds/ui-admin-icon": "0.1.1",
     "classnames": "^2.3.2",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",