@react-email/editor 0.0.0-experimental.4 → 0.0.0-experimental.40

package/dist/ui/bubble-menu/bubble-menu.css

@@ -0,0 +1,285 @@
+/* Minimal functional styles for BubbleMenu compound components.
+ * This file handles layout and positioning only - no visual design.
+ * Import this optionally: import '@react-email/editor/styles/bubble-menu.css';
+ */
+
+[data-re-bubble-menu] {
+  display: flex;
+  align-items: center;
+  gap: 0.125rem;
+}
+
+[data-re-bubble-menu-group] {
+  display: flex;
+  align-items: center;
+  gap: 0.125rem;
+  padding: 0 0.125rem;
+  border: none;
+  margin: 0;
+  min-width: 0;
+}
+
+[data-re-bubble-menu-separator] {
+  align-self: stretch;
+  width: 1px;
+  margin: 0.25rem 0;
+}
+
+[data-re-bubble-menu-item] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.375rem;
+}
+
+[data-re-bubble-menu-item] svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+[data-re-node-selector] {
+  position: relative;
+}
+
+[data-re-node-selector-trigger] {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  cursor: pointer;
+  border: none;
+  background: none;
+  white-space: nowrap;
+  font-size: 0.8125rem;
+  padding: 0.375rem 0.5rem;
+}
+
+[data-re-node-selector-trigger] svg {
+  width: 0.75rem;
+  height: 0.75rem;
+  opacity: 0.5;
+}
+
+[data-re-node-selector-content] {
+  display: flex;
+  flex-direction: column;
+  min-width: 10rem;
+}
+
+[data-re-node-selector-item] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.375rem 0.5rem;
+  font-size: 0.8125rem;
+  width: 100%;
+  text-align: left;
+}
+
+[data-re-node-selector-item] svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+[data-re-link-selector] {
+  display: flex;
+  position: relative;
+}
+
+[data-re-link-selector-trigger] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.375rem;
+}
+
+[data-re-link-selector-trigger] svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+[data-re-link-selector-form] {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  margin-top: 0.25rem;
+  width: max-content;
+  min-width: 16rem;
+  padding: 0.25rem;
+}
+
+[data-re-link-selector-input] {
+  flex: 1;
+  border: none;
+  outline: none;
+  font-size: 0.8125rem;
+  padding: 0.25rem;
+  background: transparent;
+}
+
+[data-re-link-selector-apply],
+[data-re-link-selector-unlink] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.25rem;
+}
+
+[data-re-link-selector-apply] svg,
+[data-re-link-selector-unlink] svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+/* Button bubble menu */
+
+[data-re-btn-bm-toolbar] {
+  display: flex;
+  align-items: center;
+}
+
+[data-re-btn-bm-item] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.375rem;
+}
+
+[data-re-btn-bm-item] svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+[data-re-btn-bm-form] {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  min-width: 16rem;
+  padding: 0.25rem;
+}
+
+[data-re-btn-bm-input] {
+  flex: 1;
+  border: none;
+  outline: none;
+  font-size: 0.8125rem;
+  padding: 0.25rem;
+  background: transparent;
+}
+
+[data-re-btn-bm-apply],
+[data-re-btn-bm-unlink] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.25rem;
+}
+
+[data-re-btn-bm-apply] svg,
+[data-re-btn-bm-unlink] svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+/* Link bubble menu */
+
+[data-re-link-bm-toolbar] {
+  display: flex;
+  align-items: center;
+}
+
+[data-re-link-bm-item] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.375rem;
+}
+
+[data-re-link-bm-item] svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+a[data-re-link-bm-item] {
+  text-decoration: none;
+  color: inherit;
+}
+
+[data-re-link-bm-form] {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  min-width: 16rem;
+  padding: 0.25rem;
+}
+
+[data-re-link-bm-input] {
+  flex: 1;
+  border: none;
+  outline: none;
+  font-size: 0.8125rem;
+  padding: 0.25rem;
+  background: transparent;
+}
+
+[data-re-link-bm-apply],
+[data-re-link-bm-unlink] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.25rem;
+}
+
+[data-re-link-bm-apply] svg,
+[data-re-link-bm-unlink] svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+/* Image bubble menu */
+
+[data-re-img-bm-toolbar] {
+  display: flex;
+  align-items: center;
+}
+
+[data-re-img-bm-item] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0.5rem;
+}
+
+[data-re-img-bm-item] svg {
+  width: 1rem;
+  height: 1rem;
+}

package/dist/ui/index.cjs

@@ -0,0 +1,147 @@
+const require_event_bus = require('../event-bus-fb8U7hrl.cjs');
+const require_root = require('../root-Gu08xybW.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/ui/bubble-menu/separator.tsx
+function BubbleMenuSeparator({ className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+		className,
+		"data-re-bubble-menu-separator": ""
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/index.ts
+const BubbleMenu = {
+	Root: require_root.BubbleMenuRoot,
+	ItemGroup: require_root.BubbleMenuItemGroup,
+	Separator: BubbleMenuSeparator,
+	Item: require_root.BubbleMenuItem,
+	Bold: require_root.BubbleMenuBold,
+	Italic: require_root.BubbleMenuItalic,
+	Underline: require_root.BubbleMenuUnderline,
+	Strike: require_root.BubbleMenuStrike,
+	Code: require_root.BubbleMenuCode,
+	Uppercase: require_root.BubbleMenuUppercase,
+	AlignLeft: require_root.BubbleMenuAlignLeft,
+	AlignCenter: require_root.BubbleMenuAlignCenter,
+	AlignRight: require_root.BubbleMenuAlignRight,
+	NodeSelector: Object.assign(require_root.BubbleMenuNodeSelector, {
+		Root: require_root.NodeSelectorRoot,
+		Trigger: require_root.NodeSelectorTrigger,
+		Content: require_root.NodeSelectorContent
+	}),
+	LinkSelector: require_root.BubbleMenuLinkSelector,
+	Default: require_root.BubbleMenuDefault,
+	ButtonToolbar: require_root.BubbleMenuButtonToolbar,
+	ButtonEditLink: require_root.BubbleMenuButtonEditLink,
+	ButtonUnlink: require_root.BubbleMenuButtonUnlink,
+	ButtonForm: require_root.BubbleMenuButtonForm,
+	ButtonDefault: require_root.BubbleMenuButtonDefault,
+	LinkToolbar: require_root.BubbleMenuLinkToolbar,
+	LinkEditLink: require_root.BubbleMenuLinkEditLink,
+	LinkUnlink: require_root.BubbleMenuLinkUnlink,
+	LinkOpenLink: require_root.BubbleMenuLinkOpenLink,
+	LinkForm: require_root.BubbleMenuLinkForm,
+	LinkDefault: require_root.BubbleMenuLinkDefault,
+	ImageToolbar: require_root.BubbleMenuImageToolbar,
+	ImageEditLink: require_root.BubbleMenuImageEditLink,
+	ImageDefault: require_root.BubbleMenuImageDefault
+};
+
+//#endregion
+//#region src/ui/slash-command/index.ts
+const SlashCommand = {
+	Root: require_root.SlashCommandRoot,
+	CommandList: require_root.CommandList
+};
+
+//#endregion
+exports.AlignCenterIcon = require_root.AlignCenterIcon;
+exports.AlignLeftIcon = require_root.AlignLeftIcon;
+exports.AlignRightIcon = require_root.AlignRightIcon;
+exports.BULLET_LIST = require_root.BULLET_LIST;
+exports.BUTTON = require_root.BUTTON;
+exports.BoldIcon = require_root.BoldIcon;
+exports.BubbleMenu = BubbleMenu;
+exports.BubbleMenuAlignCenter = require_root.BubbleMenuAlignCenter;
+exports.BubbleMenuAlignLeft = require_root.BubbleMenuAlignLeft;
+exports.BubbleMenuAlignRight = require_root.BubbleMenuAlignRight;
+exports.BubbleMenuBold = require_root.BubbleMenuBold;
+exports.BubbleMenuButtonDefault = require_root.BubbleMenuButtonDefault;
+exports.BubbleMenuButtonEditLink = require_root.BubbleMenuButtonEditLink;
+exports.BubbleMenuButtonForm = require_root.BubbleMenuButtonForm;
+exports.BubbleMenuButtonToolbar = require_root.BubbleMenuButtonToolbar;
+exports.BubbleMenuButtonUnlink = require_root.BubbleMenuButtonUnlink;
+exports.BubbleMenuCode = require_root.BubbleMenuCode;
+exports.BubbleMenuDefault = require_root.BubbleMenuDefault;
+exports.BubbleMenuImageDefault = require_root.BubbleMenuImageDefault;
+exports.BubbleMenuImageEditLink = require_root.BubbleMenuImageEditLink;
+exports.BubbleMenuImageToolbar = require_root.BubbleMenuImageToolbar;
+exports.BubbleMenuItalic = require_root.BubbleMenuItalic;
+exports.BubbleMenuItem = require_root.BubbleMenuItem;
+exports.BubbleMenuItemGroup = require_root.BubbleMenuItemGroup;
+exports.BubbleMenuLinkDefault = require_root.BubbleMenuLinkDefault;
+exports.BubbleMenuLinkEditLink = require_root.BubbleMenuLinkEditLink;
+exports.BubbleMenuLinkForm = require_root.BubbleMenuLinkForm;
+exports.BubbleMenuLinkOpenLink = require_root.BubbleMenuLinkOpenLink;
+exports.BubbleMenuLinkSelector = require_root.BubbleMenuLinkSelector;
+exports.BubbleMenuLinkToolbar = require_root.BubbleMenuLinkToolbar;
+exports.BubbleMenuLinkUnlink = require_root.BubbleMenuLinkUnlink;
+exports.BubbleMenuNodeSelector = require_root.BubbleMenuNodeSelector;
+exports.BubbleMenuRoot = require_root.BubbleMenuRoot;
+exports.BubbleMenuSeparator = BubbleMenuSeparator;
+exports.BubbleMenuStrike = require_root.BubbleMenuStrike;
+exports.BubbleMenuUnderline = require_root.BubbleMenuUnderline;
+exports.BubbleMenuUppercase = require_root.BubbleMenuUppercase;
+exports.CODE = require_root.CODE;
+exports.CaseUpperIcon = require_root.CaseUpperIcon;
+exports.Check = require_root.Check;
+exports.ChevronDown = require_root.ChevronDown;
+exports.Code = require_root.Code;
+exports.CodeIcon = require_root.CodeIcon;
+exports.Columns2 = require_root.Columns2;
+exports.Columns3 = require_root.Columns3;
+exports.Columns4 = require_root.Columns4;
+exports.CommandList = require_root.CommandList;
+exports.DIVIDER = require_root.DIVIDER;
+exports.ExternalLinkIcon = require_root.ExternalLinkIcon;
+exports.FOUR_COLUMNS = require_root.FOUR_COLUMNS;
+exports.H1 = require_root.H1;
+exports.H2 = require_root.H2;
+exports.H3 = require_root.H3;
+exports.Heading1 = require_root.Heading1;
+exports.Heading2 = require_root.Heading2;
+exports.Heading3 = require_root.Heading3;
+exports.ItalicIcon = require_root.ItalicIcon;
+exports.LinkIcon = require_root.LinkIcon;
+exports.List = require_root.List;
+exports.ListOrdered = require_root.ListOrdered;
+exports.MousePointer = require_root.MousePointer;
+exports.NUMBERED_LIST = require_root.NUMBERED_LIST;
+exports.NodeSelectorContent = require_root.NodeSelectorContent;
+exports.NodeSelectorRoot = require_root.NodeSelectorRoot;
+exports.NodeSelectorTrigger = require_root.NodeSelectorTrigger;
+exports.PencilIcon = require_root.PencilIcon;
+exports.QUOTE = require_root.QUOTE;
+exports.Rows2 = require_root.Rows2;
+exports.SECTION = require_root.SECTION;
+exports.SlashCommand = SlashCommand;
+exports.SplitSquareVertical = require_root.SplitSquareVertical;
+exports.SquareCode = require_root.SquareCode;
+exports.StrikethroughIcon = require_root.StrikethroughIcon;
+exports.TEXT = require_root.TEXT;
+exports.THREE_COLUMNS = require_root.THREE_COLUMNS;
+exports.TWO_COLUMNS = require_root.TWO_COLUMNS;
+exports.Text = require_root.Text;
+exports.TextIcon = require_root.TextIcon;
+exports.TextQuote = require_root.TextQuote;
+exports.UnderlineIcon = require_root.UnderlineIcon;
+exports.UnlinkIcon = require_root.UnlinkIcon;
+exports.bubbleMenuTriggers = require_root.bubbleMenuTriggers;
+exports.defaultSlashCommands = require_root.defaultSlashCommands;
+exports.filterAndRankItems = require_root.filterAndRankItems;
+exports.isAtMaxColumnsDepth = require_root.isAtMaxColumnsDepth;
+exports.isInsideNode = require_root.isInsideNode;
+exports.scoreItem = require_root.scoreItem;
+exports.useBubbleMenuContext = require_root.useBubbleMenuContext;