@cgboiler/biz-basic 1.0.52 → 1.0.54

package/lib/rich-text-editor/menu-system/components/code-block-button.js

@@ -0,0 +1,94 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  CodeBlockButton: () => CodeBlockButton
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_code_block = require("../hooks/use-code-block");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+const CodeBlockButton = (0, import_vue2.defineComponent)({
+  name: "CodeBlockButton",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    showShortcut: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      isVisible,
+      handleToggle,
+      label,
+      canToggle,
+      isActive,
+      Icon,
+      shortcutKeys
+    } = (0, import_use_code_block.useCodeBlock)({
+      editor: props.editor,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    return () => {
+      if (!isVisible.value)
+        return null;
+      return (0, import_vue.createVNode)(import_button.Button, (0, import_vue.mergeProps)({
+        "type": "button",
+        "disabled": !canToggle.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "data-disabled": !canToggle.value,
+        "role": "button",
+        "tabindex": -1,
+        "aria-label": label,
+        "aria-pressed": isActive.value,
+        "tooltip": label,
+        "onClick": handleToggle,
+        "class": (0, import_tiptap_utils.cn)(props.className)
+      }, attrs), {
+        default: () => [slots.default ? slots.default() : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)(Icon, {
+          "class": "tiptap-button-icon"
+        }, null), props.text && (0, import_vue.createVNode)("span", {
+          "class": "tiptap-button-text"
+        }, [props.text])])]
+      });
+    };
+  }
+});

package/lib/rich-text-editor/menu-system/components/color-highlight-button.d.ts

@@ -0,0 +1,61 @@
+import { type PropType } from 'vue';
+import '../styles/color-highlight-button.less';
+export declare const ColorHighlightButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    highlightColor: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    onApplied: {
+        type: PropType<(params: {
+            color: string;
+            label: string;
+        }) => void>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    highlightColor: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    onApplied: {
+        type: PropType<(params: {
+            color: string;
+            label: string;
+        }) => void>;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    className: string;
+    hideWhenUnavailable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/rich-text-editor/menu-system/components/color-highlight-button.js

@@ -0,0 +1,119 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  ColorHighlightButton: () => ColorHighlightButton
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_color_highlight = require("../hooks/use-color-highlight");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+var import_color_highlight_button = require("../styles/color-highlight-button.css");
+const ColorHighlightButton = (0, import_vue2.defineComponent)({
+  name: "ColorHighlightButton",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    highlightColor: {
+      type: String,
+      required: true
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    },
+    onApplied: {
+      type: Function
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const {
+      isVisible,
+      handleColorHighlight,
+      label,
+      canHighlight,
+      isActive,
+      Icon
+    } = (0, import_use_color_highlight.useColorHighlight)({
+      editor: props.editor,
+      highlightColor: props.highlightColor,
+      label: props.label || `Highlight ${props.highlightColor}`,
+      hideWhenUnavailable: props.hideWhenUnavailable,
+      onApplied: props.onApplied
+    });
+    return () => {
+      if (!isVisible.value)
+        return null;
+      return (0, import_vue.createVNode)(import_button.Button, (0, import_vue.mergeProps)({
+        "type": "button",
+        "disabled": !canHighlight.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "role": "button",
+        "tabindex": -1,
+        "aria-label": label,
+        "aria-pressed": isActive.value,
+        "tooltip": label,
+        "onClick": handleColorHighlight,
+        "class": (0, import_tiptap_utils.cn)("tiptap-color-highlight-button", props.className),
+        "style": __spreadProps(__spreadValues({}, attrs.style || {}), {
+          "--highlight-color": props.highlightColor
+        })
+      }, attrs), {
+        default: () => [(0, import_vue.createVNode)("div", {
+          "class": "tiptap-button-highlight",
+          "style": {
+            "--highlight-color": props.highlightColor
+          }
+        }, null)]
+      });
+    };
+  }
+});

package/lib/rich-text-editor/menu-system/components/color-highlight-popover.d.ts

@@ -0,0 +1,32 @@
+import { type PropType } from 'vue';
+import '../styles/color-highlight-popover.less';
+export declare const ColorHighlightPopover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    hideWhenUnavailable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/rich-text-editor/menu-system/components/color-highlight-popover.js

@@ -0,0 +1,118 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  ColorHighlightPopover: () => ColorHighlightPopover
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_color_highlight = require("../hooks/use-color-highlight");
+var import_color_highlight_button = require("./color-highlight-button");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+var import_element_plus = require("element-plus");
+var import_icons = require("../icons");
+var import_color_highlight_popover = require("../styles/color-highlight-popover.css");
+const ColorHighlightPopover = (0, import_vue2.defineComponent)({
+  name: "ColorHighlightPopover",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const {
+      isVisible,
+      canHighlight,
+      isActive,
+      label,
+      handleRemoveHighlight
+    } = (0, import_use_color_highlight.useColorHighlight)({
+      editor: props.editor,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    const isOpen = (0, import_vue2.ref)(false);
+    return () => {
+      if (!isVisible.value)
+        return null;
+      const trigger = (0, import_vue.createVNode)(import_button.Button, (0, import_vue.mergeProps)({
+        "type": "button",
+        "disabled": !canHighlight.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "role": "button",
+        "tooltip": label,
+        "class": (0, import_tiptap_utils.cn)(props.className)
+      }, attrs), {
+        default: () => [(0, import_vue.createVNode)(import_icons.HighlighterIcon, {
+          "class": "tiptap-button-icon"
+        }, null)]
+      });
+      return (0, import_vue.createVNode)(import_element_plus.ElPopover, {
+        "trigger": "click",
+        "width": "auto",
+        "popper-class": "tiptap-color-highlight-popover",
+        "visible": isOpen.value,
+        "onUpdate:visible": ($event) => isOpen.value = $event
+      }, {
+        reference: () => trigger,
+        default: () => (0, import_vue.createVNode)("div", {
+          "class": "tiptap-color-highlight-popover-content"
+        }, [(0, import_vue.createVNode)("div", {
+          "class": "tiptap-color-highlight-grid"
+        }, [["Green", "Blue", "Red", "Purple", "Yellow"].map((name) => import_use_color_highlight.HIGHLIGHT_COLORS.find((c) => c.label.includes(name))).filter(Boolean).map((color) => (0, import_vue.createVNode)(import_color_highlight_button.ColorHighlightButton, {
+          "key": color.value,
+          "editor": props.editor,
+          "highlightColor": color.value,
+          "label": color.label,
+          "onApplied": () => {
+            isOpen.value = false;
+          }
+        }, null))]), (0, import_vue.createVNode)("div", {
+          "class": "tiptap-color-highlight-vertical-separator"
+        }, null), (0, import_vue.createVNode)(import_button.Button, {
+          "type": "button",
+          "data-style": "ghost",
+          "onClick": () => {
+            handleRemoveHighlight();
+            isOpen.value = false;
+          },
+          "tooltip": "Remove highlight",
+          "class": "tiptap-color-highlight-remove-button"
+        }, {
+          default: () => [(0, import_vue.createVNode)(import_icons.BanIcon, {
+            "class": "tiptap-button-icon"
+          }, null)]
+        })])
+      });
+    };
+  }
+});

package/lib/rich-text-editor/menu-system/components/heading-dropdown-menu.d.ts

@@ -0,0 +1,43 @@
+import { type PropType } from 'vue';
+import 'element-plus/es/components/dropdown/style/css';
+import 'element-plus/es/components/dropdown-menu/style/css';
+import 'element-plus/es/components/dropdown-item/style/css';
+export declare const HeadingDropdownMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    levels: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    levels: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    hideWhenUnavailable: boolean;
+    levels: number[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/rich-text-editor/menu-system/components/heading-dropdown-menu.js

@@ -0,0 +1,131 @@
+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);
+var stdin_exports = {};
+__export(stdin_exports, {
+  HeadingDropdownMenu: () => HeadingDropdownMenu
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_heading_dropdown_menu = require("../hooks/use-heading-dropdown-menu");
+var import_use_heading = require("../hooks/use-heading");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+var import_element_plus = require("element-plus");
+var import_css = require("element-plus/es/components/dropdown/style/css");
+var import_css2 = require("element-plus/es/components/dropdown-menu/style/css");
+var import_css3 = require("element-plus/es/components/dropdown-item/style/css");
+var import_icons = require("../icons");
+var import_use_heading2 = require("../hooks/use-heading");
+var Icons = __toESM(require("../icons"));
+const HeadingDropdownMenu = (0, import_vue2.defineComponent)({
+  name: "HeadingDropdownMenu",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    levels: {
+      type: Array,
+      default: () => [1, 2, 3, 4]
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const {
+      isVisible,
+      activeLevel,
+      isActive,
+      canToggle,
+      levels,
+      label,
+      Icon
+    } = (0, import_use_heading_dropdown_menu.useHeadingDropdownMenu)({
+      editor: props.editor,
+      levels: props.levels,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    const handleLevelSelect = (level) => {
+      const editor = props.editor && "value" in props.editor ? props.editor.value : props.editor;
+      (0, import_use_heading.toggleHeading)(editor, level);
+    };
+    return () => {
+      if (!isVisible.value)
+        return null;
+      const trigger = (0, import_vue.createVNode)(import_button.Button, (0, import_vue.mergeProps)({
+        "type": "button",
+        "disabled": !canToggle.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "data-disabled": !canToggle.value,
+        "role": "button",
+        "tooltip": label,
+        "class": (0, import_tiptap_utils.cn)(props.className, "tiptap-heading-trigger")
+      }, attrs), {
+        default: () => [(0, import_vue.createVNode)(Icon.value, {
+          "class": "tiptap-button-icon"
+        }, null), (0, import_vue.createVNode)(import_icons.ChevronDownIcon, {
+          "class": "tiptap-button-icon-chevron"
+        }, null)]
+      });
+      return (0, import_vue.createVNode)(import_element_plus.ElDropdown, {
+        "trigger": "click",
+        "onCommand": handleLevelSelect,
+        "popper-class": "tiptap-dropdown-menu"
+      }, {
+        default: () => trigger,
+        dropdown: () => (0, import_vue.createVNode)(import_element_plus.ElDropdownMenu, null, {
+          default: () => [levels.map((level) => {
+            const HeadingOptionIcon = import_use_heading2.headingIcons[level] || Icons.HeadingIcon;
+            return (0, import_vue.createVNode)(import_element_plus.ElDropdownItem, {
+              "key": level,
+              "command": level,
+              "class": (0, import_tiptap_utils.cn)(activeLevel.value === level && "is-active")
+            }, {
+              default: () => [(0, import_vue.createVNode)("div", {
+                "class": "tiptap-dropdown-menu-item-content"
+              }, [(0, import_vue.createVNode)("span", {
+                "class": "tiptap-dropdown-menu-item-label"
+              }, [(0, import_vue.createTextVNode)("H"), level]), (0, import_vue.createVNode)("span", null, [(0, import_vue.createTextVNode)("Heading "), level])])]
+            });
+          })]
+        })
+      });
+    };
+  }
+});

package/lib/rich-text-editor/menu-system/components/horizontal-rule-button.d.ts

@@ -0,0 +1,22 @@
+import { type PropType } from 'vue';
+export declare const HorizontalRuleButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/rich-text-editor/menu-system/components/horizontal-rule-button.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  HorizontalRuleButton: () => HorizontalRuleButton
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_button = require("../primitives/button");
+var import_icons = require("../icons");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+const HorizontalRuleButton = (0, import_vue2.defineComponent)({
+  name: "HorizontalRuleButton",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const handleHorizontalRule = () => {
+      const editor = props.editor && "value" in props.editor ? props.editor.value : props.editor;
+      editor.chain().focus().setHorizontalRule().run();
+    };
+    return () => (0, import_vue.createVNode)(import_button.Button, (0, import_vue.mergeProps)({
+      "type": "button",
+      "data-style": "ghost",
+      "role": "button",
+      "tooltip": "Horizontal Rule",
+      "onClick": handleHorizontalRule,
+      "class": (0, import_tiptap_utils.cn)(props.className)
+    }, attrs), {
+      default: () => [(0, import_vue.createVNode)(import_icons.DivideIcon, {
+        "class": "tiptap-button-icon"
+      }, null)]
+    });
+  }
+});