@questpie/admin 1.1.1 → 2.0.0

package/dist/client/components/fields/rich-text-editor/toolbar.mjs

@@ -0,0 +1,280 @@
+import { useTranslation } from "../../../i18n/hooks.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { Button } from "../../ui/button.mjs";
+import { TableControls } from "./table-controls.mjs";
+import { Icon } from "@iconify/react";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/fields/rich-text-editor/toolbar.tsx
+/**
+* RichText Editor Toolbar Components
+*
+* Icon-based toolbar using Iconify icons (Phosphor set) for a clean, modern UI.
+*/
+/**
+* Icon mapping for all editor actions
+*/
+const EDITOR_ICONS = {
+	undo: "ph:arrow-counter-clockwise",
+	redo: "ph:arrow-clockwise",
+	bold: "ph:text-b",
+	italic: "ph:text-italic",
+	underline: "ph:text-underline",
+	strikethrough: "ph:text-strikethrough",
+	code: "ph:code",
+	heading: "ph:text-h",
+	bulletList: "ph:list-bullets",
+	orderedList: "ph:list-numbers",
+	blockquote: "ph:quotes",
+	codeBlock: "ph:code-block",
+	horizontalRule: "ph:minus-circle",
+	link: "ph:link",
+	image: "ph:image",
+	table: "ph:table",
+	alignLeft: "ph:text-align-left",
+	alignCenter: "ph:text-align-center",
+	alignRight: "ph:text-align-right",
+	alignJustify: "ph:text-align-justify"
+};
+/**
+* Icon-based toolbar button with tooltip showing keyboard shortcuts
+*/
+function ToolbarButton({ active, disabled, title, onClick, icon: iconName, children, shortcut, className, ...rest }) {
+	const tooltipText = React$1.useMemo(() => {
+		if (!title && !shortcut) return void 0;
+		if (shortcut) return `${title || ""} (${shortcut})`.trim();
+		return title;
+	}, [title, shortcut]);
+	const iconSuffix = active ? "-fill" : "";
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		size: iconName ? "icon-xs" : "xs",
+		"data-active": active,
+		title: tooltipText,
+		disabled,
+		onClick,
+		className: cn("text-muted-foreground hover:text-foreground hover:bg-transparent", "data-[active=true]:text-foreground data-[active=true]:bg-transparent", "aria-expanded:bg-transparent", className),
+		...rest,
+		children: iconName ? /* @__PURE__ */ jsx(Icon, {
+			icon: `${iconName}${iconSuffix}`,
+			width: 16,
+			height: 16
+		}) : children
+	});
+}
+/**
+* Toolbar button group with divider
+*/
+function ToolbarGroup({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-1",
+		children
+	});
+}
+/**
+* Main toolbar component with icon-based buttons
+*/
+function RichTextToolbar({ editor, features, disabled, headingValue, onHeadingChange, onLinkClick, onImageClick, onTableClick, inTable }) {
+	const { t } = useTranslation();
+	const isEditable = !disabled;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-wrap items-center gap-1.5 border-b bg-muted/30 p-1.5",
+		children: [
+			features.history && /* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.undo,
+				disabled: !isEditable || !editor.can().undo(),
+				title: t("editor.undo"),
+				shortcut: "⌘Z",
+				onClick: () => editor.chain().focus().undo().run()
+			}), /* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.redo,
+				disabled: !isEditable || !editor.can().redo(),
+				title: t("editor.redo"),
+				shortcut: "⌘⇧Z",
+				onClick: () => editor.chain().focus().redo().run()
+			})] }),
+			features.heading && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs("select", {
+				className: "h-6 rounded-sm border border-input/80 bg-input/20 px-2 text-xs",
+				value: headingValue,
+				onChange: (event) => onHeadingChange(event.target.value),
+				disabled: !isEditable,
+				children: [
+					/* @__PURE__ */ jsx("option", {
+						value: "paragraph",
+						children: "Paragraph"
+					}),
+					/* @__PURE__ */ jsx("option", {
+						value: "1",
+						children: "Heading 1"
+					}),
+					/* @__PURE__ */ jsx("option", {
+						value: "2",
+						children: "Heading 2"
+					}),
+					/* @__PURE__ */ jsx("option", {
+						value: "3",
+						children: "Heading 3"
+					}),
+					/* @__PURE__ */ jsx("option", {
+						value: "4",
+						children: "Heading 4"
+					}),
+					/* @__PURE__ */ jsx("option", {
+						value: "5",
+						children: "Heading 5"
+					}),
+					/* @__PURE__ */ jsx("option", {
+						value: "6",
+						children: "Heading 6"
+					})
+				]
+			}) }),
+			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
+				features.bold && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.bold,
+					active: editor.isActive("bold"),
+					disabled: !isEditable,
+					title: t("editor.bold"),
+					shortcut: "⌘B",
+					onClick: () => editor.chain().focus().toggleBold().run()
+				}),
+				features.italic && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.italic,
+					active: editor.isActive("italic"),
+					disabled: !isEditable,
+					title: t("editor.italic"),
+					shortcut: "⌘I",
+					onClick: () => editor.chain().focus().toggleItalic().run()
+				}),
+				features.underline && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.underline,
+					active: editor.isActive("underline"),
+					disabled: !isEditable,
+					title: t("editor.underline"),
+					shortcut: "⌘U",
+					onClick: () => editor.chain().focus().toggleUnderline().run()
+				}),
+				features.strike && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.strikethrough,
+					active: editor.isActive("strike"),
+					disabled: !isEditable,
+					title: t("editor.strikethrough"),
+					onClick: () => editor.chain().focus().toggleStrike().run()
+				}),
+				features.code && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.code,
+					active: editor.isActive("code"),
+					disabled: !isEditable,
+					title: t("editor.code"),
+					shortcut: "⌘E",
+					onClick: () => editor.chain().focus().toggleCode().run()
+				}),
+				features.codeBlock && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.codeBlock,
+					active: editor.isActive("codeBlock"),
+					disabled: !isEditable,
+					title: t("editor.codeBlock"),
+					onClick: () => editor.chain().focus().toggleCodeBlock().run()
+				})
+			] }),
+			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
+				features.bulletList && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.bulletList,
+					active: editor.isActive("bulletList"),
+					disabled: !isEditable,
+					title: t("editor.unorderedList"),
+					onClick: () => editor.chain().focus().toggleBulletList().run()
+				}),
+				features.orderedList && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.orderedList,
+					active: editor.isActive("orderedList"),
+					disabled: !isEditable,
+					title: t("editor.orderedList"),
+					onClick: () => editor.chain().focus().toggleOrderedList().run()
+				}),
+				features.blockquote && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.blockquote,
+					active: editor.isActive("blockquote"),
+					disabled: !isEditable,
+					title: t("editor.quote"),
+					onClick: () => editor.chain().focus().toggleBlockquote().run()
+				}),
+				features.horizontalRule && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.horizontalRule,
+					disabled: !isEditable,
+					title: t("editor.horizontalRule"),
+					onClick: () => editor.chain().focus().setHorizontalRule().run()
+				})
+			] }),
+			features.align && /* @__PURE__ */ jsxs(ToolbarGroup, { children: [
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.alignLeft,
+					active: editor.isActive({ textAlign: "left" }),
+					disabled: !isEditable,
+					title: t("editor.alignLeft"),
+					onClick: () => editor.chain().focus().setTextAlign("left").run()
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.alignCenter,
+					active: editor.isActive({ textAlign: "center" }),
+					disabled: !isEditable,
+					title: t("editor.alignCenter"),
+					onClick: () => editor.chain().focus().setTextAlign("center").run()
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.alignRight,
+					active: editor.isActive({ textAlign: "right" }),
+					disabled: !isEditable,
+					title: t("editor.alignRight"),
+					onClick: () => editor.chain().focus().setTextAlign("right").run()
+				}),
+				/* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.alignJustify,
+					active: editor.isActive({ textAlign: "justify" }),
+					disabled: !isEditable,
+					title: t("editor.alignJustify"),
+					onClick: () => editor.chain().focus().setTextAlign("justify").run()
+				})
+			] }),
+			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
+				features.link && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.link,
+					active: editor.isActive("link"),
+					disabled: !isEditable,
+					title: t("editor.link"),
+					shortcut: "⌘K",
+					onClick: onLinkClick
+				}),
+				features.image && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.image,
+					disabled: !isEditable,
+					title: t("editor.image"),
+					onClick: onImageClick
+				}),
+				features.table && (features.tableControls ? /* @__PURE__ */ jsx(TableControls, {
+					editor,
+					disabled: !isEditable,
+					inTable,
+					triggerButton: /* @__PURE__ */ jsx(ToolbarButton, {
+						icon: EDITOR_ICONS.table,
+						active: inTable,
+						disabled: !isEditable,
+						title: t("editor.table")
+					})
+				}) : /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.table,
+					active: inTable,
+					disabled: !isEditable,
+					title: t("editor.table"),
+					onClick: onTableClick
+				}))
+			] })
+		]
+	});
+}
+
+//#endregion
+export { EDITOR_ICONS, RichTextToolbar, ToolbarButton };
+//# sourceMappingURL=toolbar.mjs.map

package/dist/client/components/fields/rich-text-editor/toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.mjs","names":["React"],"sources":["../../../../../src/client/components/fields/rich-text-editor/toolbar.tsx"],"sourcesContent":["/**\n * RichText Editor Toolbar Components\n *\n * Icon-based toolbar using Iconify icons (Phosphor set) for a clean, modern UI.\n */\n\nimport { Icon } from \"@iconify/react\";\nimport type { Editor } from \"@tiptap/core\";\nimport * as React from \"react\";\n\nimport { useTranslation } from \"../../../i18n/hooks\";\nimport { cn } from \"../../../utils\";\nimport { Button } from \"../../ui/button\";\nimport { TableControls } from \"./table-controls\";\nimport type { RichTextFeatures } from \"./types\";\n\n/**\n * Icon mapping for all editor actions\n */\nexport const EDITOR_ICONS = {\n  undo: \"ph:arrow-counter-clockwise\",\n  redo: \"ph:arrow-clockwise\",\n  bold: \"ph:text-b\",\n  italic: \"ph:text-italic\",\n  underline: \"ph:text-underline\",\n  strikethrough: \"ph:text-strikethrough\",\n  code: \"ph:code\",\n  heading: \"ph:text-h\",\n  bulletList: \"ph:list-bullets\",\n  orderedList: \"ph:list-numbers\",\n  blockquote: \"ph:quotes\",\n  codeBlock: \"ph:code-block\",\n  horizontalRule: \"ph:minus-circle\",\n  link: \"ph:link\",\n  image: \"ph:image\",\n  table: \"ph:table\",\n  alignLeft: \"ph:text-align-left\",\n  alignCenter: \"ph:text-align-center\",\n  alignRight: \"ph:text-align-right\",\n  alignJustify: \"ph:text-align-justify\",\n} as const;\n\nexport type ToolbarButtonProps = {\n  active?: boolean;\n  disabled?: boolean;\n  title?: string;\n  onClick?: () => void;\n  icon?: string;\n  children?: React.ReactNode;\n  shortcut?: string;\n  className?: string;\n} & Omit<\n  React.ComponentProps<typeof Button>,\n  \"variant\" | \"size\" | \"type\" | \"children\" | \"onClick\" | \"disabled\" | \"title\"\n>;\n\n/**\n * Icon-based toolbar button with tooltip showing keyboard shortcuts\n */\nexport function ToolbarButton({\n  active,\n  disabled,\n  title,\n  onClick,\n  icon: iconName,\n  children,\n  shortcut,\n  className,\n  ...rest\n}: ToolbarButtonProps) {\n  const tooltipText = React.useMemo(() => {\n    if (!title && !shortcut) return undefined;\n    if (shortcut) return `${title || \"\"} (${shortcut})`.trim();\n    return title;\n  }, [title, shortcut]);\n\n  const iconSuffix = active ? \"-fill\" : \"\";\n  const buttonSize = iconName ? \"icon-xs\" : \"xs\";\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size={buttonSize}\n      data-active={active}\n      title={tooltipText}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"text-muted-foreground hover:text-foreground hover:bg-transparent\",\n        \"data-[active=true]:text-foreground data-[active=true]:bg-transparent\",\n        \"aria-expanded:bg-transparent\",\n        className,\n      )}\n      {...rest}\n    >\n      {iconName ? (\n        <Icon icon={`${iconName}${iconSuffix}`} width={16} height={16} />\n      ) : (\n        children\n      )}\n    </Button>\n  );\n}\n\n/**\n * Toolbar button group with divider\n */\nexport function ToolbarGroup({ children }: { children: React.ReactNode }) {\n  return <div className=\"flex items-center gap-1\">{children}</div>;\n}\n\nexport type RichTextToolbarProps = {\n  editor: Editor;\n  features: Required<RichTextFeatures>;\n  disabled?: boolean;\n  headingValue: string;\n  onHeadingChange: (value: string) => void;\n  onLinkClick: () => void;\n  onImageClick: () => void;\n  onTableClick: () => void;\n  inTable: boolean;\n};\n\n/**\n * Main toolbar component with icon-based buttons\n */\nexport function RichTextToolbar({\n  editor,\n  features,\n  disabled,\n  headingValue,\n  onHeadingChange,\n  onLinkClick,\n  onImageClick,\n  onTableClick,\n  inTable,\n}: RichTextToolbarProps) {\n  const { t } = useTranslation();\n  const isEditable = !disabled;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5 border-b bg-muted/30 p-1.5\">\n      {/* History Controls */}\n      {features.history && (\n        <ToolbarGroup>\n          <ToolbarButton\n            icon={EDITOR_ICONS.undo}\n            disabled={!isEditable || !editor.can().undo()}\n            title={t(\"editor.undo\")}\n            shortcut=\"⌘Z\"\n            onClick={() => editor.chain().focus().undo().run()}\n          />\n          <ToolbarButton\n            icon={EDITOR_ICONS.redo}\n            disabled={!isEditable || !editor.can().redo()}\n            title={t(\"editor.redo\")}\n            shortcut=\"⌘⇧Z\"\n            onClick={() => editor.chain().focus().redo().run()}\n          />\n        </ToolbarGroup>\n      )}\n\n      {/* Heading Dropdown */}\n      {features.heading && (\n        <ToolbarGroup>\n          <select\n            className=\"h-6 rounded-sm border border-input/80 bg-input/20 px-2 text-xs\"\n            value={headingValue}\n            onChange={(event) => onHeadingChange(event.target.value)}\n            disabled={!isEditable}\n          >\n            <option value=\"paragraph\">Paragraph</option>\n            <option value=\"1\">Heading 1</option>\n            <option value=\"2\">Heading 2</option>\n            <option value=\"3\">Heading 3</option>\n            <option value=\"4\">Heading 4</option>\n            <option value=\"5\">Heading 5</option>\n            <option value=\"6\">Heading 6</option>\n          </select>\n        </ToolbarGroup>\n      )}\n\n      {/* Text Formatting */}\n      <ToolbarGroup>\n        {features.bold && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.bold}\n            active={editor.isActive(\"bold\")}\n            disabled={!isEditable}\n            title={t(\"editor.bold\")}\n            shortcut=\"⌘B\"\n            onClick={() => editor.chain().focus().toggleBold().run()}\n          />\n        )}\n        {features.italic && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.italic}\n            active={editor.isActive(\"italic\")}\n            disabled={!isEditable}\n            title={t(\"editor.italic\")}\n            shortcut=\"⌘I\"\n            onClick={() => editor.chain().focus().toggleItalic().run()}\n          />\n        )}\n        {features.underline && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.underline}\n            active={editor.isActive(\"underline\")}\n            disabled={!isEditable}\n            title={t(\"editor.underline\")}\n            shortcut=\"⌘U\"\n            onClick={() => editor.chain().focus().toggleUnderline().run()}\n          />\n        )}\n        {features.strike && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.strikethrough}\n            active={editor.isActive(\"strike\")}\n            disabled={!isEditable}\n            title={t(\"editor.strikethrough\")}\n            onClick={() => editor.chain().focus().toggleStrike().run()}\n          />\n        )}\n        {features.code && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.code}\n            active={editor.isActive(\"code\")}\n            disabled={!isEditable}\n            title={t(\"editor.code\")}\n            shortcut=\"⌘E\"\n            onClick={() => editor.chain().focus().toggleCode().run()}\n          />\n        )}\n        {features.codeBlock && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.codeBlock}\n            active={editor.isActive(\"codeBlock\")}\n            disabled={!isEditable}\n            title={t(\"editor.codeBlock\")}\n            onClick={() => editor.chain().focus().toggleCodeBlock().run()}\n          />\n        )}\n      </ToolbarGroup>\n\n      {/* Lists & Blocks */}\n      <ToolbarGroup>\n        {features.bulletList && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.bulletList}\n            active={editor.isActive(\"bulletList\")}\n            disabled={!isEditable}\n            title={t(\"editor.unorderedList\")}\n            onClick={() => editor.chain().focus().toggleBulletList().run()}\n          />\n        )}\n        {features.orderedList && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.orderedList}\n            active={editor.isActive(\"orderedList\")}\n            disabled={!isEditable}\n            title={t(\"editor.orderedList\")}\n            onClick={() => editor.chain().focus().toggleOrderedList().run()}\n          />\n        )}\n        {features.blockquote && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.blockquote}\n            active={editor.isActive(\"blockquote\")}\n            disabled={!isEditable}\n            title={t(\"editor.quote\")}\n            onClick={() => editor.chain().focus().toggleBlockquote().run()}\n          />\n        )}\n        {features.horizontalRule && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.horizontalRule}\n            disabled={!isEditable}\n            title={t(\"editor.horizontalRule\")}\n            onClick={() => editor.chain().focus().setHorizontalRule().run()}\n          />\n        )}\n      </ToolbarGroup>\n\n      {/* Text Alignment */}\n      {features.align && (\n        <ToolbarGroup>\n          <ToolbarButton\n            icon={EDITOR_ICONS.alignLeft}\n            active={editor.isActive({ textAlign: \"left\" })}\n            disabled={!isEditable}\n            title={t(\"editor.alignLeft\")}\n            onClick={() => editor.chain().focus().setTextAlign(\"left\").run()}\n          />\n          <ToolbarButton\n            icon={EDITOR_ICONS.alignCenter}\n            active={editor.isActive({ textAlign: \"center\" })}\n            disabled={!isEditable}\n            title={t(\"editor.alignCenter\")}\n            onClick={() => editor.chain().focus().setTextAlign(\"center\").run()}\n          />\n          <ToolbarButton\n            icon={EDITOR_ICONS.alignRight}\n            active={editor.isActive({ textAlign: \"right\" })}\n            disabled={!isEditable}\n            title={t(\"editor.alignRight\")}\n            onClick={() => editor.chain().focus().setTextAlign(\"right\").run()}\n          />\n          <ToolbarButton\n            icon={EDITOR_ICONS.alignJustify}\n            active={editor.isActive({ textAlign: \"justify\" })}\n            disabled={!isEditable}\n            title={t(\"editor.alignJustify\")}\n            onClick={() => editor.chain().focus().setTextAlign(\"justify\").run()}\n          />\n        </ToolbarGroup>\n      )}\n\n      {/* Media & Links */}\n      <ToolbarGroup>\n        {features.link && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.link}\n            active={editor.isActive(\"link\")}\n            disabled={!isEditable}\n            title={t(\"editor.link\")}\n            shortcut=\"⌘K\"\n            onClick={onLinkClick}\n          />\n        )}\n        {features.image && (\n          <ToolbarButton\n            icon={EDITOR_ICONS.image}\n            disabled={!isEditable}\n            title={t(\"editor.image\")}\n            onClick={onImageClick}\n          />\n        )}\n        {features.table &&\n          (features.tableControls ? (\n            <TableControls\n              editor={editor}\n              disabled={!isEditable}\n              inTable={inTable}\n              triggerButton={\n                <ToolbarButton\n                  icon={EDITOR_ICONS.table}\n                  active={inTable}\n                  disabled={!isEditable}\n                  title={t(\"editor.table\")}\n                />\n              }\n            />\n          ) : (\n            <ToolbarButton\n              icon={EDITOR_ICONS.table}\n              active={inTable}\n              disabled={!isEditable}\n              title={t(\"editor.table\")}\n              onClick={onTableClick}\n            />\n          ))}\n      </ToolbarGroup>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/client/components/fields/rich-text-editor/types.d.mts

@@ -0,0 +1,78 @@
+import { FieldComponentProps } from "../../../builder/types/field-types.mjs";
+import "../../../builder/index.mjs";
+import { RichTextPreset } from "./presets.mjs";
+import { Extension } from "@tiptap/core";
+
+//#region src/client/components/fields/rich-text-editor/types.d.ts
+
+/**
+ * Feature toggles for the RichText editor
+ */
+type RichTextFeatures = {
+  toolbar?: boolean;
+  bubbleMenu?: boolean;
+  slashCommands?: boolean;
+  history?: boolean;
+  heading?: boolean;
+  bold?: boolean;
+  italic?: boolean;
+  underline?: boolean;
+  strike?: boolean;
+  code?: boolean;
+  codeBlock?: boolean;
+  blockquote?: boolean;
+  bulletList?: boolean;
+  orderedList?: boolean;
+  horizontalRule?: boolean;
+  align?: boolean;
+  link?: boolean;
+  image?: boolean;
+  table?: boolean;
+  tableControls?: boolean;
+  characterCount?: boolean;
+};
+/**
+ * Props for the RichTextEditor component
+ */
+interface RichTextEditorProps extends FieldComponentProps<any> {
+  /**
+   * Custom Tiptap extensions
+   */
+  extensions?: Extension[];
+  /**
+   * Preset configuration (minimal, simple, standard, advanced)
+   * Can be overridden by features prop
+   */
+  preset?: RichTextPreset;
+  /**
+   * Feature toggles (overrides preset)
+   */
+  features?: RichTextFeatures;
+  /**
+   * Show character count
+   */
+  showCharacterCount?: boolean;
+  /**
+   * Max character limit
+   */
+  maxCharacters?: number;
+  /**
+   * Enable image uploads
+   */
+  enableImages?: boolean;
+  /**
+   * Image upload handler
+   */
+  onImageUpload?: (file: File) => Promise<string>;
+  /**
+   * Target collection for image uploads
+   */
+  imageCollection?: string;
+  /**
+   * Enable media library picker for images
+   */
+  enableMediaLibrary?: boolean;
+}
+//#endregion
+export { RichTextEditorProps, RichTextFeatures };
+//# sourceMappingURL=types.d.mts.map

package/dist/client/components/fields/rich-text-editor/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../../../../src/client/components/fields/rich-text-editor/types.ts"],"sourcesContent":[],"mappings":";;;;;;;AAWA;AAsDA;;AAUW,KAhEC,gBAAA,GAgED;EAKE,OAAA,CAAA,EAAA,OAAA;EAoBY,UAAA,CAAA,EAAA,OAAA;EAAS,aAAA,CAAA,EAAA,OAAA;EAnCW,OAAA,CAAA,EAAA,OAAA;EAAmB,OAAA,CAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;UAA/C,mBAAA,SAA4B;;;;eAI9B;;;;;WAMJ;;;;aAKE;;;;;;;;;;;;;;;;yBAoBY,SAAS"}

package/dist/client/components/fields/rich-text-editor/types.mjs

@@ -0,0 +1,31 @@
+//#region src/client/components/fields/rich-text-editor/types.ts
+/**
+* Default feature configuration (all enabled)
+*/
+const defaultFeatures = {
+	toolbar: true,
+	bubbleMenu: true,
+	slashCommands: true,
+	history: true,
+	heading: true,
+	bold: true,
+	italic: true,
+	underline: true,
+	strike: true,
+	code: true,
+	codeBlock: true,
+	blockquote: true,
+	bulletList: true,
+	orderedList: true,
+	horizontalRule: true,
+	align: true,
+	link: true,
+	image: true,
+	table: true,
+	tableControls: true,
+	characterCount: true
+};
+
+//#endregion
+export { defaultFeatures };
+//# sourceMappingURL=types.mjs.map

package/dist/client/components/fields/rich-text-editor/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","names":["defaultFeatures: Required<RichTextFeatures>"],"sources":["../../../../../src/client/components/fields/rich-text-editor/types.ts"],"sourcesContent":["/**\n * RichText Editor Type Definitions\n */\n\nimport type { Editor, Extension as TiptapExtension } from \"@tiptap/core\";\nimport type { FieldComponentProps } from \"../../../builder\";\nimport type { RichTextPreset } from \"./presets\";\n\n/**\n * Feature toggles for the RichText editor\n */\nexport type RichTextFeatures = {\n  toolbar?: boolean;\n  bubbleMenu?: boolean;\n  slashCommands?: boolean;\n  history?: boolean;\n  heading?: boolean;\n  bold?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  strike?: boolean;\n  code?: boolean;\n  codeBlock?: boolean;\n  blockquote?: boolean;\n  bulletList?: boolean;\n  orderedList?: boolean;\n  horizontalRule?: boolean;\n  align?: boolean;\n  link?: boolean;\n  image?: boolean;\n  table?: boolean;\n  tableControls?: boolean;\n  characterCount?: boolean;\n};\n\n/**\n * Default feature configuration (all enabled)\n */\nexport const defaultFeatures: Required<RichTextFeatures> = {\n  toolbar: true,\n  bubbleMenu: true,\n  slashCommands: true,\n  history: true,\n  heading: true,\n  bold: true,\n  italic: true,\n  underline: true,\n  strike: true,\n  code: true,\n  codeBlock: true,\n  blockquote: true,\n  bulletList: true,\n  orderedList: true,\n  horizontalRule: true,\n  align: true,\n  link: true,\n  image: true,\n  table: true,\n  tableControls: true,\n  characterCount: true,\n};\n\n/**\n * Props for the RichTextEditor component\n */\nexport interface RichTextEditorProps extends FieldComponentProps<any> {\n  /**\n   * Custom Tiptap extensions\n   */\n  extensions?: TiptapExtension[];\n\n  /**\n   * Preset configuration (minimal, simple, standard, advanced)\n   * Can be overridden by features prop\n   */\n  preset?: RichTextPreset;\n\n  /**\n   * Feature toggles (overrides preset)\n   */\n  features?: RichTextFeatures;\n\n  /**\n   * Show character count\n   */\n  showCharacterCount?: boolean;\n\n  /**\n   * Max character limit\n   */\n  maxCharacters?: number;\n\n  /**\n   * Enable image uploads\n   */\n  enableImages?: boolean;\n\n  /**\n   * Image upload handler\n   */\n  onImageUpload?: (file: File) => Promise<string>;\n\n  /**\n   * Target collection for image uploads\n   */\n  imageCollection?: string;\n\n  /**\n   * Enable media library picker for images\n   */\n  enableMediaLibrary?: boolean;\n}\n\n/**\n * Output value type (always TipTap JSON)\n */\nexport type OutputValue = Record<string, any>;\n\n/**\n * Slash command item\n */\nexport type SlashCommandItem = {\n  title: string;\n  description?: string;\n  keywords?: string[];\n  command: (editor: Editor) => void;\n};\n\n/**\n * Slash command list props\n */\nexport type SlashCommandListProps = {\n  items: SlashCommandItem[];\n  command: (item: SlashCommandItem) => void;\n};\n\n/**\n * Slash command list handle (ref API)\n */\nexport type SlashCommandListHandle = {\n  onKeyDown: (props: { event: KeyboardEvent }) => boolean;\n};\n"],"mappings":";;;;AAsCA,MAAaA,kBAA8C;CACzD,SAAS;CACT,YAAY;CACZ,eAAe;CACf,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,MAAM;CACN,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,gBAAgB;CAChB,OAAO;CACP,MAAM;CACN,OAAO;CACP,OAAO;CACP,eAAe;CACf,gBAAgB;CACjB"}

package/dist/client/components/fields/rich-text-editor/utils.mjs

@@ -0,0 +1,51 @@
+//#region src/client/components/fields/rich-text-editor/utils.ts
+/**
+* Get the current heading level or "paragraph"
+*/
+function getHeadingLevel(editor) {
+	if (!editor) return "paragraph";
+	for (let level = 1; level <= 6; level += 1) if (editor.isActive("heading", { level })) return String(level);
+	return "paragraph";
+}
+/**
+* Get output as TipTap JSON.
+*/
+function getOutput(editor) {
+	return editor.getJSON();
+}
+/**
+* Compare two output values for equality
+*/
+function isSameValue(a, b) {
+	if (a === b) return true;
+	if (!a || !b) return false;
+	try {
+		return JSON.stringify(a) === JSON.stringify(b);
+	} catch {
+		return false;
+	}
+}
+/**
+* Get character and word count from editor
+*/
+function getCharacterCount(editor) {
+	if (!editor) return {
+		characters: 0,
+		words: 0
+	};
+	const storage = editor.storage;
+	if (storage?.characterCount) return {
+		characters: storage.characterCount.characters(),
+		words: storage.characterCount.words()
+	};
+	const text = editor.getText();
+	const words = text.trim().length ? text.trim().split(/\s+/).length : 0;
+	return {
+		characters: text.length,
+		words
+	};
+}
+
+//#endregion
+export { getCharacterCount, getHeadingLevel, getOutput, isSameValue };
+//# sourceMappingURL=utils.mjs.map

package/dist/client/components/fields/rich-text-editor/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../../src/client/components/fields/rich-text-editor/utils.ts"],"sourcesContent":["/**\n * RichText Editor Utility Functions\n */\n\nimport type { Editor } from \"@tiptap/core\";\n\nimport type { OutputValue } from \"./types\";\n\n/**\n * Get the current heading level or \"paragraph\"\n */\nexport function getHeadingLevel(editor: Editor | null): string {\n  if (!editor) return \"paragraph\";\n  for (let level = 1; level <= 6; level += 1) {\n    if (editor.isActive(\"heading\", { level })) {\n      return String(level);\n    }\n  }\n  return \"paragraph\";\n}\n\n/**\n * Get output as TipTap JSON.\n */\nexport function getOutput(editor: Editor): OutputValue {\n  return editor.getJSON();\n}\n\n/**\n * Compare two output values for equality\n */\nexport function isSameValue(\n  a: OutputValue | undefined,\n  b: OutputValue | undefined,\n): boolean {\n  if (a === b) return true;\n  if (!a || !b) return false;\n  try {\n    return JSON.stringify(a) === JSON.stringify(b);\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Get character and word count from editor\n */\nexport function getCharacterCount(editor: Editor | null): {\n  characters: number;\n  words: number;\n} {\n  if (!editor) return { characters: 0, words: 0 };\n  const storage = editor.storage as any;\n  if (storage?.characterCount) {\n    return {\n      characters: storage.characterCount.characters(),\n      words: storage.characterCount.words(),\n    };\n  }\n  const text = editor.getText();\n  const words = text.trim().length ? text.trim().split(/\\s+/).length : 0;\n  return { characters: text.length, words };\n}\n"],"mappings":";;;;AAWA,SAAgB,gBAAgB,QAA+B;AAC7D,KAAI,CAAC,OAAQ,QAAO;AACpB,MAAK,IAAI,QAAQ,GAAG,SAAS,GAAG,SAAS,EACvC,KAAI,OAAO,SAAS,WAAW,EAAE,OAAO,CAAC,CACvC,QAAO,OAAO,MAAM;AAGxB,QAAO;;;;;AAMT,SAAgB,UAAU,QAA6B;AACrD,QAAO,OAAO,SAAS;;;;;AAMzB,SAAgB,YACd,GACA,GACS;AACT,KAAI,MAAM,EAAG,QAAO;AACpB,KAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,KAAI;AACF,SAAO,KAAK,UAAU,EAAE,KAAK,KAAK,UAAU,EAAE;SACxC;AACN,SAAO;;;;;;AAOX,SAAgB,kBAAkB,QAGhC;AACA,KAAI,CAAC,OAAQ,QAAO;EAAE,YAAY;EAAG,OAAO;EAAG;CAC/C,MAAM,UAAU,OAAO;AACvB,KAAI,SAAS,eACX,QAAO;EACL,YAAY,QAAQ,eAAe,YAAY;EAC/C,OAAO,QAAQ,eAAe,OAAO;EACtC;CAEH,MAAM,OAAO,OAAO,SAAS;CAC7B,MAAM,QAAQ,KAAK,MAAM,CAAC,SAAS,KAAK,MAAM,CAAC,MAAM,MAAM,CAAC,SAAS;AACrE,QAAO;EAAE,YAAY,KAAK;EAAQ;EAAO"}

package/dist/client/components/fields/rich-text-editor/variants.d.mts

@@ -0,0 +1,2 @@
+import "./types.mjs";
+import "react/jsx-runtime";

package/dist/client/components/fields/rich-text-field.d.mts

@@ -0,0 +1,14 @@
+import { RichTextEditorProps } from "./rich-text-editor/types.mjs";
+import "./rich-text-editor/index.mjs";
+import * as react_jsx_runtime221 from "react/jsx-runtime";
+
+//#region src/client/components/fields/rich-text-field.d.ts
+declare function RichTextField({
+  name,
+  control,
+  onChange,
+  ...props
+}: RichTextEditorProps): react_jsx_runtime221.JSX.Element;
+//#endregion
+export { RichTextField };
+//# sourceMappingURL=rich-text-field.d.mts.map

package/dist/client/components/fields/rich-text-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/rich-text-field.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKgB,aAAA;;;;;GAKb,sBAAmB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/rich-text-field.mjs

@@ -0,0 +1,26 @@
+import { useResolvedControl } from "./field-utils.mjs";
+import { RichTextEditor } from "./rich-text-editor/index.mjs";
+import { Controller } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/fields/rich-text-field.tsx
+function RichTextField({ name, control, onChange, ...props }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(RichTextEditor, {
+			...props,
+			name,
+			value: field.value,
+			onChange: (value) => {
+				field.onChange(value);
+				onChange?.(value);
+			},
+			error: fieldState.error?.message
+		})
+	});
+}
+
+//#endregion
+export { RichTextField };
+//# sourceMappingURL=rich-text-field.mjs.map

package/dist/client/components/fields/rich-text-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-field.mjs","names":[],"sources":["../../../../src/client/components/fields/rich-text-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { useResolvedControl } from \"./field-utils\";\nimport type { RichTextEditorProps } from \"./rich-text-editor\";\nimport { RichTextEditor } from \"./rich-text-editor\";\n\nexport function RichTextField({\n  name,\n  control,\n  onChange,\n  ...props\n}: RichTextEditorProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => (\n        <RichTextEditor\n          {...props}\n          name={name}\n          value={field.value}\n          onChange={(value) => {\n            field.onChange(value);\n            onChange?.(value);\n          }}\n          error={fieldState.error?.message}\n        />\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,cAAc,EAC5B,MACA,SACA,UACA,GAAG,SACmB;AAGtB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAChB,oBAAC;GACC,GAAI;GACE;GACN,OAAO,MAAM;GACb,WAAW,UAAU;AACnB,UAAM,SAAS,MAAM;AACrB,eAAW,MAAM;;GAEnB,OAAO,WAAW,OAAO;IACzB;GAEJ"}

package/dist/client/components/fields/select-field.d.mts

@@ -0,0 +1,25 @@
+import { SelectFieldProps } from "./field-types.mjs";
+import * as react_jsx_runtime222 from "react/jsx-runtime";
+
+//#region src/client/components/fields/select-field.d.ts
+declare function SelectField<TValue extends string = string>({
+  name,
+  label,
+  description,
+  placeholder,
+  required,
+  disabled,
+  localized,
+  locale,
+  control,
+  className,
+  options,
+  loadOptions,
+  multiple,
+  clearable,
+  maxSelections,
+  emptyMessage
+}: SelectFieldProps<TValue>): react_jsx_runtime222.JSX.Element;
+//#endregion
+export { SelectField };
+//# sourceMappingURL=select-field.d.mts.map

package/dist/client/components/fields/select-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/select-field.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB;;;;;;;;;;;;;;;;;GAiBb,iBAAiB,UAAO,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/select-field.mjs

@@ -0,0 +1,53 @@
+import { useResolvedControl } from "./field-utils.mjs";
+import { SelectMulti } from "../primitives/select-multi.mjs";
+import { SelectSingle } from "../primitives/select-single.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { Controller } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/fields/select-field.tsx
+function SelectField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, options, loadOptions, multiple, clearable, maxSelections, emptyMessage }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
+			name,
+			label,
+			description,
+			required,
+			disabled,
+			localized,
+			locale,
+			error: fieldState.error?.message,
+			children: multiple ? /* @__PURE__ */ jsx(SelectMulti, {
+				id: name,
+				value: Array.isArray(field.value) ? field.value : [],
+				onChange: field.onChange,
+				options,
+				loadOptions,
+				maxSelections,
+				emptyMessage,
+				placeholder,
+				disabled,
+				"aria-invalid": !!fieldState.error,
+				className
+			}) : /* @__PURE__ */ jsx(SelectSingle, {
+				id: name,
+				value: field.value ?? null,
+				onChange: field.onChange,
+				options,
+				loadOptions,
+				clearable,
+				emptyMessage,
+				placeholder,
+				disabled,
+				"aria-invalid": !!fieldState.error,
+				className
+			})
+		})
+	});
+}
+
+//#endregion
+export { SelectField };
+//# sourceMappingURL=select-field.mjs.map

package/dist/client/components/fields/select-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.mjs","names":[],"sources":["../../../../src/client/components/fields/select-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { SelectMulti } from \"../primitives/select-multi\";\nimport { SelectSingle } from \"../primitives/select-single\";\nimport type { SelectFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport function SelectField<TValue extends string = string>({\n  name,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n  options,\n  loadOptions,\n  multiple,\n  clearable,\n  maxSelections,\n  emptyMessage,\n}: SelectFieldProps<TValue>) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => (\n        <FieldWrapper\n          name={name}\n          label={label}\n          description={description}\n          required={required}\n          disabled={disabled}\n          localized={localized}\n          locale={locale}\n          error={fieldState.error?.message}\n        >\n          {multiple ? (\n            <SelectMulti<TValue>\n              id={name}\n              value={Array.isArray(field.value) ? field.value : []}\n              onChange={field.onChange}\n              options={options}\n              loadOptions={loadOptions}\n              maxSelections={maxSelections}\n              emptyMessage={emptyMessage}\n              placeholder={placeholder}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          ) : (\n            <SelectSingle<TValue>\n              id={name}\n              value={field.value ?? null}\n              onChange={field.onChange}\n              options={options}\n              loadOptions={loadOptions}\n              clearable={clearable}\n              emptyMessage={emptyMessage}\n              placeholder={placeholder}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          )}\n        </FieldWrapper>\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,YAA4C,EAC1D,MACA,OACA,aACA,aACA,UACA,UACA,WACA,QACA,SACA,WACA,SACA,aACA,UACA,WACA,eACA,gBAC2B;AAG3B,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAChB,oBAAC;GACO;GACC;GACM;GACH;GACA;GACC;GACH;GACR,OAAO,WAAW,OAAO;aAExB,WACC,oBAAC;IACC,IAAI;IACJ,OAAO,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,QAAQ,EAAE;IACpD,UAAU,MAAM;IACP;IACI;IACE;IACD;IACD;IACH;IACV,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX,GAEF,oBAAC;IACC,IAAI;IACJ,OAAO,MAAM,SAAS;IACtB,UAAU,MAAM;IACP;IACI;IACF;IACG;IACD;IACH;IACV,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX;IAES;GAEjB"}

package/dist/client/components/fields/status-field.d.mts

@@ -0,0 +1,2 @@
+import "../../i18n/types.mjs";
+import "react/jsx-runtime";