@ncds/ui-admin 0.0.8 → 0.0.10

package/dist/ui-admin/src/components/checkbox/Checkbox.js

@@ -1,29 +1,70 @@
-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.Checkbox = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _CheckboxInput = require("./CheckboxInput");
+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 classNames from 'classnames';
-import { CheckboxInput } from './CheckboxInput';
-export var Checkbox = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, text = _a.text, supportText = _a.supportText, disabled = _a.disabled, checked = _a.checked, className = _a.className, checkboxRef = _a.checkboxRef, onChange = _a.onChange, props = __rest(_a, ["size", "indeterminate", "text", "supportText", "disabled", "checked", "className", "checkboxRef", "onChange"]);
-    return (_jsxs("label", __assign({ className: classNames('ncua-checkbox-field', "ncua-checkbox-field--".concat(size), { 'has-text': text }, className) }, { children: [_jsx(CheckboxInput, __assign({ size: size, ref: checkboxRef, checked: checked, indeterminate: indeterminate, disabled: disabled, onChange: onChange, className: "ncua-checkbox-field__input" }, props)), _jsx("span", { children: text && (_jsxs(_Fragment, { children: [_jsx("span", __assign({ className: "ncua-checkbox__text" }, { children: text })), supportText && _jsx("span", __assign({ className: "ncua-checkbox__support-text" }, { children: supportText }))] })) })] })));
+var Checkbox = function (_a) {
+  var _b = _a.size,
+    size = _b === void 0 ? 'sm' : _b,
+    _c = _a.indeterminate,
+    indeterminate = _c === void 0 ? false : _c,
+    text = _a.text,
+    supportText = _a.supportText,
+    disabled = _a.disabled,
+    checked = _a.checked,
+    className = _a.className,
+    checkboxRef = _a.checkboxRef,
+    onChange = _a.onChange,
+    props = __rest(_a, ["size", "indeterminate", "text", "supportText", "disabled", "checked", "className", "checkboxRef", "onChange"]);
+  return (0, _jsxRuntime.jsxs)("label", __assign({
+    className: (0, _classnames.default)('ncua-checkbox-field', "ncua-checkbox-field--".concat(size), {
+      'has-text': text
+    }, className)
+  }, {
+    children: [(0, _jsxRuntime.jsx)(_CheckboxInput.CheckboxInput, __assign({
+      size: size,
+      ref: checkboxRef,
+      checked: checked,
+      indeterminate: indeterminate,
+      disabled: disabled,
+      onChange: onChange,
+      className: "ncua-checkbox-field__input"
+    }, props)), (0, _jsxRuntime.jsx)("span", {
+      children: text && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)("span", __assign({
+          className: "ncua-checkbox__text"
+        }, {
+          children: text
+        })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
+          className: "ncua-checkbox__support-text"
+        }, {
+          children: supportText
+        }))]
+      })
+    })]
+  }));
 };
+exports.Checkbox = Checkbox;

package/dist/ui-admin/src/components/checkbox/CheckboxInput.js

@@ -1,32 +1,67 @@
-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.CheckboxInput = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _uiAdminIcon = 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);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, Minus } from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import { forwardRef } from 'react';
-import { COLOR } from '../../../constant/color';
-export var CheckboxInput = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, disabled = _a.disabled, className = _a.className, _d = _a.destructive, destructive = _d === void 0 ? false : _d, onChange = _a.onChange, props = __rest(_a, ["size", "indeterminate", "disabled", "className", "destructive", "onChange"]);
-    var svgColor = disabled ? 'gray200' : 'gray700';
-    return (_jsxs("span", __assign({ className: classNames('ncua-checkbox-input', "ncua-checkbox-input--".concat(size), { destructive: destructive }, className) }, { children: [_jsx("input", __assign({ type: "checkbox", ref: ref, onChange: onChange, disabled: disabled }, props)), _jsx("span", __assign({ className: "ncua-checkbox-input__ico" }, { children: !indeterminate ? (_jsx(Check, { width: 12, height: 12, color: COLOR[svgColor] })) : (_jsx(Minus, { width: 12, height: 12, color: COLOR[svgColor] })) }))] })));
-});
+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 CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var _b = _a.size,
+    size = _b === void 0 ? 'sm' : _b,
+    _c = _a.indeterminate,
+    indeterminate = _c === void 0 ? false : _c,
+    disabled = _a.disabled,
+    className = _a.className,
+    _d = _a.destructive,
+    destructive = _d === void 0 ? false : _d,
+    onChange = _a.onChange,
+    props = __rest(_a, ["size", "indeterminate", "disabled", "className", "destructive", "onChange"]);
+  var svgColor = disabled ? 'gray200' : 'gray700';
+  return (0, _jsxRuntime.jsxs)("span", __assign({
+    className: (0, _classnames.default)('ncua-checkbox-input', "ncua-checkbox-input--".concat(size), {
+      destructive: destructive
+    }, className)
+  }, {
+    children: [(0, _jsxRuntime.jsx)("input", __assign({
+      type: "checkbox",
+      ref: ref,
+      onChange: onChange,
+      disabled: disabled
+    }, props)), (0, _jsxRuntime.jsx)("span", __assign({
+      className: "ncua-checkbox-input__ico"
+    }, {
+      children: !indeterminate ? (0, _jsxRuntime.jsx)(_uiAdminIcon.Check, {
+        width: 12,
+        height: 12,
+        color: _color.COLOR[svgColor]
+      }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.Minus, {
+        width: 12,
+        height: 12,
+        color: _color.COLOR[svgColor]
+      })
+    }))]
+  }));
+});

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

@@ -1,2 +1,27 @@
-export * from './Checkbox';
-export * from './CheckboxInput';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Checkbox = require("./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 _CheckboxInput = require("./CheckboxInput");
+Object.keys(_CheckboxInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CheckboxInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CheckboxInput[key];
+    }
+  });
+});

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

@@ -1,10 +1,115 @@
-export * from './button';
-export * from './checkbox';
-export * from './input';
-export * from './pagination';
-export * from './radio';
-export * from './select';
-export * from './shared';
-export * from './spinner';
-export * from './svg';
-export * from './tooltip';
+"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 _checkbox = require("./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("./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("./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("./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("./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 _shared = require("./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("./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("./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("./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];
+    }
+  });
+});

package/dist/ui-admin/src/components/input/FileInput.js

@@ -1 +1 @@
-"use strict";
+"use strict";

package/dist/ui-admin/src/components/input/InputBase.js

@@ -1,84 +1,169 @@
-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.InputBase = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _color = require("../../../constant/color");
+var _Label = require("../shared/label/Label");
+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;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import { COLOR } from '../../../constant/color';
-import { Label } from '../shared/label/Label';
-import { HintText } from '../shared/hintText/HintText';
 var validationSvgSize = {
-    xs: 14,
-    md: 16,
+  xs: 14,
+  md: 16
 };
 var generalSvgSize = {
-    xs: 14,
-    md: 20,
+  xs: 14,
+  md: 20
 };
-export var InputBase = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 'md' : _b, required = _a.required, label = _a.label, hintText = _a.hintText, disabled = _a.disabled, validation = _a.validation, destructive = _a.destructive, leadingElement = _a.leadingElement, trailingElement = _a.trailingElement, props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement"]);
-    var renderOutsideSlot = function (slot, position) {
-        if (slot.type === 'custom' && slot.placement !== 'outside') {
-            return null;
-        }
-        switch (slot.type) {
-            case 'button':
-                return (_jsx("button", __assign({ type: slot.isSubmit ? 'submit' : 'button', className: classNames('ncua-input__button', "ncua-input__button--".concat(size)), onClick: slot.onClick }, { children: slot.label })));
-            case 'text':
-                return (_jsx("span", __assign({ className: classNames('ncua-input__leading-text', "ncua-input__leading-text--".concat(size)) }, { children: slot.text })));
-            case 'custom':
-                return slot.children;
-            default:
-                return null;
-        }
-    };
-    var renderInsideSlot = function (slot, position) {
-        switch (slot.type) {
-            case 'icon':
-                return (_jsx("div", __assign({ className: "ncua-input__icon-wrap" }, { children: _jsx(Icon, { className: classNames("ncua-input__".concat(position, "-icon"), slot.className), name: slot.icon, color: slot.color ? COLOR[slot.color] : undefined, width: generalSvgSize[size], height: generalSvgSize[size] }) })));
-            case 'custom':
-                return slot.children;
-            default:
-                return null;
-        }
-    };
-    var renderClearButton = function () {
-        if (!props.clearText)
-            return null;
-        return (_jsx("button", __assign({ className: "ncua-input__icon-wrap ncua-input__right-icon ncua-input__clear", onClick: props.onClearText }, { children: _jsx(Icon, { name: "x", className: "ncua-input__clear-icon", width: validationSvgSize[size], height: validationSvgSize[size] }) })));
-    };
-    var renderStatusIcon = function () {
-        if (destructive) {
-            return (_jsx("div", __assign({ className: "ncua-input__icon-wrap ncua-input__right-icon" }, { children: _jsx(Icon, { name: "info-circle", className: "ncua-input__destructive-icon", width: validationSvgSize[size], height: validationSvgSize[size] }) })));
-        }
-        if (validation) {
-            return (_jsx("div", __assign({ className: "ncua-input__icon-wrap ncua-input__right-icon" }, { children: _jsx(Icon, { name: "check-circle", className: "ncua-input__validation-icon", width: validationSvgSize[size], height: validationSvgSize[size] }) })));
-        }
+var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var _b = _a.size,
+    size = _b === void 0 ? 'md' : _b,
+    required = _a.required,
+    label = _a.label,
+    hintText = _a.hintText,
+    disabled = _a.disabled,
+    validation = _a.validation,
+    destructive = _a.destructive,
+    leadingElement = _a.leadingElement,
+    trailingElement = _a.trailingElement,
+    props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement"]);
+  var renderOutsideSlot = function (slot, position) {
+    if (slot.type === 'custom' && slot.placement !== 'outside') {
+      return null;
+    }
+    switch (slot.type) {
+      case 'button':
+        return (0, _jsxRuntime.jsx)("button", __assign({
+          type: slot.isSubmit ? 'submit' : 'button',
+          className: (0, _classnames.default)('ncua-input__button', "ncua-input__button--".concat(size)),
+          onClick: slot.onClick
+        }, {
+          children: slot.label
+        }));
+      case 'text':
+        return (0, _jsxRuntime.jsx)("span", __assign({
+          className: (0, _classnames.default)('ncua-input__leading-text', "ncua-input__leading-text--".concat(size))
+        }, {
+          children: slot.text
+        }));
+      case 'custom':
+        return slot.children;
+      default:
         return null;
-    };
-    return (_jsxs("div", __assign({ className: classNames('ncua-input', "ncua-input--".concat(size), {
-            destructive: destructive,
-            'is-disabled': disabled,
-            'ncua-input__trailing-button': (trailingElement === null || trailingElement === void 0 ? void 0 : trailingElement.type) === 'button',
-        }) }, { children: [label && (_jsx(Label, __assign({ isRequired: required, className: "ncua-input__label--".concat(size) }, { children: label }))), _jsxs("div", __assign({ className: "ncua-input__content" }, { children: [leadingElement && renderOutsideSlot(leadingElement, 'left'), _jsxs("div", __assign({ className: classNames('ncua-input__field', "ncua-input--".concat(size)) }, { children: [leadingElement && renderInsideSlot(leadingElement, 'left'), _jsx("input", __assign({ ref: ref, type: "text", disabled: disabled }, props)), trailingElement && renderInsideSlot(trailingElement, 'right'), renderClearButton(), renderStatusIcon()] })), trailingElement && renderOutsideSlot(trailingElement, 'right')] })), hintText && _jsx(HintText, __assign({ destructive: destructive }, { children: hintText }))] })));
-});
+    }
+  };
+  var renderInsideSlot = function (slot, position) {
+    switch (slot.type) {
+      case 'icon':
+        return (0, _jsxRuntime.jsx)("div", __assign({
+          className: "ncua-input__icon-wrap"
+        }, {
+          children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+            className: (0, _classnames.default)("ncua-input__".concat(position, "-icon"), slot.className),
+            name: slot.icon,
+            color: slot.color ? _color.COLOR[slot.color] : undefined,
+            width: generalSvgSize[size],
+            height: generalSvgSize[size]
+          })
+        }));
+      case 'custom':
+        return slot.children;
+      default:
+        return null;
+    }
+  };
+  var renderClearButton = function () {
+    if (!props.clearText) return null;
+    return (0, _jsxRuntime.jsx)("button", __assign({
+      className: "ncua-input__icon-wrap ncua-input__right-icon ncua-input__clear",
+      onClick: props.onClearText
+    }, {
+      children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+        name: "x",
+        className: "ncua-input__clear-icon",
+        width: validationSvgSize[size],
+        height: validationSvgSize[size]
+      })
+    }));
+  };
+  var renderStatusIcon = function () {
+    if (destructive) {
+      return (0, _jsxRuntime.jsx)("div", __assign({
+        className: "ncua-input__icon-wrap ncua-input__right-icon"
+      }, {
+        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          name: "info-circle",
+          className: "ncua-input__destructive-icon",
+          width: validationSvgSize[size],
+          height: validationSvgSize[size]
+        })
+      }));
+    }
+    if (validation) {
+      return (0, _jsxRuntime.jsx)("div", __assign({
+        className: "ncua-input__icon-wrap ncua-input__right-icon"
+      }, {
+        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          name: "check-circle",
+          className: "ncua-input__validation-icon",
+          width: validationSvgSize[size],
+          height: validationSvgSize[size]
+        })
+      }));
+    }
+    return null;
+  };
+  return (0, _jsxRuntime.jsxs)("div", __assign({
+    className: (0, _classnames.default)('ncua-input', "ncua-input--".concat(size), {
+      destructive: destructive,
+      'is-disabled': disabled,
+      'ncua-input__trailing-button': (trailingElement === null || trailingElement === void 0 ? void 0 : trailingElement.type) === 'button'
+    })
+  }, {
+    children: [label && (0, _jsxRuntime.jsx)(_Label.Label, __assign({
+      isRequired: required,
+      className: "ncua-input__label--".concat(size)
+    }, {
+      children: label
+    })), (0, _jsxRuntime.jsxs)("div", __assign({
+      className: "ncua-input__content"
+    }, {
+      children: [leadingElement && renderOutsideSlot(leadingElement, 'left'), (0, _jsxRuntime.jsxs)("div", __assign({
+        className: (0, _classnames.default)('ncua-input__field', "ncua-input--".concat(size))
+      }, {
+        children: [leadingElement && renderInsideSlot(leadingElement, 'left'), (0, _jsxRuntime.jsx)("input", __assign({
+          ref: ref,
+          type: "text",
+          disabled: disabled
+        }, props)), trailingElement && renderInsideSlot(trailingElement, 'right'), renderClearButton(), renderStatusIcon()]
+      })), trailingElement && renderOutsideSlot(trailingElement, 'right')]
+    })), hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, __assign({
+      destructive: destructive
+    }, {
+      children: hintText
+    }))]
+  }));
+});