@lingxiteam/lcdp-ueditor-react 1.0.3-alpha.8 → 1.0.4-alpha.1

package/lib/ToolBottomBar/ProgressModal/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+export interface ProgressModalRef {
+    updateProgress: (progress: number, title?: string) => void;
+    updateVisible: (open: boolean) => void;
+}
+export interface ProgressModalProps {
+}
+declare const ProgressModal: React.ForwardRefExoticComponent<ProgressModalProps & React.RefAttributes<ProgressModalRef>>;
+export default ProgressModal;

package/lib/ToolBottomBar/ProgressModal/index.js

@@ -0,0 +1,73 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ToolBottomBar/ProgressModal/index.tsx
+var ProgressModal_exports = {};
+__export(ProgressModal_exports, {
+  default: () => ProgressModal_default
+});
+module.exports = __toCommonJS(ProgressModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var suffixCls = "ueditor-progress-modal";
+var ProgressModal = (0, import_react.forwardRef)((props, ref) => {
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const [progress, setProgress] = (0, import_react.useState)(0);
+  const [title, setTitle] = (0, import_react.useState)("准备中...");
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    updateProgress: (newProgress, title2) => {
+      if (!visible) {
+        setVisible(true);
+      }
+      setProgress(newProgress);
+      if (title2) {
+        setTitle(title2);
+      }
+    },
+    updateVisible: (open) => {
+      setVisible(open);
+    }
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      title: null,
+      visible,
+      footer: null,
+      closable: false,
+      maskClosable: false,
+      wrapClassName: suffixCls
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${suffixCls}-title` }, "正在生成PDF文件..."),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Progress, { percent: progress, status: "active", showInfo: false }),
+    title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${suffixCls}-sub-title` }, title, " ", progress, "%")
+  );
+});
+ProgressModal.displayName = "ProgressModal";
+var ProgressModal_default = ProgressModal;

package/lib/ToolBottomBar/ProgressModal/index.less

@@ -0,0 +1,16 @@
+@suffixCls: ~'ueditor-progress-modal';
+
+.@{suffixCls} {
+  &-title {
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 12px;
+    color: #333;
+  }
+  &-sub-title {
+    font-size: 14px;
+    color: #666;
+    text-align: center;
+    margin-top: 8px;
+  }
+}

package/lib/ToolBottomBar/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { FormatSettings } from '../tools/generateStylesFromSettings';
+import './index.less';
+import { ILcdpUeditorProps } from '../type';
+declare const ToolBottomBar: (props: {
+    /**
+     * 编辑器实例
+     */
+    ueditorInst: any;
+    /**
+     * 前缀类名
+     */
+    prefixCls?: string | undefined;
+    /**
+     * 容器引用
+     */
+    containerRef?: React.RefObject<HTMLDivElement> | undefined;
+    defaultFormatSetting?: FormatSettings | undefined;
+    onFormatChange?: ((val: FormatSettings) => void) | undefined;
+    /**
+     * 是否准备就绪
+     */
+    isReady?: boolean | undefined;
+    /**
+     * 底部功能类型
+     */
+    bottomTypes?: ILcdpUeditorProps['bottomTypes'];
+    /**
+     * 导出文件名
+     */
+    exportFileName?: string | undefined;
+}) => JSX.Element;
+export default ToolBottomBar;

package/lib/ToolBottomBar/index.js

@@ -0,0 +1,235 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ToolBottomBar/index.tsx
+var ToolBottomBar_exports = {};
+__export(ToolBottomBar_exports, {
+  default: () => ToolBottomBar_default
+});
+module.exports = __toCommonJS(ToolBottomBar_exports);
+var import_react = __toESM(require("react"));
+var import_debounce = __toESM(require("lodash/debounce"));
+var import_icons = __toESM(require("@ant-design/icons"));
+var import_antd = require("antd");
+var import_ExportPDF = __toESM(require("../icon/ExportPDF"));
+var import_TextFileIcon = __toESM(require("../icon/TextFileIcon"));
+var import_TextIcon = __toESM(require("../icon/TextIcon"));
+var import_TextCopy = __toESM(require("../icon/TextCopy"));
+var import_exportPDF = require("../tools/exportPDF");
+var import_FormatModal = __toESM(require("./FormatModal"));
+var import_generateStylesFromSettings = require("../tools/generateStylesFromSettings");
+var import_index = require("./index.less");
+var import_ProgressModal = __toESM(require("./ProgressModal"));
+var MENU_OPTIONS = {
+  a3: "A3",
+  a4: "A4",
+  a5: "A5",
+  a0: "铺满"
+};
+var STYLE_ID = "ueditor-custom-styles";
+var ToolBottomBar = (props) => {
+  const { ueditorInst, prefixCls, containerRef, defaultFormatSetting, onFormatChange, isReady, bottomTypes, exportFileName } = props;
+  const { id: uiId } = ueditorInst.ui || {};
+  const [chineseTextCount, setChineseTextCount] = (0, import_react.useState)(0);
+  const [totalTextCount, setTotalTextCount] = (0, import_react.useState)(0);
+  const [innerFullScreen, setInnerFullScreen] = (0, import_react.useState)(false);
+  const [isCopying, setIsCopying] = (0, import_react.useState)(false);
+  const [pageWidth, setPageWidth] = (0, import_react.useState)(void 0);
+  const timer = (0, import_react.useRef)(void 0);
+  const progressModalRef = (0, import_react.useRef)(null);
+  const debounceContentChange = (0, import_debounce.default)(() => {
+    var _a;
+    try {
+      const plainTxt = ueditorInst.getContentTxt() || "";
+      const chineseTextCount2 = ((_a = plainTxt.match(/[\u4e00-\u9fa5]/g)) == null ? void 0 : _a.length) || 0;
+      const totalTextCount2 = plainTxt.length;
+      setChineseTextCount(chineseTextCount2);
+      setTotalTextCount(totalTextCount2);
+    } catch (e) {
+    }
+  }, 300);
+  (0, import_react.useEffect)(() => {
+    if (isReady) {
+      ueditorInst.addListener("beforefullscreenchange", (_, v) => {
+        setInnerFullScreen(v);
+      });
+      ueditorInst.addListener("contentChange", () => {
+        debounceContentChange();
+      });
+      setTimeout(() => {
+        debounceContentChange();
+      }, 1e3);
+    }
+  }, [ueditorInst, isReady]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (timer.current) {
+        clearTimeout(timer.current);
+      }
+    };
+  }, []);
+  const getStatusBarItem = (params) => {
+    const { icon, content, onClick, extraNode, className = "" } = params;
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: `ueditor-rich-status-bar-item ${className}`, onClick }, /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-icon" }, icon), /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-content" }, content), extraNode && /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-extra" }, extraNode));
+  };
+  const copyAll = () => {
+    const txt = ueditorInst.getPlainTxt();
+    const copy = (t) => {
+      const input = document.createElement("textarea");
+      input.value = t;
+      document.body.appendChild(input);
+      input.select();
+      document.execCommand("copy");
+      document.body.removeChild(input);
+      setIsCopying(true);
+    };
+    if (txt) {
+      try {
+        navigator.clipboard.writeText(txt).then(() => {
+          setIsCopying(true);
+        }).catch(() => {
+          copy(txt);
+        });
+      } catch (e) {
+        copy(txt);
+      }
+      timer.current = setTimeout(() => {
+        setIsCopying(false);
+      }, 1e3);
+    }
+  };
+  const handleApply = (settings, isUpdate = true) => {
+    var _a, _b, _c;
+    const cssStyles = (0, import_generateStylesFromSettings.generateStylesFromSettings)(settings);
+    const frame = ueditorInst.frame || ((_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.querySelector(`#${uiId}_iframeholder > iframe`));
+    if ((_b = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _b.documentElement) {
+      let styleEl = (_c = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _c.getElementById(STYLE_ID);
+      if (!styleEl) {
+        styleEl = document.createElement("style");
+        styleEl.id = STYLE_ID;
+        frame.contentDocument.head.appendChild(styleEl);
+      }
+      styleEl.textContent = cssStyles;
+    }
+    if (isUpdate) {
+      onFormatChange == null ? void 0 : onFormatChange(settings);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (defaultFormatSetting) {
+      handleApply(defaultFormatSetting, false);
+    }
+  }, [defaultFormatSetting]);
+  const onProgress = (progress, title) => {
+    var _a;
+    (_a = progressModalRef.current) == null ? void 0 : _a.updateProgress(progress, title);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { prefixCls }, /* @__PURE__ */ import_react.default.createElement("div", { className: "ueditor-rich-status-bar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "ueditor-rich-status-bar-box" }, (bottomTypes == null ? void 0 : bottomTypes.includes("charCount")) && getStatusBarItem({
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: import_TextIcon.default, className: "ueditor-rich-status-bar-icon-svg" }),
+    content: `${totalTextCount} 字符`,
+    className: "ueditor-rich-status-bar-text"
+  }), (bottomTypes == null ? void 0 : bottomTypes.includes("chineseCount")) && getStatusBarItem({
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: import_TextFileIcon.default, className: "ueditor-rich-status-bar-icon-svg" }),
+    content: `${chineseTextCount} 中文`,
+    className: "ueditor-rich-status-bar-text"
+  })), /* @__PURE__ */ import_react.default.createElement("div", { className: "ueditor-rich-status-bar-box" }, (bottomTypes == null ? void 0 : bottomTypes.includes("pageWidth")) && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Dropdown,
+    {
+      trigger: ["click"],
+      overlay: /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Menu,
+        {
+          onClick: ({ key }) => {
+            const newClass = `ueditor-rich-status-content-${key}`;
+            const oldClass = `ueditor-rich-status-content-${pageWidth}`;
+            if (containerRef == null ? void 0 : containerRef.current) {
+              const frame = containerRef.current.querySelector(`#${uiId}_iframeholder`);
+              const frameContainer = ueditorInst.container || containerRef.current.querySelector(`#${uiId}`);
+              if (frame) {
+                frame.classList.remove(oldClass);
+                frame.classList.add(newClass);
+              }
+              if (frameContainer) {
+                if (key === "a0") {
+                  frameContainer.classList.remove("ueditor-rich-status-not-full");
+                } else {
+                  frameContainer.classList.add("ueditor-rich-status-not-full");
+                }
+              }
+            }
+            setPageWidth(key);
+          }
+        },
+        Object.keys(MENU_OPTIONS).map((k) => /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: k }, /* @__PURE__ */ import_react.default.createElement("span", null, "页面宽度 ", MENU_OPTIONS[k])))
+      )
+    },
+    getStatusBarItem({
+      content: `页面宽度${pageWidth ? ` ${MENU_OPTIONS[pageWidth]}` : ""}`,
+      extraNode: /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null)
+    })
+  ), (bottomTypes == null ? void 0 : bottomTypes.includes("formatSetting")) && /* @__PURE__ */ import_react.default.createElement(
+    import_FormatModal.default,
+    {
+      onApply: handleApply,
+      initialSettings: defaultFormatSetting
+    },
+    getStatusBarItem({
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),
+      content: "格式设置"
+    })
+  ), (bottomTypes == null ? void 0 : bottomTypes.includes("copy")) && getStatusBarItem({
+    icon: isCopying ? /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: import_TextCopy.default, className: "ueditor-rich-status-bar-icon-svg" }),
+    content: "复制全文",
+    onClick: copyAll,
+    className: isCopying ? "isActive" : void 0
+  }), (bottomTypes == null ? void 0 : bottomTypes.includes("fullScreen")) && getStatusBarItem({
+    icon: innerFullScreen ? /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, null),
+    content: innerFullScreen ? "退出全屏" : "全屏预览",
+    onClick: () => {
+      ueditorInst.ui.setFullScreen(!innerFullScreen);
+    }
+  }), (bottomTypes == null ? void 0 : bottomTypes.includes("exportPdf")) && getStatusBarItem({
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: import_ExportPDF.default, className: "ueditor-rich-status-bar-icon-svg" }),
+    content: "导出文档",
+    onClick: async () => {
+      var _a, _b;
+      if (containerRef == null ? void 0 : containerRef.current) {
+        const frame = ueditorInst.frame || containerRef.current.querySelector(`#${uiId}_iframeholder > iframe`);
+        if ((_a = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _a.body) {
+          await (0, import_exportPDF.domloadPdf)((_b = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _b.body, pageWidth || "a0", exportFileName, onProgress);
+          onProgress(100, "导出完成");
+        }
+        setTimeout(() => {
+          var _a2;
+          (_a2 = progressModalRef.current) == null ? void 0 : _a2.updateVisible(false);
+        }, 500);
+      }
+    }
+  }), /* @__PURE__ */ import_react.default.createElement(import_ProgressModal.default, { ref: progressModalRef }))));
+};
+var ToolBottomBar_default = ToolBottomBar;

package/lib/ToolBottomBar/index.less

@@ -0,0 +1,75 @@
+.ueditor-bottom-bar-with-status {
+  .edui-default {
+    display: none;
+  }
+}
+.ueditor-rich-status-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 12px;
+  background-color: #f0f0f0;
+  border-top: 1px solid #e0e0e0;
+  min-height: 32px;
+  .ueditor-rich-status-bar-box {
+    display: flex;
+    gap: 16px;
+    color: #666;
+    .ueditor-rich-status-bar-item:not(.ueditor-rich-status-bar-text) {
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      border-radius: 4px;
+      padding: 4px 10px;
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.05);
+        color: #1a73e8;
+      }
+      &.isActive {
+        color: #52c41a;
+      }
+    }
+    .ueditor-rich-status-bar-text {
+      display: flex;
+      align-items: center;
+    }
+    .ueditor-rich-status-bar-icon {
+      margin-right: 4px;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+    }
+    .ueditor-rich-status-bar-extra {
+      margin-left: 12px;
+      color: rgba(0, 0, 0, 0.25);
+      font-size: 12px;
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+
+.edui-default .edui-editor {
+  &.ueditor-rich-status-not-full {
+    background-color: #fafbfc;
+    .edui-editor-iframeholder {
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+      margin: 20px auto;
+      background-color: #fff;
+    }
+  }
+}
+
+.edui-default .edui-editor-iframeholder {
+  &.ueditor-rich-status-content {
+    &-a3 {
+      width: 80% !important;
+    }
+    &-a4 {
+      width: 60% !important;
+    }
+    &-a5 {
+      width: 40% !important;
+    }
+  }
+}

package/lib/icon/ExportPDF.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ExportFile: () => JSX.Element;
+export default ExportFile;

package/lib/icon/ExportPDF.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/ExportPDF.tsx
+var ExportPDF_exports = {};
+__export(ExportPDF_exports, {
+  default: () => ExportPDF_default
+});
+module.exports = __toCommonJS(ExportPDF_exports);
+var import_react = __toESM(require("react"));
+var ExportFile = () => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "lucide lucide-file-down"
+    },
+    /* @__PURE__ */ import_react.default.createElement("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ import_react.default.createElement("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+    /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 18v-6" }),
+    /* @__PURE__ */ import_react.default.createElement("path", { d: "m9 15 3 3 3-3" })
+  );
+};
+var ExportPDF_default = ExportFile;

package/lib/icon/TextCopy.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TextIcon: () => JSX.Element;
+export default TextIcon;

package/lib/icon/TextCopy.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/TextCopy.tsx
+var TextCopy_exports = {};
+__export(TextCopy_exports, {
+  default: () => TextCopy_default
+});
+module.exports = __toCommonJS(TextCopy_exports);
+var import_react = __toESM(require("react"));
+var TextIcon = () => {
+  return /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-copy" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }));
+};
+var TextCopy_default = TextIcon;

package/lib/icon/TextFileIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TextIcon: () => JSX.Element;
+export default TextIcon;

package/lib/icon/TextFileIcon.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/TextFileIcon.tsx
+var TextFileIcon_exports = {};
+__export(TextFileIcon_exports, {
+  default: () => TextFileIcon_default
+});
+module.exports = __toCommonJS(TextFileIcon_exports);
+var import_react = __toESM(require("react"));
+var TextIcon = () => {
+  return /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-file-text" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M10 9H8" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M16 13H8" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M16 17H8" }));
+};
+var TextFileIcon_default = TextIcon;

package/lib/icon/TextIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TextIcon: () => JSX.Element;
+export default TextIcon;

package/lib/icon/TextIcon.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/TextIcon.tsx
+var TextIcon_exports = {};
+__export(TextIcon_exports, {
+  default: () => TextIcon_default
+});
+module.exports = __toCommonJS(TextIcon_exports);
+var import_react = __toESM(require("react"));
+var TextIcon = () => {
+  return /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-type" }, /* @__PURE__ */ import_react.default.createElement("polyline", { points: "4 7 4 4 20 4 20 7" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "9", x2: "15", y1: "20", y2: "20" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "12", x2: "12", y1: "4", y2: "20" }));
+};
+var TextIcon_default = TextIcon;