@arpproject/recrate 0.1.27 → 0.1.28

package/dist/recrate.es.js

@@ -7927,9 +7927,9 @@ var CheckCircleFilled = function CheckCircleFilled2(props, ref) {
     icon: CheckCircleFilled$1
   }));
 };
-var RefIcon$z = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
+var RefIcon$B = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$z.displayName = "CheckCircleFilled";
+  RefIcon$B.displayName = "CheckCircleFilled";
 }
 var CloseCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
 var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
@@ -7938,9 +7938,9 @@ var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
     icon: CloseCircleFilled$1
   }));
 };
-var RefIcon$y = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
+var RefIcon$A = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$y.displayName = "CloseCircleFilled";
+  RefIcon$A.displayName = "CloseCircleFilled";
 }
 var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
 var CloseOutlined = function CloseOutlined2(props, ref) {
@@ -7949,9 +7949,9 @@ var CloseOutlined = function CloseOutlined2(props, ref) {
     icon: CloseOutlined$1
   }));
 };
-var RefIcon$x = /* @__PURE__ */ React.forwardRef(CloseOutlined);
+var RefIcon$z = /* @__PURE__ */ React.forwardRef(CloseOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$x.displayName = "CloseOutlined";
+  RefIcon$z.displayName = "CloseOutlined";
 }
 var ExclamationCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
 var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
@@ -7960,9 +7960,9 @@ var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
     icon: ExclamationCircleFilled$1
   }));
 };
-var RefIcon$w = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
+var RefIcon$y = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$w.displayName = "ExclamationCircleFilled";
+  RefIcon$y.displayName = "ExclamationCircleFilled";
 }
 var InfoCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
 var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
@@ -7971,9 +7971,9 @@ var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
     icon: InfoCircleFilled$1
   }));
 };
-var RefIcon$v = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
+var RefIcon$x = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$v.displayName = "InfoCircleFilled";
+  RefIcon$x.displayName = "InfoCircleFilled";
 }
 var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n    charSet checked classID className colSpan cols content contentEditable contextMenu\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n    mediaGroup method min minLength multiple muted name noValidate nonce open\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n    summary tabIndex target title type useMap value width wmode wrap";
 var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
@@ -8714,9 +8714,9 @@ var LoadingOutlined = function LoadingOutlined2(props, ref) {
     icon: LoadingOutlined$1
   }));
 };
-var RefIcon$u = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
+var RefIcon$w = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$u.displayName = "LoadingOutlined";
+  RefIcon$w.displayName = "LoadingOutlined";
 }
 function mergeProps$1(...items) {
   const ret = {};
@@ -8775,7 +8775,7 @@ const useClosable = (propCloseCollection, contextCloseCollection, fallbackCloseC
   const [contextLocale] = useLocale$1("global", localeValues.global);
   const closeBtnIsDisabled = typeof propCloseConfig !== "boolean" ? !!(propCloseConfig === null || propCloseConfig === void 0 ? void 0 : propCloseConfig.disabled) : false;
   const mergedFallbackCloseCollection = React__default.useMemo(() => Object.assign({
-    closeIcon: /* @__PURE__ */ React__default.createElement(RefIcon$x, null)
+    closeIcon: /* @__PURE__ */ React__default.createElement(RefIcon$z, null)
   }, fallbackCloseCollection), [fallbackCloseCollection]);
   const mergedClosableConfig = React__default.useMemo(() => {
     if (propCloseConfig === false) {
@@ -9100,11 +9100,11 @@ const useStyle$u = genStyleHooks("Message", (token2) => {
   return t2;
 });
 const TypeIcon = {
-  info: /* @__PURE__ */ React.createElement(RefIcon$v, null),
-  success: /* @__PURE__ */ React.createElement(RefIcon$z, null),
-  error: /* @__PURE__ */ React.createElement(RefIcon$y, null),
-  warning: /* @__PURE__ */ React.createElement(RefIcon$w, null),
-  loading: /* @__PURE__ */ React.createElement(RefIcon$u, null)
+  info: /* @__PURE__ */ React.createElement(RefIcon$x, null),
+  success: /* @__PURE__ */ React.createElement(RefIcon$B, null),
+  error: /* @__PURE__ */ React.createElement(RefIcon$A, null),
+  warning: /* @__PURE__ */ React.createElement(RefIcon$y, null),
+  loading: /* @__PURE__ */ React.createElement(RefIcon$w, null)
 };
 const PureContent$1 = ({
   prefixCls,
@@ -9191,7 +9191,7 @@ const Holder$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const getNotificationMotion = () => getMotion$3(prefixCls, transitionName);
   const mergedCloseIcon = /* @__PURE__ */ React.createElement("span", {
     className: `${prefixCls}-close-x`
-  }, /* @__PURE__ */ React.createElement(RefIcon$x, {
+  }, /* @__PURE__ */ React.createElement(RefIcon$z, {
     className: `${prefixCls}-close-icon`
   }));
   const [api2, holder] = useNotification$1({
@@ -10231,7 +10231,7 @@ const InnerLoadingIcon = /* @__PURE__ */ forwardRef((props, ref) => {
     className: mergedIconCls,
     style: style2,
     ref
-  }, /* @__PURE__ */ React__default.createElement(RefIcon$u, {
+  }, /* @__PURE__ */ React__default.createElement(RefIcon$w, {
     className: iconClassName
   }));
 });
@@ -10967,9 +10967,9 @@ var RightOutlined = function RightOutlined2(props, ref) {
     icon: RightOutlined$1
   }));
 };
-var RefIcon$t = /* @__PURE__ */ React.forwardRef(RightOutlined);
+var RefIcon$v = /* @__PURE__ */ React.forwardRef(RightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$t.displayName = "RightOutlined";
+  RefIcon$v.displayName = "RightOutlined";
 }
 const genCollapseMotion = (token2) => ({
   [token2.componentCls]: {
@@ -17078,7 +17078,7 @@ const NormalOkBtn = () => {
 function renderCloseIcon(prefixCls, closeIcon) {
   return /* @__PURE__ */ React__default.createElement("span", {
     className: `${prefixCls}-close-x`
-  }, closeIcon || /* @__PURE__ */ React__default.createElement(RefIcon$x, {
+  }, closeIcon || /* @__PURE__ */ React__default.createElement(RefIcon$z, {
     className: `${prefixCls}-close-icon`
   }));
 }
@@ -17670,7 +17670,7 @@ const Modal = (props) => {
   })) : null;
   const [mergedClosable, mergedCloseIcon, closeBtnIsDisabled, ariaProps] = useClosable(pickClosable(props), pickClosable(modalContext), {
     closable: true,
-    closeIcon: /* @__PURE__ */ React.createElement(RefIcon$x, {
+    closeIcon: /* @__PURE__ */ React.createElement(RefIcon$z, {
       className: `${prefixCls}-close-icon`
     }),
     closeIconRender: (icon2) => renderCloseIcon(prefixCls, icon2)
@@ -17867,16 +17867,16 @@ const ConfirmContent = (props) => {
   if (!icon2 && icon2 !== null) {
     switch (type4) {
       case "info":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$v, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$x, null);
         break;
       case "success":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$z, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$B, null);
         break;
       case "error":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$y, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$A, null);
         break;
       default:
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$w, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$y, null);
     }
   }
   const mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type4 === "confirm";
@@ -18640,15 +18640,15 @@ function getCloseIcon(prefixCls, closeIcon) {
   if (closeIcon === null || closeIcon === false) {
     return null;
   }
-  return closeIcon || /* @__PURE__ */ React.createElement(RefIcon$x, {
+  return closeIcon || /* @__PURE__ */ React.createElement(RefIcon$z, {
     className: `${prefixCls}-close-icon`
   });
 }
 const typeToIcon = {
-  success: RefIcon$z,
-  info: RefIcon$v,
-  error: RefIcon$y,
-  warning: RefIcon$w
+  success: RefIcon$B,
+  info: RefIcon$x,
+  error: RefIcon$A,
+  warning: RefIcon$y
 };
 const PureContent = (props) => {
   const {
@@ -25259,9 +25259,9 @@ var CheckOutlined = function CheckOutlined2(props, ref) {
     icon: CheckOutlined$1
   }));
 };
-var RefIcon$s = /* @__PURE__ */ React.forwardRef(CheckOutlined);
+var RefIcon$u = /* @__PURE__ */ React.forwardRef(CheckOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$s.displayName = "CheckOutlined";
+  RefIcon$u.displayName = "CheckOutlined";
 }
 var DownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
 var DownOutlined = function DownOutlined2(props, ref) {
@@ -25270,9 +25270,9 @@ var DownOutlined = function DownOutlined2(props, ref) {
     icon: DownOutlined$1
   }));
 };
-var RefIcon$r = /* @__PURE__ */ React.forwardRef(DownOutlined);
+var RefIcon$t = /* @__PURE__ */ React.forwardRef(DownOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$r.displayName = "DownOutlined";
+  RefIcon$t.displayName = "DownOutlined";
 }
 var SearchOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
 var SearchOutlined = function SearchOutlined2(props, ref) {
@@ -25281,9 +25281,9 @@ var SearchOutlined = function SearchOutlined2(props, ref) {
     icon: SearchOutlined$1
   }));
 };
-var RefIcon$q = /* @__PURE__ */ React.forwardRef(SearchOutlined);
+var RefIcon$s = /* @__PURE__ */ React.forwardRef(SearchOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$q.displayName = "SearchOutlined";
+  RefIcon$s.displayName = "SearchOutlined";
 }
 function useIcons$1({
   suffixIcon,
@@ -25303,7 +25303,7 @@ function useIcons$1({
     const warning3 = devUseWarning(componentName);
     warning3.deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
   }
-  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$y, null);
+  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$A, null);
   const getSuffixIconNode = (arrowIcon) => {
     if (suffixIcon === null && !hasFeedback && !showArrow) {
       return null;
@@ -25314,7 +25314,7 @@ function useIcons$1({
   if (suffixIcon !== void 0) {
     mergedSuffixIcon = getSuffixIconNode(suffixIcon);
   } else if (loading) {
-    mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$u, {
+    mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$w, {
       spin: true
     }));
   } else {
@@ -25324,11 +25324,11 @@ function useIcons$1({
       showSearch
     }) => {
       if (open && showSearch) {
-        return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$q, {
+        return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$s, {
           className: iconCls
         }));
       }
-      return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$r, {
+      return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$t, {
         className: iconCls
       }));
     };
@@ -25337,7 +25337,7 @@ function useIcons$1({
   if (menuItemSelectedIcon !== void 0) {
     mergedItemIcon = menuItemSelectedIcon;
   } else if (multiple) {
-    mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$s, null);
+    mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$u, null);
   } else {
     mergedItemIcon = null;
   }
@@ -25345,7 +25345,7 @@ function useIcons$1({
   if (removeIcon !== void 0) {
     mergedRemoveIcon = removeIcon;
   } else {
-    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$x, null);
+    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$z, null);
   }
   return {
     clearIcon: mergedClearIcon,
@@ -27672,9 +27672,9 @@ var LeftOutlined = function LeftOutlined2(props, ref) {
     icon: LeftOutlined$1
   }));
 };
-var RefIcon$p = /* @__PURE__ */ React.forwardRef(LeftOutlined);
+var RefIcon$r = /* @__PURE__ */ React.forwardRef(LeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$p.displayName = "LeftOutlined";
+  RefIcon$r.displayName = "LeftOutlined";
 }
 var ESC$1 = KeyCode.ESC, TAB = KeyCode.TAB;
 function useAccessibility$1(_ref) {
@@ -29263,9 +29263,9 @@ var EllipsisOutlined = function EllipsisOutlined2(props, ref) {
     icon: EllipsisOutlined$1
   }));
 };
-var RefIcon$o = /* @__PURE__ */ React.forwardRef(EllipsisOutlined);
+var RefIcon$q = /* @__PURE__ */ React.forwardRef(EllipsisOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$o.displayName = "EllipsisOutlined";
+  RefIcon$q.displayName = "EllipsisOutlined";
 }
 var dayjs_min$1 = { exports: {} };
 var dayjs_min = dayjs_min$1.exports;
@@ -37374,9 +37374,9 @@ var PlusOutlined = function PlusOutlined2(props, ref) {
     icon: PlusOutlined$1
   }));
 };
-var RefIcon$n = /* @__PURE__ */ React.forwardRef(PlusOutlined);
+var RefIcon$p = /* @__PURE__ */ React.forwardRef(PlusOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$n.displayName = "PlusOutlined";
+  RefIcon$p.displayName = "PlusOutlined";
 }
 const TabContext = /* @__PURE__ */ createContext(null);
 var useIndicator = function useIndicator2(options) {
@@ -39672,8 +39672,8 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
       }) => {
         onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event : key, editType);
       },
-      removeIcon: (_a2 = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a2 !== void 0 ? _a2 : /* @__PURE__ */ React.createElement(RefIcon$x, null),
-      addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$n, null),
+      removeIcon: (_a2 = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a2 !== void 0 ? _a2 : /* @__PURE__ */ React.createElement(RefIcon$z, null),
+      addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$p, null),
       showAdd: hideAdd !== true
     };
   }
@@ -39708,7 +39708,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: mergedStyle,
     editable: editable2,
     more: Object.assign({
-      icon: (_l = (_k = (_j = (_h = tabs === null || tabs === void 0 ? void 0 : tabs.more) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _k !== void 0 ? _k : moreIcon) !== null && _l !== void 0 ? _l : /* @__PURE__ */ React.createElement(RefIcon$o, null),
+      icon: (_l = (_k = (_j = (_h = tabs === null || tabs === void 0 ? void 0 : tabs.more) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _k !== void 0 ? _k : moreIcon) !== null && _l !== void 0 ? _l : /* @__PURE__ */ React.createElement(RefIcon$q, null),
       transitionName: `${rootPrefixCls}-slide-up`
     }, more),
     prefixCls,
@@ -41224,9 +41224,9 @@ var UpOutlined = function UpOutlined2(props, ref) {
     icon: UpOutlined$1
   }));
 };
-var RefIcon$m = /* @__PURE__ */ React.forwardRef(UpOutlined);
+var RefIcon$o = /* @__PURE__ */ React.forwardRef(UpOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$m.displayName = "UpOutlined";
+  RefIcon$o.displayName = "UpOutlined";
 }
 function hasAddon(props) {
   return !!(props.addonBefore || props.addonAfter);
@@ -41586,7 +41586,7 @@ const getAllowClear = (allowClear) => {
     mergedAllowClear = allowClear;
   } else if (allowClear) {
     mergedAllowClear = {
-      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$y, null)
+      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$A, null)
     };
   }
   return mergedAllowClear;
@@ -41774,9 +41774,9 @@ var SwapRightOutlined = function SwapRightOutlined2(props, ref) {
     icon: SwapRightOutlined$1
   }));
 };
-var RefIcon$l = /* @__PURE__ */ React.forwardRef(SwapRightOutlined);
+var RefIcon$n = /* @__PURE__ */ React.forwardRef(SwapRightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$l.displayName = "SwapRightOutlined";
+  RefIcon$n.displayName = "SwapRightOutlined";
 }
 const useMergedPickerSemantic = (pickerType, classNames$1, styles2, popupClassName, popupStyle) => {
   const {
@@ -41879,9 +41879,9 @@ var CalendarOutlined = function CalendarOutlined2(props, ref) {
     icon: CalendarOutlined$1
   }));
 };
-var RefIcon$k = /* @__PURE__ */ React.forwardRef(CalendarOutlined);
+var RefIcon$m = /* @__PURE__ */ React.forwardRef(CalendarOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$k.displayName = "CalendarOutlined";
+  RefIcon$m.displayName = "CalendarOutlined";
 }
 var ClockCircleOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" } }] }, "name": "clock-circle", "theme": "outlined" };
 var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
@@ -41890,9 +41890,9 @@ var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
     icon: ClockCircleOutlined$1
   }));
 };
-var RefIcon$j = /* @__PURE__ */ React.forwardRef(ClockCircleOutlined);
+var RefIcon$l = /* @__PURE__ */ React.forwardRef(ClockCircleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$j.displayName = "ClockCircleOutlined";
+  RefIcon$l.displayName = "ClockCircleOutlined";
 }
 const SuffixIcon = ({
   picker,
@@ -41904,7 +41904,7 @@ const SuffixIcon = ({
     return null;
   }
   if (suffixIcon === true || suffixIcon === void 0) {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, picker === TIME ? /* @__PURE__ */ React__default.createElement(RefIcon$j, null) : /* @__PURE__ */ React__default.createElement(RefIcon$k, null), hasFeedback && feedbackIcon);
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, picker === TIME ? /* @__PURE__ */ React__default.createElement(RefIcon$l, null) : /* @__PURE__ */ React__default.createElement(RefIcon$m, null), hasFeedback && feedbackIcon);
   }
   return suffixIcon;
 };
@@ -42011,7 +42011,7 @@ const generateRangePicker = (generateConfig2) => {
       separator: /* @__PURE__ */ React.createElement("span", {
         "aria-label": "to",
         className: `${prefixCls}-separator`
-      }, /* @__PURE__ */ React.createElement(RefIcon$l, null)),
+      }, /* @__PURE__ */ React.createElement(RefIcon$n, null)),
       disabled: mergedDisabled,
       ref: innerRef,
       placement,
@@ -44503,9 +44503,9 @@ var QuestionCircleOutlined = function QuestionCircleOutlined2(props, ref) {
     icon: QuestionCircleOutlined$1
   }));
 };
-var RefIcon$i = /* @__PURE__ */ React.forwardRef(QuestionCircleOutlined);
+var RefIcon$k = /* @__PURE__ */ React.forwardRef(QuestionCircleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$i.displayName = "QuestionCircleOutlined";
+  RefIcon$k.displayName = "QuestionCircleOutlined";
 }
 var __rest$h = function(s2, e3) {
   var t2 = {};
@@ -44553,7 +44553,7 @@ const FormItemLabel = ({
   const tooltipProps = convertToTooltipProps(tooltip);
   if (tooltipProps) {
     const {
-      icon: icon2 = /* @__PURE__ */ React.createElement(RefIcon$i, null)
+      icon: icon2 = /* @__PURE__ */ React.createElement(RefIcon$k, null)
     } = tooltipProps, restTooltipProps = __rest$h(tooltipProps, ["icon"]);
     const tooltipNode = /* @__PURE__ */ React.createElement(Tooltip2, Object.assign({}, restTooltipProps), /* @__PURE__ */ React.cloneElement(icon2, {
       className: `${prefixCls}-item-tooltip`,
@@ -44598,10 +44598,10 @@ const FormItemLabel = ({
   }, labelChildren));
 };
 const iconMap = {
-  success: RefIcon$z,
-  warning: RefIcon$w,
-  error: RefIcon$y,
-  validating: RefIcon$u
+  success: RefIcon$B,
+  warning: RefIcon$y,
+  error: RefIcon$A,
+  validating: RefIcon$w
 };
 function StatusProvider({
   children,
@@ -45091,9 +45091,9 @@ var EyeOutlined = function EyeOutlined2(props, ref) {
     icon: EyeOutlined$1
   }));
 };
-var RefIcon$h = /* @__PURE__ */ React.forwardRef(EyeOutlined);
+var RefIcon$j = /* @__PURE__ */ React.forwardRef(EyeOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$h.displayName = "EyeOutlined";
+  RefIcon$j.displayName = "EyeOutlined";
 }
 const Group = (props) => {
   const {
@@ -45451,9 +45451,9 @@ var EyeInvisibleOutlined = function EyeInvisibleOutlined2(props, ref) {
     icon: EyeInvisibleOutlined$1
   }));
 };
-var RefIcon$g = /* @__PURE__ */ React.forwardRef(EyeInvisibleOutlined);
+var RefIcon$i = /* @__PURE__ */ React.forwardRef(EyeInvisibleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$g.displayName = "EyeInvisibleOutlined";
+  RefIcon$i.displayName = "EyeInvisibleOutlined";
 }
 var __rest$c = function(s2, e3) {
   var t2 = {};
@@ -45463,7 +45463,7 @@ var __rest$c = function(s2, e3) {
   }
   return t2;
 };
-const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React.createElement(RefIcon$h, null) : /* @__PURE__ */ React.createElement(RefIcon$g, null);
+const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React.createElement(RefIcon$j, null) : /* @__PURE__ */ React.createElement(RefIcon$i, null);
 const actionMap = {
   click: "onClick",
   hover: "onMouseOver"
@@ -45618,7 +45618,7 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     customOnPressEnter === null || customOnPressEnter === void 0 ? void 0 : customOnPressEnter(e3);
     onSearch(e3);
   };
-  const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$q, null) : null;
+  const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$s, null) : null;
   const btnClassName = `${prefixCls}-button`;
   let button;
   const enterButtonAsElement = enterButton || {};
@@ -46287,9 +46287,9 @@ var DoubleLeftOutlined = function DoubleLeftOutlined2(props, ref) {
     icon: DoubleLeftOutlined$1
   }));
 };
-var RefIcon$f = /* @__PURE__ */ React.forwardRef(DoubleLeftOutlined);
+var RefIcon$h = /* @__PURE__ */ React.forwardRef(DoubleLeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$f.displayName = "DoubleLeftOutlined";
+  RefIcon$h.displayName = "DoubleLeftOutlined";
 }
 var DoubleRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" } }] }, "name": "double-right", "theme": "outlined" };
 var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
@@ -46298,9 +46298,9 @@ var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
     icon: DoubleRightOutlined$1
   }));
 };
-var RefIcon$e = /* @__PURE__ */ React.forwardRef(DoubleRightOutlined);
+var RefIcon$g = /* @__PURE__ */ React.forwardRef(DoubleRightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$e.displayName = "DoubleRightOutlined";
+  RefIcon$g.displayName = "DoubleRightOutlined";
 }
 var locale = {
   // Options
@@ -47532,21 +47532,21 @@ const Pagination2 = (props) => {
       className: `${prefixCls}-item-link`,
       type: "button",
       tabIndex: -1
-    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$t, null) : /* @__PURE__ */ React.createElement(RefIcon$p, null));
+    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$v, null) : /* @__PURE__ */ React.createElement(RefIcon$r, null));
     const nextIcon = /* @__PURE__ */ React.createElement("button", {
       className: `${prefixCls}-item-link`,
       type: "button",
       tabIndex: -1
-    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$p, null) : /* @__PURE__ */ React.createElement(RefIcon$t, null));
+    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$r, null) : /* @__PURE__ */ React.createElement(RefIcon$v, null));
     const jumpPrevIcon = (
       // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
       /* @__PURE__ */ React.createElement("a", {
         className: `${prefixCls}-item-link`
       }, /* @__PURE__ */ React.createElement("div", {
         className: `${prefixCls}-item-container`
-      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$e, {
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$g, {
         className: `${prefixCls}-item-link-icon`
-      }) : /* @__PURE__ */ React.createElement(RefIcon$f, {
+      }) : /* @__PURE__ */ React.createElement(RefIcon$h, {
         className: `${prefixCls}-item-link-icon`
       }), ellipsis))
     );
@@ -47556,9 +47556,9 @@ const Pagination2 = (props) => {
         className: `${prefixCls}-item-link`
       }, /* @__PURE__ */ React.createElement("div", {
         className: `${prefixCls}-item-container`
-      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$f, {
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$h, {
         className: `${prefixCls}-item-link-icon`
-      }) : /* @__PURE__ */ React.createElement(RefIcon$e, {
+      }) : /* @__PURE__ */ React.createElement(RefIcon$g, {
         className: `${prefixCls}-item-link-icon`
       }), ellipsis))
     );
@@ -47997,7 +47997,7 @@ const InternalSwitch = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const prefixCls = getPrefixCls("switch", customizePrefixCls);
   const loadingIcon = /* @__PURE__ */ React.createElement("div", {
     className: `${prefixCls}-handle`
-  }, loading && /* @__PURE__ */ React.createElement(RefIcon$u, {
+  }, loading && /* @__PURE__ */ React.createElement(RefIcon$w, {
     className: `${prefixCls}-loading-icon`
   }));
   const [wrapCSSVar, hashId, cssVarCls] = useStyle$2(prefixCls);
@@ -48338,9 +48338,9 @@ var DeleteOutlined = function DeleteOutlined2(props, ref) {
     icon: DeleteOutlined$1
   }));
 };
-var RefIcon$d = /* @__PURE__ */ React.forwardRef(DeleteOutlined);
+var RefIcon$f = /* @__PURE__ */ React.forwardRef(DeleteOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$d.displayName = "DeleteOutlined";
+  RefIcon$f.displayName = "DeleteOutlined";
 }
 var EditOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" } }] }, "name": "edit", "theme": "outlined" };
 var EditOutlined = function EditOutlined2(props, ref) {
@@ -48349,9 +48349,9 @@ var EditOutlined = function EditOutlined2(props, ref) {
     icon: EditOutlined$1
   }));
 };
-var RefIcon$c = /* @__PURE__ */ React.forwardRef(EditOutlined);
+var RefIcon$e = /* @__PURE__ */ React.forwardRef(EditOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$c.displayName = "EditOutlined";
+  RefIcon$e.displayName = "EditOutlined";
 }
 var EnterOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M864 170h-60c-4.4 0-8 3.6-8 8v518H310v-73c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-75h498c35.3 0 64-28.7 64-64V178c0-4.4-3.6-8-8-8z" } }] }, "name": "enter", "theme": "outlined" };
 var EnterOutlined = function EnterOutlined2(props, ref) {
@@ -48360,9 +48360,9 @@ var EnterOutlined = function EnterOutlined2(props, ref) {
     icon: EnterOutlined$1
   }));
 };
-var RefIcon$b = /* @__PURE__ */ React.forwardRef(EnterOutlined);
+var RefIcon$d = /* @__PURE__ */ React.forwardRef(EnterOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$b.displayName = "EnterOutlined";
+  RefIcon$d.displayName = "EnterOutlined";
 }
 const getTitleStyle = (fontSize, lineHeight, color, token2) => {
   const {
@@ -48684,7 +48684,7 @@ const Editable = (props) => {
     onCancel,
     onEnd,
     component,
-    enterIcon = /* @__PURE__ */ React.createElement(RefIcon$b, null)
+    enterIcon = /* @__PURE__ */ React.createElement(RefIcon$d, null)
   } = props;
   const ref = React.useRef(null);
   const inComposition = React.useRef(false);
@@ -49070,9 +49070,9 @@ var CopyOutlined = function CopyOutlined2(props, ref) {
     icon: CopyOutlined$1
   }));
 };
-var RefIcon$a = /* @__PURE__ */ React.forwardRef(CopyOutlined);
+var RefIcon$c = /* @__PURE__ */ React.forwardRef(CopyOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$a.displayName = "CopyOutlined";
+  RefIcon$c.displayName = "CopyOutlined";
 }
 function toList(val) {
   if (val === false) {
@@ -49133,7 +49133,7 @@ const CopyBtn = ({
     onClick: onCopy,
     "aria-label": ariaLabel,
     tabIndex
-  }, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$s, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$u, null) : /* @__PURE__ */ React.createElement(RefIcon$a, null), true)));
+  }, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$u, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$w, null) : /* @__PURE__ */ React.createElement(RefIcon$c, null), true)));
 };
 const MeasureText = /* @__PURE__ */ React.forwardRef(({
   style: style2,
@@ -49572,7 +49572,7 @@ const Base = /* @__PURE__ */ React.forwardRef((props, ref) => {
       onClick: onEditClick,
       "aria-label": ariaLabel,
       tabIndex
-    }, icon2 || /* @__PURE__ */ React.createElement(RefIcon$c, {
+    }, icon2 || /* @__PURE__ */ React.createElement(RefIcon$e, {
       role: "button"
     }))) : null;
   };
@@ -49749,9 +49749,9 @@ var AppstoreOutlined = function AppstoreOutlined2(props, ref) {
     icon: AppstoreOutlined$1
   }));
 };
-var RefIcon$9 = /* @__PURE__ */ React.forwardRef(AppstoreOutlined);
+var RefIcon$b = /* @__PURE__ */ React.forwardRef(AppstoreOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$9.displayName = "AppstoreOutlined";
+  RefIcon$b.displayName = "AppstoreOutlined";
 }
 var ArrowLeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "arrow-left", "theme": "outlined" };
 var ArrowLeftOutlined = function ArrowLeftOutlined2(props, ref) {
@@ -49760,9 +49760,9 @@ var ArrowLeftOutlined = function ArrowLeftOutlined2(props, ref) {
     icon: ArrowLeftOutlined$1
   }));
 };
-var RefIcon$8 = /* @__PURE__ */ React.forwardRef(ArrowLeftOutlined);
+var RefIcon$a = /* @__PURE__ */ React.forwardRef(ArrowLeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$8.displayName = "ArrowLeftOutlined";
+  RefIcon$a.displayName = "ArrowLeftOutlined";
 }
 var ArrowRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z" } }] }, "name": "arrow-right", "theme": "outlined" };
 var ArrowRightOutlined = function ArrowRightOutlined2(props, ref) {
@@ -49771,9 +49771,9 @@ var ArrowRightOutlined = function ArrowRightOutlined2(props, ref) {
     icon: ArrowRightOutlined$1
   }));
 };
-var RefIcon$7 = /* @__PURE__ */ React.forwardRef(ArrowRightOutlined);
+var RefIcon$9 = /* @__PURE__ */ React.forwardRef(ArrowRightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$7.displayName = "ArrowRightOutlined";
+  RefIcon$9.displayName = "ArrowRightOutlined";
 }
 var CodeOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "code", "theme": "outlined" };
 var CodeOutlined = function CodeOutlined2(props, ref) {
@@ -49782,9 +49782,20 @@ var CodeOutlined = function CodeOutlined2(props, ref) {
     icon: CodeOutlined$1
   }));
 };
-var RefIcon$6 = /* @__PURE__ */ React.forwardRef(CodeOutlined);
+var RefIcon$8 = /* @__PURE__ */ React.forwardRef(CodeOutlined);
+if (process.env.NODE_ENV !== "production") {
+  RefIcon$8.displayName = "CodeOutlined";
+}
+var ControlOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656zM340 683v77c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-77c-10.1 3.3-20.8 5-32 5s-21.9-1.8-32-5zm64-198V264c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v221c10.1-3.3 20.8-5 32-5s21.9 1.8 32 5zm-64 198c10.1 3.3 20.8 5 32 5s21.9-1.8 32-5c41.8-13.5 72-52.7 72-99s-30.2-85.5-72-99c-10.1-3.3-20.8-5-32-5s-21.9 1.8-32 5c-41.8 13.5-72 52.7-72 99s30.2 85.5 72 99zm.1-115.7c.3-.6.7-1.2 1-1.8v-.1l1.2-1.8c.1-.2.2-.3.3-.5.3-.5.7-.9 1-1.4.1-.1.2-.3.3-.4.5-.6.9-1.1 1.4-1.6l.3-.3 1.2-1.2.4-.4c.5-.5 1-.9 1.6-1.4.6-.5 1.1-.9 1.7-1.3.2-.1.3-.2.5-.3.5-.3.9-.7 1.4-1 .1-.1.3-.2.4-.3.6-.4 1.2-.7 1.9-1.1.1-.1.3-.1.4-.2.5-.3 1-.5 1.6-.8l.6-.3c.7-.3 1.3-.6 2-.8.7-.3 1.4-.5 2.1-.7.2-.1.4-.1.6-.2.6-.2 1.1-.3 1.7-.4.2 0 .3-.1.5-.1.7-.2 1.5-.3 2.2-.4.2 0 .3 0 .5-.1.6-.1 1.2-.1 1.8-.2h.6c.8 0 1.5-.1 2.3-.1s1.5 0 2.3.1h.6c.6 0 1.2.1 1.8.2.2 0 .3 0 .5.1.7.1 1.5.2 2.2.4.2 0 .3.1.5.1.6.1 1.2.3 1.7.4.2.1.4.1.6.2.7.2 1.4.4 2.1.7.7.2 1.3.5 2 .8l.6.3c.5.2 1.1.5 1.6.8.1.1.3.1.4.2.6.3 1.3.7 1.9 1.1.1.1.3.2.4.3.5.3 1 .6 1.4 1 .2.1.3.2.5.3.6.4 1.2.9 1.7 1.3s1.1.9 1.6 1.4l.4.4 1.2 1.2.3.3c.5.5 1 1.1 1.4 1.6.1.1.2.3.3.4.4.4.7.9 1 1.4.1.2.2.3.3.5l1.2 1.8s0 .1.1.1a36.18 36.18 0 015.1 18.5c0 6-1.5 11.7-4.1 16.7-.3.6-.7 1.2-1 1.8 0 0 0 .1-.1.1l-1.2 1.8c-.1.2-.2.3-.3.5-.3.5-.7.9-1 1.4-.1.1-.2.3-.3.4-.5.6-.9 1.1-1.4 1.6l-.3.3-1.2 1.2-.4.4c-.5.5-1 .9-1.6 1.4-.6.5-1.1.9-1.7 1.3-.2.1-.3.2-.5.3-.5.3-.9.7-1.4 1-.1.1-.3.2-.4.3-.6.4-1.2.7-1.9 1.1-.1.1-.3.1-.4.2-.5.3-1 .5-1.6.8l-.6.3c-.7.3-1.3.6-2 .8-.7.3-1.4.5-2.1.7-.2.1-.4.1-.6.2-.6.2-1.1.3-1.7.4-.2 0-.3.1-.5.1-.7.2-1.5.3-2.2.4-.2 0-.3 0-.5.1-.6.1-1.2.1-1.8.2h-.6c-.8 0-1.5.1-2.3.1s-1.5 0-2.3-.1h-.6c-.6 0-1.2-.1-1.8-.2-.2 0-.3 0-.5-.1-.7-.1-1.5-.2-2.2-.4-.2 0-.3-.1-.5-.1-.6-.1-1.2-.3-1.7-.4-.2-.1-.4-.1-.6-.2-.7-.2-1.4-.4-2.1-.7-.7-.2-1.3-.5-2-.8l-.6-.3c-.5-.2-1.1-.5-1.6-.8-.1-.1-.3-.1-.4-.2-.6-.3-1.3-.7-1.9-1.1-.1-.1-.3-.2-.4-.3-.5-.3-1-.6-1.4-1-.2-.1-.3-.2-.5-.3-.6-.4-1.2-.9-1.7-1.3s-1.1-.9-1.6-1.4l-.4-.4-1.2-1.2-.3-.3c-.5-.5-1-1.1-1.4-1.6-.1-.1-.2-.3-.3-.4-.4-.4-.7-.9-1-1.4-.1-.2-.2-.3-.3-.5l-1.2-1.8v-.1c-.4-.6-.7-1.2-1-1.8-2.6-5-4.1-10.7-4.1-16.7s1.5-11.7 4.1-16.7zM620 539v221c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V539c-10.1 3.3-20.8 5-32 5s-21.9-1.8-32-5zm64-198v-77c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v77c10.1-3.3 20.8-5 32-5s21.9 1.8 32 5zm-64 198c10.1 3.3 20.8 5 32 5s21.9-1.8 32-5c41.8-13.5 72-52.7 72-99s-30.2-85.5-72-99c-10.1-3.3-20.8-5-32-5s-21.9 1.8-32 5c-41.8 13.5-72 52.7-72 99s30.2 85.5 72 99zm.1-115.7c.3-.6.7-1.2 1-1.8v-.1l1.2-1.8c.1-.2.2-.3.3-.5.3-.5.7-.9 1-1.4.1-.1.2-.3.3-.4.5-.6.9-1.1 1.4-1.6l.3-.3 1.2-1.2.4-.4c.5-.5 1-.9 1.6-1.4.6-.5 1.1-.9 1.7-1.3.2-.1.3-.2.5-.3.5-.3.9-.7 1.4-1 .1-.1.3-.2.4-.3.6-.4 1.2-.7 1.9-1.1.1-.1.3-.1.4-.2.5-.3 1-.5 1.6-.8l.6-.3c.7-.3 1.3-.6 2-.8.7-.3 1.4-.5 2.1-.7.2-.1.4-.1.6-.2.6-.2 1.1-.3 1.7-.4.2 0 .3-.1.5-.1.7-.2 1.5-.3 2.2-.4.2 0 .3 0 .5-.1.6-.1 1.2-.1 1.8-.2h.6c.8 0 1.5-.1 2.3-.1s1.5 0 2.3.1h.6c.6 0 1.2.1 1.8.2.2 0 .3 0 .5.1.7.1 1.5.2 2.2.4.2 0 .3.1.5.1.6.1 1.2.3 1.7.4.2.1.4.1.6.2.7.2 1.4.4 2.1.7.7.2 1.3.5 2 .8l.6.3c.5.2 1.1.5 1.6.8.1.1.3.1.4.2.6.3 1.3.7 1.9 1.1.1.1.3.2.4.3.5.3 1 .6 1.4 1 .2.1.3.2.5.3.6.4 1.2.9 1.7 1.3s1.1.9 1.6 1.4l.4.4 1.2 1.2.3.3c.5.5 1 1.1 1.4 1.6.1.1.2.3.3.4.4.4.7.9 1 1.4.1.2.2.3.3.5l1.2 1.8v.1a36.18 36.18 0 015.1 18.5c0 6-1.5 11.7-4.1 16.7-.3.6-.7 1.2-1 1.8v.1l-1.2 1.8c-.1.2-.2.3-.3.5-.3.5-.7.9-1 1.4-.1.1-.2.3-.3.4-.5.6-.9 1.1-1.4 1.6l-.3.3-1.2 1.2-.4.4c-.5.5-1 .9-1.6 1.4-.6.5-1.1.9-1.7 1.3-.2.1-.3.2-.5.3-.5.3-.9.7-1.4 1-.1.1-.3.2-.4.3-.6.4-1.2.7-1.9 1.1-.1.1-.3.1-.4.2-.5.3-1 .5-1.6.8l-.6.3c-.7.3-1.3.6-2 .8-.7.3-1.4.5-2.1.7-.2.1-.4.1-.6.2-.6.2-1.1.3-1.7.4-.2 0-.3.1-.5.1-.7.2-1.5.3-2.2.4-.2 0-.3 0-.5.1-.6.1-1.2.1-1.8.2h-.6c-.8 0-1.5.1-2.3.1s-1.5 0-2.3-.1h-.6c-.6 0-1.2-.1-1.8-.2-.2 0-.3 0-.5-.1-.7-.1-1.5-.2-2.2-.4-.2 0-.3-.1-.5-.1-.6-.1-1.2-.3-1.7-.4-.2-.1-.4-.1-.6-.2-.7-.2-1.4-.4-2.1-.7-.7-.2-1.3-.5-2-.8l-.6-.3c-.5-.2-1.1-.5-1.6-.8-.1-.1-.3-.1-.4-.2-.6-.3-1.3-.7-1.9-1.1-.1-.1-.3-.2-.4-.3-.5-.3-1-.6-1.4-1-.2-.1-.3-.2-.5-.3-.6-.4-1.2-.9-1.7-1.3s-1.1-.9-1.6-1.4l-.4-.4-1.2-1.2-.3-.3c-.5-.5-1-1.1-1.4-1.6-.1-.1-.2-.3-.3-.4-.4-.4-.7-.9-1-1.4-.1-.2-.2-.3-.3-.5l-1.2-1.8v-.1c-.4-.6-.7-1.2-1-1.8-2.6-5-4.1-10.7-4.1-16.7s1.5-11.7 4.1-16.7z" } }] }, "name": "control", "theme": "outlined" };
+var ControlOutlined = function ControlOutlined2(props, ref) {
+  return /* @__PURE__ */ React.createElement(Icon$2, _extends$1({}, props, {
+    ref,
+    icon: ControlOutlined$1
+  }));
+};
+var RefIcon$7 = /* @__PURE__ */ React.forwardRef(ControlOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$6.displayName = "CodeOutlined";
+  RefIcon$7.displayName = "ControlOutlined";
 }
 var ExportOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM770.87 199.13l-52.2-52.2a8.01 8.01 0 014.7-13.6l179.4-21c5.1-.6 9.5 3.7 8.9 8.9l-21 179.4c-.8 6.6-8.9 9.4-13.6 4.7l-52.4-52.4-256.2 256.2a8.03 8.03 0 01-11.3 0l-42.4-42.4a8.03 8.03 0 010-11.3l256.1-256.3z" } }] }, "name": "export", "theme": "outlined" };
 var ExportOutlined = function ExportOutlined2(props, ref) {
@@ -49793,9 +49804,20 @@ var ExportOutlined = function ExportOutlined2(props, ref) {
     icon: ExportOutlined$1
   }));
 };
-var RefIcon$5 = /* @__PURE__ */ React.forwardRef(ExportOutlined);
+var RefIcon$6 = /* @__PURE__ */ React.forwardRef(ExportOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$5.displayName = "ExportOutlined";
+  RefIcon$6.displayName = "ExportOutlined";
+}
+var FilterOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880.1 154H143.9c-24.5 0-39.8 26.7-27.5 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48zM603.4 798H420.6V642h182.9v156zm9.6-236.6l-9.5 16.6h-183l-9.5-16.6L212.7 226h598.6L613 561.4z" } }] }, "name": "filter", "theme": "outlined" };
+var FilterOutlined = function FilterOutlined2(props, ref) {
+  return /* @__PURE__ */ React.createElement(Icon$2, _extends$1({}, props, {
+    ref,
+    icon: FilterOutlined$1
+  }));
+};
+var RefIcon$5 = /* @__PURE__ */ React.forwardRef(FilterOutlined);
+if (process.env.NODE_ENV !== "production") {
+  RefIcon$5.displayName = "FilterOutlined";
 }
 var HomeOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 00-44.4 0L77.5 505a63.9 63.9 0 00-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0018.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z" } }] }, "name": "home", "theme": "outlined" };
 var HomeOutlined = function HomeOutlined2(props, ref) {
@@ -60060,7 +60082,7 @@ const Text$2 = ({
           color: "green",
           size: "middle",
           danger: !isValidTextValue,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$s, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {})
         }
       )
     ] }),
@@ -67604,7 +67626,7 @@ const EntityId = ({ entity, onUpdate }) => {
         Button$1,
         {
           type: "link",
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$5, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$6, {}),
           onClick: () => openInNewTab(entity["@id"]),
           title: "Open in new tab"
         }
@@ -67620,7 +67642,7 @@ const EntityId = ({ entity, onUpdate }) => {
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2/3 xl:w-4/5 flex flex-row describo-property-value", children: isURL(entity["@id"]) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Link, { className: "text-large", style: { fontSize: "1em" }, href: entity["@id"], target: "_blank", rel: "noopener noreferrer", children: [
       entity["@id"],
       " ",
-      /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$5, {})
+      /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$6, {})
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: entity["@id"] }) })
   ] });
 };
@@ -67692,7 +67714,7 @@ const EntityType = ({ entity, onUpdateEntity }) => {
     ] })
   ] });
 };
-const EntityName = ({ entity, onUpdate }) => {
+const EntityName = ({ entity, onUpdate, showHelp = true }) => {
   var _a2;
   const [t2, i18n] = useTranslation();
   const state = useStateStore();
@@ -67702,7 +67724,7 @@ const EntityName = ({ entity, onUpdate }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-32 w-1/3 xl:w-1/5 flex flex-col", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-property-name", children: t2("name_field_label") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-gray-600 font-light text-xs pr-1 describo-property-help", children: t2("name_field_help") })
+      showHelp && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-gray-600 font-light text-xs pr-1 describo-property-help", children: t2("name_field_help") })
     ] }),
     !((_a2 = state.configuration) == null ? void 0 : _a2.readonly) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2/3 xl:w-4/5 flex flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Text$2,
@@ -67998,7 +68020,7 @@ const NumberComponent = ({
           color: "green",
           size: "middle",
           disabled: !isValidNumber || !isValidConstraints,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$s, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {})
         }
       )
     ] }),
@@ -68136,7 +68158,7 @@ const Url = ({
           color: "green",
           size: "middle",
           danger: !isValidUrl,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$s, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {})
         }
       )
     ] }),
@@ -79846,7 +79868,7 @@ const RenderLinkedItem = ({
               /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "bg-slate-700 w-6 h-1 mt-5 -mx-1" }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { className: "bg-purple-200 hover:bg-cyan-200 flex flex-row p-2 rounded space-x-2", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: association.property }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "flex-row space-x-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: association.name || association["@id"] }) })
               ] })
             ] })
@@ -79988,7 +80010,7 @@ const DeleteProperty = ({
       variant: "solid",
       color: "red",
       className: "describo-delete-property",
-      icon: type4 === "delete" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$d, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$3, {})
+      icon: type4 === "delete" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$3, {})
     }
   );
 };
@@ -80030,7 +80052,7 @@ const AddControl = ({
         type: "primary",
         size: "middle",
         className: "focus:outline-none focus:border-2 focus:border-green-600",
-        icon: !selectedType || selectedType !== type4 ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$n, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$x, {}),
+        icon: !selectedType || selectedType !== type4 ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$z, {}),
         children: [
           " ",
           getTypeLabelFromProfile(type4)
@@ -80044,7 +80066,7 @@ const AddControl = ({
         type: "primary",
         size: "middle",
         className: "focus:outline-none focus:border-2 focus:border-green-600",
-        icon: !selectedType || selectedType !== "bulkAdd" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$x, {}),
+        icon: !selectedType || selectedType !== "bulkAdd" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$z, {}),
         children: "  Bulk Add"
       }
     ) })
@@ -81192,7 +81214,7 @@ const AutoComplete = ({ type: type4, onLinkEntity, onCreateEntity }) => {
           variant: "solid",
           color: "green",
           block: true,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$n, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
           children: [
             t2("create_new_of_type", { type: entity["@type"] }),
             ": ",
@@ -81329,7 +81351,7 @@ const BulkAdd = ({ types: types2, primitives, onCreateEntity }) => {
           variant: "solid",
           color: "red",
           onClick: () => deleteRow(idx),
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$d, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, {})
         }
       )
     ] }) }, idx)),
@@ -81339,7 +81361,7 @@ const BulkAdd = ({ types: types2, primitives, onCreateEntity }) => {
         {
           type: "primary",
           onClick: addRow,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$n, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
           children: "Add row"
         }
       ),
@@ -81424,7 +81446,7 @@ const Add = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `flex flex-col my-2 p-1 rounded ${addType ? "bg-indigo-200" : ""} ${(addType == null ? void 0 : addType.match(/geo/gi)) ? "max-w-[715px]" : ""}`,
+      className: `describo-add-control flex flex-col my-2 p-1 rounded ${addType ? "bg-indigo-200" : ""} ${(addType == null ? void 0 : addType.match(/geo/gi)) ? "max-w-[715px]" : ""}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           AddControl,
@@ -81579,6 +81601,7 @@ const EntityProperty = ({
   values,
   highlightRequired = false,
   savedProperty = false,
+  showHelp = true,
   onLoadEntity,
   onCreateProperty,
   onCreateEntity,
@@ -81631,7 +81654,7 @@ const EntityProperty = ({
     "div",
     {
       ref: propertyRef,
-      className: `flex flex-row flex-grow p-2 describo-property-background ${highlightRequired && isRequired && !isValid ? "bg-red-200" : ""} ${savedProperty ? "bg-green-100 transition-colors duration-1000" : ""} describo-property describo-property-name-${property}`,
+      className: `flex flex-row flex-grow ${showHelp ? "p-2" : "px-2 py-1 describo-property-compact"} describo-property-background ${highlightRequired && isRequired && !isValid ? "bg-red-200" : ""} ${savedProperty ? "bg-green-100 transition-colors duration-1000" : ""} describo-property describo-property-name-${property}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-32 w-1/3 xl:w-1/5 flex flex-col describo-property-heading", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center", children: [
@@ -81645,7 +81668,7 @@ const EntityProperty = ({
             ),
             isRequired && !isValid && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { status: "error", dot: true, className: "animate-pulse ml-2" })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(PropertyHelp, { help: propertyDefinition == null ? void 0 : propertyDefinition.help }),
+          showHelp && /* @__PURE__ */ jsxRuntimeExports.jsx(PropertyHelp, { help: propertyDefinition == null ? void 0 : propertyDefinition.help }),
           !propertyDefinition && profileWarnMissingProperty && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-red-600 text-xs", children: [
             "(",
             t2("not_defined_in_profile"),
@@ -81789,9 +81812,9 @@ const DialogAddProperty = ({
               children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { vertical: true, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 6, className: "describo-add-property-row-header", children: [
                   item.label ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "describo-add-property-row-name", children: item.label }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "describo-add-property-row-name", children: item.name }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "describo-add-property-row-type", children: renderPropertyType(item.type) }),
-                  isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$s, { className: "describo-add-property-row-check" })
+                  isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, { className: "describo-add-property-row-check" })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", className: "describo-add-property-row-help", children: item.help })
               ] })
@@ -106871,7 +106894,7 @@ const RenderControls = ({
         {
           onClick: handleBack,
           type: "primary",
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$8, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$a, {}),
           disabled: !canGoBack
         }
       ),
@@ -106889,7 +106912,7 @@ const RenderControls = ({
         {
           onClick: handleForward,
           type: "primary",
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}),
           disabled: !canGoForward
         }
       )
@@ -106899,7 +106922,7 @@ const RenderControls = ({
       {
         onClick: () => toggle("addProperty"),
         type: "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$n, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
         children: t2("add_label")
       }
     ),
@@ -106908,7 +106931,7 @@ const RenderControls = ({
       {
         onClick: () => toggle("editContext"),
         type: "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$c, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$e, {}),
         children: t2("edit_context_label")
       }
     ),
@@ -106917,7 +106940,7 @@ const RenderControls = ({
       {
         onClick: () => toggle("previewCrate"),
         type: "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$h, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$j, {}),
         children: t2("preview_label")
       }
     ),
@@ -106926,7 +106949,7 @@ const RenderControls = ({
       {
         onClick: () => toggle("browseEntities"),
         type: "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$6, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$8, {}),
         children: t2("browse_entities_label")
       }
     ),
@@ -106961,7 +106984,7 @@ const RenderControls = ({
               color: "red",
               variant: "solid",
               danger: true,
-              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$d, {}),
+              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, {}),
               children: entity.etype !== "File" && t2("delete_entity_label")
             }
           )
@@ -109082,6 +109105,50 @@ const RenderReverseConnections = ({
     ] })
   ] });
 };
+const QuickSettingsHeader = ({
+  showFieldHelp,
+  fieldTitleFilter,
+  hideEmptyFields,
+  onToggleFieldHelp,
+  onFieldTitleFilterChange,
+  onToggleEmptyFields
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-quick-settings-header", role: "region", "aria-label": "Quick filter settings", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-quick-settings-actions", "aria-label": "Field display settings", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showFieldHelp ? "Hide field help" : "Show field help", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$1,
+      {
+        type: showFieldHelp ? "default" : "primary",
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$k, {}),
+        "aria-label": showFieldHelp ? "Hide field help" : "Show field help",
+        "aria-pressed": !showFieldHelp,
+        onClick: onToggleFieldHelp
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: hideEmptyFields ? "Show fields with no value" : "Hide fields with no value", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$1,
+      {
+        type: hideEmptyFields ? "primary" : "default",
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$5, {}),
+        "aria-label": hideEmptyFields ? "Show fields with no value" : "Hide fields with no value",
+        "aria-pressed": hideEmptyFields,
+        onClick: onToggleEmptyFields
+      }
+    ) })
+  ] }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Input2,
+    {
+      className: "describo-quick-settings-filter",
+      value: fieldTitleFilter,
+      placeholder: "Filter fields by title",
+      "aria-label": "Filter fields by title",
+      onChange: (event) => onFieldTitleFilterChange(event.target.value),
+      allowClear: {
+        clearIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$A, { "aria-label": "Clear field filter" })
+      }
+    }
+  )
+] });
 var _baseDifference;
 var hasRequired_baseDifference;
 function require_baseDifference() {
@@ -110753,7 +110820,7 @@ const clearPendingAddedProfileTabKeys = (entityId) => {
   }
 };
 const RenderEntity = forwardRef((props, ref) => {
-  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const { entity, onLoadEntity, onSaveCrate, onSaveEntityTemplate, onWarning, onError, onAddNewProfileRequest, onRemoveProfile } = props;
   const state = useStateStore();
   const profileManager = useContext(ProfileManagerContext);
@@ -110769,6 +110836,10 @@ const RenderEntity = forwardRef((props, ref) => {
   const [savedProperty, setSavedProperty] = useState(void 0);
   const [tabs, setTabs] = useState([]);
   const [showAddPanel, setShowAddPanel] = useState(false);
+  const [quickSettingsVisible, setQuickSettingsVisible] = useState(false);
+  const [showFieldHelp, setShowFieldHelp] = useState(true);
+  const [fieldTitleFilter, setFieldTitleFilter] = useState("");
+  const [hideEmptyFields, setHideEmptyFields] = useState(false);
   const [iconView, setIconView] = useState(false);
   const [hoveredTabKey, setHoveredTabKey] = useState(null);
   const initialTabPaneWidth = useMemo$1(() => {
@@ -111472,7 +111543,7 @@ const RenderEntity = forwardRef((props, ref) => {
     {
       type: "default",
       shape: "circle",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$n, {}),
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
       "aria-label": "Add Profile",
       "aria-controls": "add-property-panel",
       "aria-expanded": showAddPanel,
@@ -111492,7 +111563,7 @@ const RenderEntity = forwardRef((props, ref) => {
       {
         type: iconView ? "primary" : "default",
         shape: "circle",
-        icon: iconView ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
+        icon: iconView ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$b, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
         "aria-pressed": iconView,
         onClick: (e3) => {
           e3.stopPropagation();
@@ -111525,7 +111596,7 @@ const RenderEntity = forwardRef((props, ref) => {
       {
         type: iconView ? "primary" : "default",
         shape: "circle",
-        icon: iconView ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
+        icon: iconView ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$b, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
         "aria-pressed": iconView,
         onClick: (e3) => {
           e3.stopPropagation();
@@ -111538,7 +111609,7 @@ const RenderEntity = forwardRef((props, ref) => {
       {
         type: "default",
         shape: "circle",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$n, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
         "aria-label": "Add Profile",
         "aria-controls": "add-property-panel",
         "aria-expanded": showAddPanel,
@@ -111603,7 +111674,7 @@ const RenderEntity = forwardRef((props, ref) => {
                               e3.stopPropagation();
                               handleRemoveProfile(tab);
                             },
-                            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$d, { style: { color: "oklch(57.7% 0.245 27.325)" } })
+                            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, { style: { color: "oklch(57.7% 0.245 27.325)" } })
                           }
                         )
                       ] })
@@ -111623,7 +111694,7 @@ const RenderEntity = forwardRef((props, ref) => {
             shape: "circle",
             size: "small",
             className: "describo-tab-rail-scroll-button describo-tab-rail-scroll-button-up",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$m, {}),
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$o, {}),
             "aria-label": "Scroll profile tabs up",
             onClick: () => scrollTabRail("up")
           }
@@ -111635,7 +111706,7 @@ const RenderEntity = forwardRef((props, ref) => {
             shape: "circle",
             size: "small",
             className: "describo-tab-rail-scroll-button describo-tab-rail-scroll-button-down",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$r, {}),
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$t, {}),
             "aria-label": "Scroll profile tabs down",
             onClick: () => scrollTabRail("down")
           }
@@ -111643,6 +111714,46 @@ const RenderEntity = forwardRef((props, ref) => {
       ]
     }
   );
+  const renderQuickSettingsHeader = () => quickSettingsVisible ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    QuickSettingsHeader,
+    {
+      showFieldHelp,
+      fieldTitleFilter,
+      hideEmptyFields,
+      onToggleFieldHelp: () => setShowFieldHelp((visible) => !visible),
+      onFieldTitleFilterChange: setFieldTitleFilter,
+      onToggleEmptyFields: () => setHideEmptyFields((hidden) => !hidden)
+    }
+  ) : null;
+  const hasFieldValue = (value) => {
+    if (Array.isArray(value)) {
+      return value.some(hasFieldValue);
+    }
+    if (value === null || typeof value === "undefined") {
+      return false;
+    }
+    if (typeof value === "string") {
+      return value.trim().length > 0;
+    }
+    return true;
+  };
+  const getFieldTitle = (property, label) => {
+    var _a3, _b2;
+    if (label) return label;
+    if (property === "name") return t2("name_field_label");
+    return ((_b2 = (_a3 = profileManager == null ? void 0 : profileManager.getPropertyDefinition({
+      property,
+      entity: contextEntity
+    })) == null ? void 0 : _a3.propertyDefinition) == null ? void 0 : _b2.label) || property;
+  };
+  const matchesFieldTitleFilter = (property, label) => {
+    const filter2 = fieldTitleFilter.trim().toLowerCase();
+    if (!filter2) return true;
+    return getFieldTitle(property, label).toLowerCase().includes(filter2);
+  };
+  const shouldRenderCoreField = (property, label) => matchesFieldTitleFilter(property, label);
+  const shouldRenderField = (property, label) => matchesFieldTitleFilter(property, label) && (!hideEmptyFields || hasFieldValue(contextEntity == null ? void 0 : contextEntity[property]));
+  const editorScrollClassName = `describo-editor-scroll ${quickSettingsVisible ? "px-3 pb-3 pt-0" : "p-3"}`;
   if (!entity || !entity["@id"]) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No entity selected" });
   }
@@ -111663,6 +111774,17 @@ const RenderEntity = forwardRef((props, ref) => {
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Quick filter settings", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            style: { marginRight: 8 },
+            onClick: () => setQuickSettingsVisible((visible) => !visible),
+            type: quickSettingsVisible ? "primary" : "default",
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
+            "aria-label": "Quick filter settings",
+            "aria-pressed": quickSettingsVisible
+          }
+        ) }),
         ((_b = state.configuration) == null ? void 0 : _b.enableReverseLinkBrowser) && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -111688,8 +111810,9 @@ const RenderEntity = forwardRef((props, ref) => {
           renderProfileActionRail(),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute right-0 top-0 bottom-0 w-1 bg-slate-300 opacity-0 group-hover:opacity-100" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: activeContentRef, className: "describo-editor-scroll flex-1 overflow-y-auto scroll-smooth min-h-0 p-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row space-x-2 my-2 p-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: activeContentRef, className: `${editorScrollClassName} flex-1 overflow-y-auto scroll-smooth min-h-0`, children: [
+          renderQuickSettingsHeader(),
+          shouldRenderCoreField("@id") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row space-x-2 my-2 p-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
@@ -111706,21 +111829,32 @@ const RenderEntity = forwardRef((props, ref) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `my-2 p-2 describo-property describo-property-name-type`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          !shouldRenderCoreField("@id") && !((_g = state.configuration) == null ? void 0 : _g.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row place-content-between my-2 p-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
+                onClick: () => setHighlightRequiredProperties(!highlightRequiredProperties),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faTriangleExclamation, size: "lg" })
+              }
+            )
+          ] }),
+          shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `my-2 p-2 describo-property describo-property-name-type`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
+          shouldRenderCoreField("name") && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
               className: `my-2 p-2 describo-property describo-property-name-name ${savedProperty === "name" ? "bg-green-200 rounded" : ""}`,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity })
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity, showHelp: showFieldHelp })
             }
           ),
           Object.keys(contextEntity).sort().map((property) => {
-            if (!["@id", "@type", "name", "@reverse"].includes(property)) {
+            if (!["@id", "@type", "name", "@reverse"].includes(property) && shouldRenderField(property)) {
               return /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "div",
                 {
                   "data-recrate-property": property,
-                  className: `my-2 hover:bg-sky-100 ${savedProperty === property ? "bg-green-200 hover:bg-green-200" : ""}`,
+                  className: `${showFieldHelp ? "my-2" : "my-1"} hover:bg-sky-100 ${savedProperty === property ? "bg-green-200 hover:bg-green-200" : ""}`,
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     EntityProperty,
                     {
@@ -111729,6 +111863,7 @@ const RenderEntity = forwardRef((props, ref) => {
                       values: Array.isArray(contextEntity[property]) ? contextEntity[property] : [contextEntity[property]],
                       highlightRequired: highlightRequiredProperties,
                       savedProperty: savedProperty === property,
+                      showHelp: showFieldHelp,
                       onLoadEntity: handleLoadEntityWithContext,
                       onCreateEntity: handleCreateEntity,
                       onLinkEntity: handleLinkEntity,
@@ -111745,11 +111880,11 @@ const RenderEntity = forwardRef((props, ref) => {
             return null;
           })
         ] }) }),
-        ((_g = state.configuration) == null ? void 0 : _g.tabLocation) === "right" && /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { minSize: iconView ? ICON_TAB_PANE_WIDTH : MIN_LABEL_TAB_PANE_WIDTH, maxSize: iconView ? ICON_TAB_PANE_WIDTH : MAX_LABEL_TAB_PANE_WIDTH, preferredSize: iconView ? ICON_TAB_PANE_WIDTH : tabPaneWidth, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group h-full border-l border-slate-200", children: [
+        ((_h = state.configuration) == null ? void 0 : _h.tabLocation) === "right" && /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { minSize: iconView ? ICON_TAB_PANE_WIDTH : MIN_LABEL_TAB_PANE_WIDTH, maxSize: iconView ? ICON_TAB_PANE_WIDTH : MAX_LABEL_TAB_PANE_WIDTH, preferredSize: iconView ? ICON_TAB_PANE_WIDTH : tabPaneWidth, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group h-full border-l border-slate-200", children: [
           renderProfileActionRail(),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-slate-300 opacity-0 group-hover:opacity-100" })
         ] }) })
-      ] }, `untabbed-${(_h = state.configuration) == null ? void 0 : _h.tabLocation}-${iconView ? "icon" : "label"}`) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: contentContainerRef, className: "flex min-h-0 overflow-hidden", style: {
+      ] }, `untabbed-${(_i = state.configuration) == null ? void 0 : _i.tabLocation}-${iconView ? "icon" : "label"}`) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: contentContainerRef, className: "flex min-h-0 overflow-hidden", style: {
         flexDirection: "column",
         height: scrollViewportHeight ? `${scrollViewportHeight}px` : "calc(100vh - 200px)"
       }, children: [
@@ -111765,8 +111900,9 @@ const RenderEntity = forwardRef((props, ref) => {
             tabBarStyle: { width: "100%" }
           }
         ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: activeContentRef, className: "describo-editor-scroll h-full overflow-y-auto scroll-smooth min-h-0 p-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row space-x-2 my-2 p-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: activeContentRef, className: `${editorScrollClassName} h-full overflow-y-auto scroll-smooth min-h-0`, children: [
+          renderQuickSettingsHeader(),
+          shouldRenderCoreField("@id") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row space-x-2 my-2 p-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
@@ -111774,7 +111910,7 @@ const RenderEntity = forwardRef((props, ref) => {
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityId, { entity: contextEntity, onUpdate: handleUpdateEntity })
               }
             ),
-            !((_i = state.configuration) == null ? void 0 : _i.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            !((_j = state.configuration) == null ? void 0 : _j.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
@@ -111783,21 +111919,32 @@ const RenderEntity = forwardRef((props, ref) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `my-2 p-2 describo-property describo-property-name-type`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          !shouldRenderCoreField("@id") && !((_k = state.configuration) == null ? void 0 : _k.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row place-content-between my-2 p-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
+                onClick: () => setHighlightRequiredProperties(!highlightRequiredProperties),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faTriangleExclamation, size: "lg" })
+              }
+            )
+          ] }),
+          shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `my-2 p-2 describo-property describo-property-name-type`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
+          shouldRenderCoreField("name") && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
               className: `my-2 p-2 describo-property describo-property-name-name ${savedProperty === "name" ? "bg-green-200 rounded p-1 my-1" : ""}`,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity })
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity, showHelp: showFieldHelp })
             }
           ),
           Object.keys(contextEntity).sort().map((property) => {
-            if (!["@id", "@type", "name", "@reverse"].includes(property)) {
+            if (!["@id", "@type", "name", "@reverse"].includes(property) && shouldRenderField(property)) {
               return /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "div",
                 {
                   "data-recrate-property": property,
-                  className: `my-2 hover:bg-sky-100 ${savedProperty === property ? "bg-green-200 hover:bg-green-200" : ""}`,
+                  className: `${showFieldHelp ? "my-2" : "my-1"} hover:bg-sky-100 ${savedProperty === property ? "bg-green-200 hover:bg-green-200" : ""}`,
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     EntityProperty,
                     {
@@ -111806,6 +111953,7 @@ const RenderEntity = forwardRef((props, ref) => {
                       values: Array.isArray(contextEntity[property]) ? contextEntity[property] : [contextEntity[property]],
                       highlightRequired: highlightRequiredProperties,
                       savedProperty: savedProperty === property,
+                      showHelp: showFieldHelp,
                       onLoadEntity: handleLoadEntityWithContext,
                       onCreateEntity: handleCreateEntity,
                       onLinkEntity: handleLinkEntity,
@@ -111833,8 +111981,9 @@ const RenderEntity = forwardRef((props, ref) => {
           renderProfileTabRail(),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute right-0 top-0 bottom-0 w-1 bg-slate-300 opacity-0 group-hover:opacity-100" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: activeContentRef, className: "describo-editor-scroll h-full overflow-y-auto scroll-smooth min-h-0 p-3", children: [
-          !((_j = state.configuration) == null ? void 0 : _j.readonly) && ((_k = tabs.find((t22) => t22.name === activeTab)) == null ? void 0 : _k.missingRequiredData) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-red-600 float-right mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: activeContentRef, className: `${editorScrollClassName} h-full overflow-y-auto scroll-smooth min-h-0`, children: [
+          renderQuickSettingsHeader(),
+          !((_l = state.configuration) == null ? void 0 : _l.readonly) && ((_m = tabs.find((t22) => t22.name === activeTab)) == null ? void 0 : _m.missingRequiredData) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-red-600 float-right mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded text-sm",
@@ -111842,29 +111991,29 @@ const RenderEntity = forwardRef((props, ref) => {
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faTriangleExclamation, size: "lg" })
             }
           ) }),
-          activeTab === "about" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+          activeTab === "about" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: showFieldHelp ? "space-y-3" : "space-y-1", children: [
+            shouldRenderCoreField("@id") && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
                 className: `p-2 describo-property describo-property-name-id ${savedProperty === "@id" ? "bg-green-200 rounded" : ""}`,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityId, { entity: contextEntity, onUpdate: handleUpdateEntity })
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-2 describo-property describo-property-name-type", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-2 describo-property describo-property-name-type", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
+            shouldRenderCoreField("name") && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
                 className: `p-2 describo-property describo-property-name-name ${savedProperty === "name" ? "bg-green-200 rounded" : ""}`,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity })
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity, showHelp: showFieldHelp })
               }
             ),
-            (_l = tabs.find((tab) => tab.name === "about")) == null ? void 0 : _l.inputs.map((input) => {
-              if (!["@id", "@type", "name", "@reverse"].includes(input.name)) {
+            (_n = tabs.find((tab) => tab.name === "about")) == null ? void 0 : _n.inputs.map((input) => {
+              if (!["@id", "@type", "name", "@reverse"].includes(input.name) && shouldRenderField(input.name, input.label)) {
                 return /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
                   {
                     "data-recrate-property": input.name,
-                    className: `p-2 hover:bg-sky-100 ${savedProperty === input.name ? "bg-green-200 hover:bg-green-200" : ""}`,
+                    className: `${showFieldHelp ? "p-2" : "px-2 py-1"} hover:bg-sky-100 ${savedProperty === input.name ? "bg-green-200 hover:bg-green-200" : ""}`,
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                       EntityProperty,
                       {
@@ -111873,6 +112022,7 @@ const RenderEntity = forwardRef((props, ref) => {
                         values: Array.isArray(contextEntity[input.name]) ? contextEntity[input.name] : [contextEntity[input.name]],
                         highlightRequired: highlightRequiredProperties,
                         savedProperty: savedProperty === input.name,
+                        showHelp: showFieldHelp,
                         onLoadEntity: handleLoadEntityWithContext,
                         onCreateEntity: handleCreateEntity,
                         onLinkEntity: handleLinkEntity,
@@ -111891,13 +112041,13 @@ const RenderEntity = forwardRef((props, ref) => {
           ] }),
           tabs.map((tab) => {
             if (tab.name === activeTab && tab.name !== "about") {
-              return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3", children: tab.inputs.map((input) => {
-                if (!["@id", "@type", "name", "@reverse"].includes(input.name)) {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: showFieldHelp ? "space-y-3" : "space-y-1", children: tab.inputs.map((input) => {
+                if (!["@id", "@type", "name", "@reverse"].includes(input.name) && shouldRenderField(input.name, input.label)) {
                   return /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "div",
                     {
                       "data-recrate-property": input.name,
-                      className: `p-2 hover:bg-sky-100 ${savedProperty === input.name ? "bg-green-200 hover:bg-green-200" : ""}`,
+                      className: `${showFieldHelp ? "p-2" : "px-2 py-1"} hover:bg-sky-100 ${savedProperty === input.name ? "bg-green-200 hover:bg-green-200" : ""}`,
                       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                         EntityProperty,
                         {
@@ -111906,6 +112056,7 @@ const RenderEntity = forwardRef((props, ref) => {
                           values: Array.isArray(contextEntity[input.name]) ? contextEntity[input.name] : [contextEntity[input.name]],
                           highlightRequired: highlightRequiredProperties,
                           savedProperty: savedProperty === input.name,
+                          showHelp: showFieldHelp,
                           onLoadEntity: handleLoadEntityWithContext,
                           onCreateEntity: handleCreateEntity,
                           onLinkEntity: handleLinkEntity,
@@ -111925,7 +112076,7 @@ const RenderEntity = forwardRef((props, ref) => {
             return null;
           })
         ] }) })
-      ] }, `tabbed-${(_m = state.configuration) == null ? void 0 : _m.tabLocation}-${iconView ? "icon" : "label"}`) })
+      ] }, `tabbed-${(_o = state.configuration) == null ? void 0 : _o.tabLocation}-${iconView ? "icon" : "label"}`) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Drawer2,
@@ -120272,7 +120423,7 @@ var EmotionCacheContext = /* @__PURE__ */ React.createContext(
   }) : null
 );
 var CacheProvider = EmotionCacheContext.Provider;
-const version = "0.1.27";
+const version = "0.1.28";
 const pkg = {
   version
 };