@rulab/adminjs-components 0.0.13 → 0.1.0-alpha.1

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 Roman Daud
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2024 Roman Daud
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -28,20 +28,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ColorStatusEdit: () => ColorStatusEdit_default,
   ColorStatusList: () => ColorStatusList_default,
   ColorStatusShow: () => ColorStatusShow_default,
-  CustomSlug: () => CustomSlug_default,
-  Editor: () => Editor_default,
-  EditorList: () => EditorList_default,
-  EditorShow: () => EditorShow_default,
+  SlugEdit: () => SlugEdit_default,
+  SlugFeature: () => SlugFeature_default,
   StringList: () => StringList_default,
   StringListShow: () => StringListShow_default,
   parseHtml: () => parseHtml
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
+
+// node_modules/.pnpm/tsup@8.3.5_typescript@5.4.5/node_modules/tsup/assets/cjs_shims.js
+var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
+var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
 
 // src/components/ColorStatus/ColorStatusEdit.tsx
 var import_react = __toESM(require("react"), 1);
@@ -155,7 +157,7 @@ var ColorStatusList = ({ property, record }) => {
 };
 var ColorStatusList_default = ColorStatusList;
 
-// src/components/CustomSlug/CustomSlug.tsx
+// src/components/Slug/SlugEdit.tsx
 var import_react4 = __toESM(require("react"), 1);
 var import_styled_components3 = require("styled-components");
 var import_design_system2 = require("@adminjs/design-system");
@@ -211,7 +213,7 @@ var slugifyTitle = (title) => {
   });
 };
 
-// src/components/CustomSlug/styles.ts
+// src/components/Slug/styles.ts
 var import_styled_components2 = require("@adminjs/design-system/styled-components");
 var import_design_system = require("@adminjs/design-system");
 var StyledInputWrapper = (0, import_styled_components2.styled)(import_design_system.Box)`
@@ -231,8 +233,8 @@ var StyledLabel = import_styled_components2.styled.div`
   text-transform: capitalize;
 `;
 
-// src/components/CustomSlug/CustomSlug.tsx
-var CustomSlug = ({
+// src/components/Slug/SlugEdit.tsx
+var SlugEdit = ({
   property,
   record,
   resource,
@@ -262,301 +264,64 @@ var CustomSlug = ({
     }
   }
 };
-var CustomSlug_default = CustomSlug;
-
-// src/components/Editor/Editor.jsx
-var import_react5 = __toESM(require("react"), 1);
-var import_styled_components5 = require("styled-components");
-var import_editorjs = __toESM(require("@editorjs/editorjs"), 1);
-var import_design_system4 = require("@adminjs/design-system");
-
-// src/components/Editor/styles.ts
-var import_design_system3 = require("@adminjs/design-system");
-var import_styled_components4 = require("@adminjs/design-system/styled-components");
-var StyledLabel2 = import_styled_components4.styled.div`
-  font-size: 12px;
-  margin-bottom: 8px;
-  text-transform: capitalize;
-`;
-var StyledShowLabel = (0, import_styled_components4.styled)(StyledLabel2)`
-  color: rgb(137, 138, 154);
-  font-weight: 300;
-`;
-var StyledEditorWrapper = (0, import_styled_components4.styled)(import_design_system3.Box)`
-  padding: 12px;
-  margin-bottom: 24px;
-  border: 1px solid rgb(187, 195, 203);
-`;
-var StyledEditorViewWrapper = (0, import_styled_components4.styled)(import_design_system3.Box)`
-  h1,
-  h2,
-  h3 {
-    margin-bottom: 5px;
-    font-weight: bold;
-  }
-
-  h1 {
-    font-size: 18px;
-  }
-
-  h2 {
-    font-size: 16px;
-  }
-
-  h3 {
-    font-size: 14px;
-  }
-
-  p {
-    margin-bottom: 8px;
-  }
-
-  ol,
-  ul {
-    margin-left: 20px;
-    margin-bottom: 8px;
-  }
-
-  ol {
-    list-style: auto;
-  }
-
-  ul {
-    list-style: inherit;
-  }
-
-  table,
-  audio {
-    margin: 16px 0;
-  }
-
-  table,
-  th,
-  td {
-    border: 1px solid;
-  }
-
-  th {
-    font-weight: bold;
-  }
-
-  th,
-  td {
-    padding: 4px;
-  }
-
-  blockquote {
-    display: block;
-    padding: 5px 8px;
-    width: fit-content;
-    border-radius: 4px;
-    background-color: #e6e6e6;
-  }
-`;
-var StyledEditorShowWrapper = (0, import_styled_components4.styled)(StyledEditorViewWrapper)`
-  margin-bottom: 24px;
-`;
-var StyledEditor = import_styled_components4.styled.div`
-  audio,
-  .cdx-block,
-  .ce-header {
-    padding-left: 58px;
-  }
-
-  input {
-    margin-left: 58px;
-    width: auto;
-  }
-
-  .cdx-list {
-    padding-left: 85px;
-  }
-
-  .ce-block__content {
-    width: 100%;
-    max-width: none;
-  }
-
-  .ce-toolbar__content {
-    max-width: none;
-    left: 0;
-  }
-
-  .ce-toolbar__actions {
-    left: 0;
-  }
-
-  h1.ce-header {
-    font-size: 22px;
-    font-weight: bold;
-  }
-
-  h2.ce-header {
-    font-size: 20px;
-    font-weight: bold;
-  }
-
-  h3.ce-header {
-    font-size: 18px;
-    font-weight: bold;
-  }
-
-  h4.ce-header {
-    font-size: 16px;
-    font-weight: bold;
-  }
-
-  h5.ce-header {
-    font-size: 15px;
-    font-weight: bold;
-  }
-
-  h6.ce-header {
-    font-size: 14px;
-    font-weight: bold;
-  }
-`;
-
-// src/components/Editor/config.ts
-var import_header = __toESM(require("@editorjs/header"), 1);
-var import_list = __toESM(require("@editorjs/list"), 1);
-var import_paragraph = __toESM(require("@editorjs/paragraph"), 1);
-var import_quote = __toESM(require("@editorjs/quote"), 1);
-var import_table = __toESM(require("@editorjs/table"), 1);
-var import_editorjs_audio_player = __toESM(require("editorjs-audio-player"), 1);
-var EDITOR_TOOLS = {
-  paragraph: {
-    class: import_paragraph.default,
-    inlineToolbar: true
-  },
-  list: {
-    class: import_list.default,
-    inlineToolbar: true
-  },
-  header: {
-    class: import_header.default,
-    config: {
-      placeholder: "Enter a header",
-      levels: [2, 3, 4],
-      defaultLevel: 2
-    }
-  },
-  table: {
-    class: import_table.default,
-    inlineToolbar: true
-  },
-  quote: {
-    class: import_quote.default,
-    inlineToolbar: true
-  },
-  audioPlayer: import_editorjs_audio_player.default
-};
+var SlugEdit_default = SlugEdit;
 
-// src/components/Editor/Editor.jsx
-var Editor = ({ property, record, onChangeAdmin, editorId }) => {
-  const [jsonData, setJsonData] = (0, import_react5.useState)();
-  const isSavedData = Boolean(record.params[property.path]);
-  const ref = (0, import_react5.useRef)();
-  (0, import_react5.useEffect)(() => {
-    onChangeAdmin(property.path, jsonData);
-  }, [jsonData]);
-  (0, import_react5.useEffect)(() => {
-    if (!ref.current) {
-      const editor = new import_editorjs.default({
-        holder: editorId,
-        tools: EDITOR_TOOLS,
-        data: isSavedData ? JSON.parse(record.params[property.path]) : "",
-        async onChange(api, event) {
-          const data = await api.saver.save();
-          setJsonData(JSON.stringify(data));
-        }
-      });
-      ref.current = editor;
-    }
-    return () => {
-      ref?.current?.destroy?.();
-    };
-  }, []);
-  return /* @__PURE__ */ import_react5.default.createElement(import_styled_components5.ThemeProvider, { theme: import_design_system4.theme }, /* @__PURE__ */ import_react5.default.createElement(StyledLabel2, null, property.path), /* @__PURE__ */ import_react5.default.createElement(StyledEditorWrapper, null, /* @__PURE__ */ import_react5.default.createElement(StyledEditor, { id: editorId })));
-};
-var Editor_default = Editor;
-
-// src/components/Editor/EditorList.jsx
-var import_react6 = __toESM(require("react"), 1);
+// src/components/StringList/StringList.tsx
 var import_design_system5 = require("@adminjs/design-system");
-var import_styled_components6 = require("styled-components");
-var EditorList = ({ property, record }) => {
-  const htmlContent = parseHtml(record.params[property.path]);
-  return /* @__PURE__ */ import_react6.default.createElement(import_styled_components6.ThemeProvider, { theme: import_design_system5.theme }, /* @__PURE__ */ import_react6.default.createElement(StyledEditorViewWrapper, null, htmlContent && /* @__PURE__ */ import_react6.default.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })));
-};
-var EditorList_default = EditorList;
-
-// src/components/Editor/EditorShow.jsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"), 1);
 var import_styled_components7 = require("styled-components");
-var import_design_system6 = require("@adminjs/design-system");
-var EditorShow = ({ property, record }) => {
-  const htmlContent = parseHtml(record.params[property.path]);
-  return /* @__PURE__ */ import_react7.default.createElement(import_styled_components7.ThemeProvider, { theme: import_design_system6.theme }, /* @__PURE__ */ import_react7.default.createElement(StyledEditorShowWrapper, null, /* @__PURE__ */ import_react7.default.createElement(StyledShowLabel, null, property.path), htmlContent && /* @__PURE__ */ import_react7.default.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })));
-};
-var EditorShow_default = EditorShow;
-
-// src/components/StringList/StringList.tsx
-var import_design_system9 = require("@adminjs/design-system");
-var import_react11 = __toESM(require("react"), 1);
-var import_styled_components11 = require("styled-components");
 
 // src/components/StringList/styles.ts
-var import_design_system7 = require("@adminjs/design-system");
-var import_styled_components8 = require("@adminjs/design-system/styled-components");
-var StyledWrapper = (0, import_styled_components8.styled)(import_design_system7.Box)`
+var import_design_system3 = require("@adminjs/design-system");
+var import_styled_components4 = require("@adminjs/design-system/styled-components");
+var StyledWrapper = (0, import_styled_components4.styled)(import_design_system3.Box)`
   display: flex;
   flex-direction: column;
   margin-bottom: 45px;
 `;
-var StyledCustomInput2 = (0, import_styled_components8.styled)(import_design_system7.Input)`
+var StyledCustomInput2 = (0, import_styled_components4.styled)(import_design_system3.Input)`
   width: 100%;
   margin-right: 10px;
 `;
-var StyledInputWrapper2 = (0, import_styled_components8.styled)(import_design_system7.Box)`
+var StyledInputWrapper2 = (0, import_styled_components4.styled)(import_design_system3.Box)`
   display: flex;
 `;
-var StyledListWrapper = (0, import_styled_components8.styled)(import_design_system7.Box)`
+var StyledListWrapper = (0, import_styled_components4.styled)(import_design_system3.Box)`
   margin-bottom: 15px;
 `;
-var StyledLabel3 = import_styled_components8.styled.div`
+var StyledLabel2 = import_styled_components4.styled.div`
   font-size: 12px;
   margin-bottom: 8px;
   text-transform: capitalize;
 `;
-var StyledShowLabel2 = (0, import_styled_components8.styled)(StyledLabel3)`
+var StyledShowLabel = (0, import_styled_components4.styled)(StyledLabel2)`
   line-height: 16px;
   color: rgb(137, 138, 154);
   font-weight: 300;
 `;
-var StyledShowWrapper = (0, import_styled_components8.styled)(import_design_system7.Box)`
+var StyledShowWrapper = (0, import_styled_components4.styled)(import_design_system3.Box)`
   margin-bottom: 35px;
 `;
-var StyledListItem = import_styled_components8.styled.li`
+var StyledListItem = import_styled_components4.styled.li`
   margin-bottom: 5px;
 `;
 
 // src/components/StringList/SortableList/SortableList.tsx
-var import_react10 = __toESM(require("react"), 1);
+var import_react7 = __toESM(require("react"), 1);
 var import_core = require("@dnd-kit/core");
 var import_sortable2 = require("@dnd-kit/sortable");
 
 // src/components/StringList/SortableList/components/SortableItem/SortableItem.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"), 1);
 var import_sortable = require("@dnd-kit/sortable");
-var import_design_system8 = require("@adminjs/design-system");
+var import_design_system4 = require("@adminjs/design-system");
 
 // src/components/StringList/SortableList/components/SortableItem/DragHandle.tsx
-var import_react8 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"), 1);
 
 // src/components/StringList/SortableList/components/SortableItem/styles.ts
-var import_styled_components9 = require("@adminjs/design-system/styled-components");
-var StyledListItem2 = import_styled_components9.styled.li`
+var import_styled_components5 = require("@adminjs/design-system/styled-components");
+var StyledListItem2 = import_styled_components5.styled.li`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -568,7 +333,7 @@ var StyledListItem2 = import_styled_components9.styled.li`
   border-radius: 5px;
   list-style: none;
 `;
-var StyledDragButton = import_styled_components9.styled.button`
+var StyledDragButton = import_styled_components5.styled.button`
   padding: 3px;
   margin-right: 15px;
   cursor: move;
@@ -578,12 +343,12 @@ var StyledDragButton = import_styled_components9.styled.button`
 
 // src/components/StringList/SortableList/components/SortableItem/DragHandle.tsx
 var DragHandle = ({ context }) => {
-  const { attributes, listeners, ref } = (0, import_react8.useContext)(context);
-  return /* @__PURE__ */ import_react8.default.createElement(StyledDragButton, { ...attributes, ...listeners, ref }, /* @__PURE__ */ import_react8.default.createElement("svg", { viewBox: "0 0 20 20", width: "13" }, /* @__PURE__ */ import_react8.default.createElement("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" })));
+  const { attributes, listeners, ref } = (0, import_react5.useContext)(context);
+  return /* @__PURE__ */ import_react5.default.createElement(StyledDragButton, { ...attributes, ...listeners, ref }, /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 20 20", width: "13" }, /* @__PURE__ */ import_react5.default.createElement("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" })));
 };
 
 // src/components/StringList/SortableList/components/SortableItem/SortableItem.tsx
-var SortableItemContext = (0, import_react9.createContext)({
+var SortableItemContext = (0, import_react6.createContext)({
   attributes: {},
   listeners: void 0,
   ref() {
@@ -595,7 +360,7 @@ function SortableItem({
   onDelete
 }) {
   const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef } = (0, import_sortable.useSortable)({ id });
-  const context = (0, import_react9.useMemo)(
+  const context = (0, import_react6.useMemo)(
     () => ({
       attributes,
       listeners,
@@ -606,21 +371,21 @@ function SortableItem({
   const style = {
     opacity: isDragging ? 0.4 : void 0
   };
-  return /* @__PURE__ */ import_react9.default.createElement(SortableItemContext.Provider, { value: context }, /* @__PURE__ */ import_react9.default.createElement(StyledListItem2, { ref: setNodeRef, style }, /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(DragHandle, { context: SortableItemContext }), children), /* @__PURE__ */ import_react9.default.createElement(
-    import_design_system8.Button,
+  return /* @__PURE__ */ import_react6.default.createElement(SortableItemContext.Provider, { value: context }, /* @__PURE__ */ import_react6.default.createElement(StyledListItem2, { ref: setNodeRef, style }, /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement(DragHandle, { context: SortableItemContext }), children), /* @__PURE__ */ import_react6.default.createElement(
+    import_design_system4.Button,
     {
       variant: "outlined",
       color: "danger",
       size: "icon",
       onClick: (e) => onDelete(e, id)
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_design_system8.Icon, { icon: "X", color: "red" })
+    /* @__PURE__ */ import_react6.default.createElement(import_design_system4.Icon, { icon: "X", color: "red" })
   )));
 }
 
 // src/components/StringList/SortableList/styles.ts
-var import_styled_components10 = require("@adminjs/design-system/styled-components");
-var StyledListWrapper2 = import_styled_components10.styled.ul`
+var import_styled_components6 = require("@adminjs/design-system/styled-components");
+var StyledListWrapper2 = import_styled_components6.styled.ul`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -643,8 +408,8 @@ function SortableList({
   onChange,
   renderItem
 }) {
-  const [active, setActive] = (0, import_react10.useState)(null);
-  const activeItem = (0, import_react10.useMemo)(
+  const [active, setActive] = (0, import_react7.useState)(null);
+  const activeItem = (0, import_react7.useMemo)(
     () => items.find((item) => item.id === active?.id),
     [active, items]
   );
@@ -654,7 +419,7 @@ function SortableList({
       coordinateGetter: import_sortable2.sortableKeyboardCoordinates
     })
   );
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(
     import_core.DndContext,
     {
       sensors,
@@ -673,8 +438,8 @@ function SortableList({
         setActive(null);
       }
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_sortable2.SortableContext, { items, strategy: import_sortable2.verticalListSortingStrategy }, /* @__PURE__ */ import_react10.default.createElement(StyledListWrapper2, { role: "application" }, items.map((item, index) => /* @__PURE__ */ import_react10.default.createElement(import_react10.Fragment, { key: index }, renderItem(item))))),
-    /* @__PURE__ */ import_react10.default.createElement(import_core.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? renderItem(activeItem) : null)
+    /* @__PURE__ */ import_react7.default.createElement(import_sortable2.SortableContext, { items, strategy: import_sortable2.verticalListSortingStrategy }, /* @__PURE__ */ import_react7.default.createElement(StyledListWrapper2, { role: "application" }, items.map((item, index) => /* @__PURE__ */ import_react7.default.createElement(import_react7.Fragment, { key: index }, renderItem(item))))),
+    /* @__PURE__ */ import_react7.default.createElement(import_core.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? renderItem(activeItem) : null)
   );
 }
 SortableList.Item = SortableItem;
@@ -691,28 +456,28 @@ var StringList = ({
 }) => {
   const stringListValue = record.params?.[property.path] ?? property.props.value ?? "";
   const initialList = stringListValue ? prepareDataForList(stringListValue) : [];
-  const [inputValue, setInputValue] = (0, import_react11.useState)("");
-  const [list, setList] = (0, import_react11.useState)(initialList);
+  const [inputValue, setInputValue] = (0, import_react8.useState)("");
+  const [list, setList] = (0, import_react8.useState)(initialList);
   const serializedData = prepareDataForDatabase(list);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     onChange(property.path, serializedData);
   }, [serializedData]);
-  return /* @__PURE__ */ import_react11.default.createElement(import_styled_components11.ThemeProvider, { theme: import_design_system9.theme }, /* @__PURE__ */ import_react11.default.createElement(StyledLabel3, { htmlFor: "custom" }, property.path), /* @__PURE__ */ import_react11.default.createElement(StyledWrapper, null, /* @__PURE__ */ import_react11.default.createElement(StyledListWrapper, null, /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(import_styled_components7.ThemeProvider, { theme: import_design_system5.theme }, /* @__PURE__ */ import_react8.default.createElement(StyledLabel2, { htmlFor: "custom" }, property.path), /* @__PURE__ */ import_react8.default.createElement(StyledWrapper, null, /* @__PURE__ */ import_react8.default.createElement(StyledListWrapper, null, /* @__PURE__ */ import_react8.default.createElement(
     SortableList,
     {
       items: list,
       onChange: setList,
-      renderItem: (item) => /* @__PURE__ */ import_react11.default.createElement(SortableList.Item, { id: item.id, onDelete: handleDeleteButton }, item.value)
+      renderItem: (item) => /* @__PURE__ */ import_react8.default.createElement(SortableList.Item, { id: item.id, onDelete: handleDeleteButton }, item.value)
     }
-  )), /* @__PURE__ */ import_react11.default.createElement(StyledInputWrapper2, null, /* @__PURE__ */ import_react11.default.createElement(
-    import_design_system9.Input,
+  )), /* @__PURE__ */ import_react8.default.createElement(StyledInputWrapper2, null, /* @__PURE__ */ import_react8.default.createElement(
+    import_design_system5.Input,
     {
       id: "stringList",
       name: property.path,
       value: serializedData,
       hidden: true
     }
-  ), /* @__PURE__ */ import_react11.default.createElement(
+  ), /* @__PURE__ */ import_react8.default.createElement(
     StyledCustomInput2,
     {
       id: "custom",
@@ -721,7 +486,7 @@ var StringList = ({
       onChange: handleInput,
       onKeyPress: handleEnterPress
     }
-  ), /* @__PURE__ */ import_react11.default.createElement(import_design_system9.Button, { variant: "outlined", onClick: handleAddButton }, "Add"))));
+  ), /* @__PURE__ */ import_react8.default.createElement(import_design_system5.Button, { variant: "outlined", onClick: handleAddButton }, "Add"))));
   function handleInput(e) {
     setInputValue(e.target.value);
   }
@@ -758,27 +523,60 @@ var StringList = ({
 var StringList_default = StringList;
 
 // src/components/StringList/StringListShow.tsx
-var import_react12 = __toESM(require("react"), 1);
-var import_styled_components12 = require("styled-components");
-var import_design_system10 = require("@adminjs/design-system");
+var import_react9 = __toESM(require("react"), 1);
+var import_styled_components8 = require("styled-components");
+var import_design_system6 = require("@adminjs/design-system");
 var StringListShow = ({
   property,
   record,
   stringListSeparator = separator
 }) => {
-  return /* @__PURE__ */ import_react12.default.createElement(import_styled_components12.ThemeProvider, { theme: import_design_system10.theme }, /* @__PURE__ */ import_react12.default.createElement(StyledShowWrapper, null, /* @__PURE__ */ import_react12.default.createElement(StyledShowLabel2, null, property.path), record.params.facts && /* @__PURE__ */ import_react12.default.createElement("ul", null, record.params.facts.split(stringListSeparator).map((item, index) => /* @__PURE__ */ import_react12.default.createElement(StyledListItem, { key: index }, `- ${item}`)))));
+  return /* @__PURE__ */ import_react9.default.createElement(import_styled_components8.ThemeProvider, { theme: import_design_system6.theme }, /* @__PURE__ */ import_react9.default.createElement(StyledShowWrapper, null, /* @__PURE__ */ import_react9.default.createElement(StyledShowLabel, null, property.path), record.params.facts && /* @__PURE__ */ import_react9.default.createElement("ul", null, record.params.facts.split(stringListSeparator).map((item, index) => /* @__PURE__ */ import_react9.default.createElement(StyledListItem, { key: index }, `- ${item}`)))));
 };
 var StringListShow_default = StringListShow;
+
+// src/components/Slug/SlugFeature.ts
+var import_adminjs = require("adminjs");
+
+// src/utils/bundle-component.ts
+var import_path = __toESM(require("path"), 1);
+var url = __toESM(require("url"), 1);
+var dirname = url.fileURLToPath(new URL(".", importMetaUrl));
+var bundleComponent = (loader, componentName, componentFile) => {
+  const componentPath = import_path.default.join(dirname, "../src/components", componentName, componentFile);
+  console.log("[bundleComponent] Registering:", componentPath);
+  return loader.add(componentName, componentPath);
+};
+
+// src/components/Slug/SlugFeature.ts
+var COMPONENT_NAME = "Slug";
+var SlugFeature = (config) => {
+  const { componentLoader, key } = config;
+  const uploadFeature = () => {
+    const editComponent = bundleComponent(componentLoader, COMPONENT_NAME, "SlugEdit.tsx");
+    return (0, import_adminjs.buildFeature)({
+      properties: {
+        [key]: {
+          isVisible: { show: false, edit: true, list: false, filter: false },
+          components: {
+            edit: editComponent
+          }
+        }
+      }
+    });
+  };
+  return uploadFeature();
+};
+var SlugFeature_default = SlugFeature;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ColorStatusEdit,
   ColorStatusList,
   ColorStatusShow,
-  CustomSlug,
-  Editor,
-  EditorList,
-  EditorShow,
+  SlugEdit,
+  SlugFeature,
   StringList,
   StringListShow,
   parseHtml
 });
+//# sourceMappingURL=index.cjs.map