@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/components/dialog/types/WizardDialog.d.ts

@@ -0,0 +1,29 @@
+import { WizardDialogConfig } from "../Dialog.types.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/dialog/types/WizardDialog.d.ts
+interface WizardDialogProps<TRequest extends BaseRecord, TResponse extends BaseRecord> extends WizardDialogConfig<TRequest, TResponse> {
+  isFirst?: boolean;
+  isLast?: boolean;
+  isSubmitting?: boolean;
+  onClose?: () => void;
+  onNext?: () => void;
+  onPrevious?: () => void;
+}
+declare function WizardDialog<TRequest extends Record<string, any>, TResponse extends Record<string, any>>({
+  actions,
+  formConfig,
+  isFirst,
+  isLast,
+  isSubmitting,
+  onClose,
+  onNext,
+  onPrevious,
+  onSubmit,
+  onSuccess,
+  title,
+  ...props
+}: WizardDialogProps<TRequest, TResponse>): any;
+//#endregion
+export { WizardDialog };
+//# sourceMappingURL=WizardDialog.d.ts.map

package/dist/esm/components/dialog/types/WizardDialog.js

@@ -0,0 +1,49 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { init_stepState, resolveAllowStepNavigation } from "../../shared/utils/stepState.js";
+import { useStepControl } from "../../form/StepControlContext.js";
+import { WizardForm } from "../../form/WizardForm.js";
+import { ProgressStyleType } from "../../shared/types/header.js";
+import { Environment } from "../../shared/environment/builders.js";
+import { UnifiedHeader } from "../../shared/UnifiedHeader.js";
+import { init_components } from "../../index.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/dialog/types/WizardDialog.tsx
+function WizardDialog({ actions, formConfig, isFirst = false, isLast = false, isSubmitting, onClose, onNext, onPrevious, onSubmit, onSuccess, title, ...props }) {
+	const { currentStep, goToStep, totalSteps } = useStepControl();
+	const currentStepConfig = formConfig.steps[currentStep - 1];
+	const isStepNavigationAllowed = resolveAllowStepNavigation(formConfig.allowStepNavigation, formConfig.steps, currentStep);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(UnifiedHeader, {
+		config: formConfig,
+		environment: Environment.header().standalone().content({
+			description: currentStepConfig?.description,
+			title: currentStepConfig?.title
+		}).wizardNavigation({
+			allowNavigation: isStepNavigationAllowed,
+			current: currentStep,
+			disabledSteps: formConfig.stepNavigationDisabled,
+			onStepClick: isStepNavigationAllowed ? goToStep : void 0,
+			progressStyle: ProgressStyleType.TIMELINE,
+			steps: formConfig.steps,
+			total: totalSteps
+		}).build()
+	}), /* @__PURE__ */ jsx(WizardForm, {
+		closeDialog: onClose,
+		config: {
+			...formConfig,
+			onSubmit,
+			onSuccess
+		},
+		...props
+	})] });
+}
+var init_WizardDialog = __esmMin(() => {
+	init_components();
+	init_stepState();
+});
+
+//#endregion
+init_WizardDialog();
+export { WizardDialog, init_WizardDialog };
+//# sourceMappingURL=WizardDialog.js.map

package/dist/esm/components/dialog/types/WizardDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardDialog.js","names":[],"sources":["../../../../../src/components/dialog/types/WizardDialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { WizardDialogConfig } from \"../Dialog.types\";\n\nimport {\n  Environment,\n  ProgressStyleType,\n  UnifiedHeader,\n  useStepControl,\n  WizardForm,\n} from \"@/components\";\nimport { resolveAllowStepNavigation } from \"../../shared/utils/stepState\";\nimport { BaseRecord } from \"@refinedev/core\";\n\ninterface WizardDialogProps<\n  TRequest extends BaseRecord,\n  TResponse extends BaseRecord,\n> extends WizardDialogConfig<TRequest, TResponse> {\n  isFirst?: boolean;\n  isLast?: boolean;\n  isSubmitting?: boolean;\n  onClose?: () => void;\n  onNext?: () => void;\n  onPrevious?: () => void;\n}\n\nexport function WizardDialog<\n  TRequest extends Record<string, any>,\n  TResponse extends Record<string, any>,\n>({\n  actions,\n  formConfig,\n  isFirst = false,\n  isLast = false,\n  isSubmitting,\n  onClose,\n  onNext,\n  onPrevious,\n  onSubmit,\n  onSuccess,\n  title,\n  ...props\n}: WizardDialogProps<TRequest, TResponse>) {\n  const stepControl = useStepControl();\n  const { currentStep, goToStep, totalSteps } = stepControl;\n\n  // Create header environment with wizard navigation\n  const currentStepConfig = formConfig.steps[currentStep - 1];\n  const isStepNavigationAllowed = resolveAllowStepNavigation(\n    formConfig.allowStepNavigation,\n    formConfig.steps,\n    currentStep,\n  );\n\n  const headerEnvironment = Environment.header()\n    .standalone()\n    .content({\n      description: currentStepConfig?.description,\n      title: currentStepConfig?.title,\n    })\n    .wizardNavigation({\n      allowNavigation: isStepNavigationAllowed,\n      current: currentStep,\n      disabledSteps: formConfig.stepNavigationDisabled,\n      onStepClick: isStepNavigationAllowed ? goToStep : undefined,\n      progressStyle: ProgressStyleType.TIMELINE,\n      steps: formConfig.steps,\n      total: totalSteps,\n    })\n    .build();\n\n  return (\n    <>\n      <UnifiedHeader config={formConfig} environment={headerEnvironment} />\n      <WizardForm\n        closeDialog={onClose}\n        config={{\n          ...formConfig,\n          onSubmit: onSubmit,\n          onSuccess: onSuccess,\n        }}\n        {...props}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,SAAgB,aAGd,EACA,SACA,YACA,UAAU,OACV,SAAS,OACT,cACA,SACA,QACA,YACA,UACA,WACA,OACA,GAAG,SACsC;CAEzC,MAAM,EAAE,aAAa,UAAU,eADX,gBAAgB;CAIpC,MAAM,oBAAoB,WAAW,MAAM,cAAc;CACzD,MAAM,0BAA0B,2BAC9B,WAAW,qBACX,WAAW,OACX,YACD;AAmBD,QACE,4CACE,oBAAC;EAAc,QAAQ;EAAY,aAnBb,YAAY,QAAQ,CAC3C,YAAY,CACZ,QAAQ;GACP,aAAa,mBAAmB;GAChC,OAAO,mBAAmB;GAC3B,CAAC,CACD,iBAAiB;GAChB,iBAAiB;GACjB,SAAS;GACT,eAAe,WAAW;GAC1B,aAAa,0BAA0B,WAAW;GAClD,eAAe,kBAAkB;GACjC,OAAO,WAAW;GAClB,OAAO;GACR,CAAC,CACD,OAAO;GAI+D,EACrE,oBAAC;EACC,aAAa;EACb,QAAQ;GACN,GAAG;GACO;GACC;GACZ;EACD,GAAI;GACJ,IACD;;;kBAzEe;iBACoD"}

package/dist/esm/components/dialog/utils/dialogClasses.d.ts

@@ -0,0 +1,7 @@
+import { DialogConfig } from "../Dialog.types.js";
+
+//#region src/components/dialog/utils/dialogClasses.d.ts
+declare function getDialogContentClasses(currentDialog: DialogConfig): any;
+//#endregion
+export { getDialogContentClasses };
+//# sourceMappingURL=dialogClasses.d.ts.map

package/dist/esm/components/dialog/utils/dialogClasses.js

@@ -0,0 +1,19 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { DIALOG_POSITION_CLASSES, DIALOG_SIZE_CLASSES, init_Dialog_types } from "../Dialog.types.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+
+//#region src/components/dialog/utils/dialogClasses.ts
+function getDialogContentClasses(currentDialog) {
+	const baseClasses = [currentDialog.type === "custom" && "flex flex-col", currentDialog.classNames?.content];
+	const sizeClasses = DIALOG_SIZE_CLASSES[currentDialog.size || "auto"];
+	const positionClasses = DIALOG_POSITION_CLASSES[currentDialog.position || "center"];
+	return cn(baseClasses, sizeClasses, positionClasses);
+}
+var init_dialogClasses = __esmMin(() => {
+	init_Dialog_types();
+});
+
+//#endregion
+init_dialogClasses();
+export { getDialogContentClasses, init_dialogClasses };
+//# sourceMappingURL=dialogClasses.js.map

package/dist/esm/components/dialog/utils/dialogClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogClasses.js","names":[],"sources":["../../../../../src/components/dialog/utils/dialogClasses.ts"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\n\nimport {\n  DIALOG_POSITION_CLASSES,\n  DIALOG_SIZE_CLASSES,\n  DialogConfig,\n} from \"../Dialog.types\";\n\nexport function getDialogContentClasses(currentDialog: DialogConfig) {\n  const baseClasses = [\n    currentDialog.type === \"custom\" && \"flex flex-col\",\n    currentDialog.classNames?.content,\n  ];\n\n  const sizeClasses = DIALOG_SIZE_CLASSES[currentDialog.size || \"auto\"];\n  const positionClasses =\n    DIALOG_POSITION_CLASSES[currentDialog.position || \"center\"];\n\n  return cn(baseClasses, sizeClasses, positionClasses);\n}\n"],"mappings":";;;;;AAQA,SAAgB,wBAAwB,eAA6B;CACnE,MAAM,cAAc,CAClB,cAAc,SAAS,YAAY,iBACnC,cAAc,YAAY,QAC3B;CAED,MAAM,cAAc,oBAAoB,cAAc,QAAQ;CAC9D,MAAM,kBACJ,wBAAwB,cAAc,YAAY;AAEpD,QAAO,GAAG,aAAa,aAAa,gBAAgB;;;oBAZ7B"}

package/dist/esm/components/dialog/utils/dialogDetection.d.ts

@@ -0,0 +1,33 @@
+import { DialogConfig, DialogType } from "../Dialog.types.js";
+
+//#region src/components/dialog/utils/dialogDetection.d.ts
+
+/**
+ * Config-based detection for dialog type
+ * Useful for static type checking and compile-time analysis
+ * @param config Dialog configuration object
+ */
+declare function getDialogTypeFromConfig(config: DialogConfig): DialogType;
+/**
+ * Hook-based detection for current dialog type
+ * Returns the type of the currently open dialog or null if no dialog is open
+ */
+declare function useDialogType(): DialogType | null;
+/**
+ * Hook-based detection for whether we're in a form dialog
+ * Checks the current dialog context for form-related dialogs
+ */
+declare function useIsFormDialog(): boolean;
+/**
+ * Hook-based detection for whether we're currently in any dialog
+ * More accurate than config-based detection as it reflects runtime state
+ */
+declare function useIsInDialog(): boolean;
+/**
+ * Hook-based detection for whether we're in a wizard dialog
+ * Checks the current dialog context for wizard-specific dialogs
+ */
+declare function useIsWizardDialog(): boolean;
+//#endregion
+export { getDialogTypeFromConfig, useDialogType, useIsFormDialog, useIsInDialog, useIsWizardDialog };
+//# sourceMappingURL=dialogDetection.d.ts.map

package/dist/esm/components/dialog/utils/dialogDetection.js

@@ -0,0 +1,53 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { DialogTypes, init_Dialog_types } from "../Dialog.types.js";
+import { init_Dialog_context, useDialog } from "../Dialog.context.js";
+
+//#region src/components/dialog/utils/dialogDetection.ts
+/**
+* Config-based detection for dialog type
+* Useful for static type checking and compile-time analysis
+* @param config Dialog configuration object
+*/
+function getDialogTypeFromConfig(config) {
+	return config.type;
+}
+/**
+* Hook-based detection for current dialog type
+* Returns the type of the currently open dialog or null if no dialog is open
+*/
+function useDialogType() {
+	const { currentDialog } = useDialog();
+	return currentDialog?.type ?? null;
+}
+/**
+* Hook-based detection for whether we're in a form dialog
+* Checks the current dialog context for form-related dialogs
+*/
+function useIsFormDialog() {
+	const dialogType = useDialogType();
+	return dialogType === DialogTypes.FORM || dialogType === DialogTypes.WIZARD_FORM;
+}
+/**
+* Hook-based detection for whether we're currently in any dialog
+* More accurate than config-based detection as it reflects runtime state
+*/
+function useIsInDialog() {
+	const { currentDialog } = useDialog();
+	return !!currentDialog;
+}
+/**
+* Hook-based detection for whether we're in a wizard dialog
+* Checks the current dialog context for wizard-specific dialogs
+*/
+function useIsWizardDialog() {
+	return useDialogType() === DialogTypes.WIZARD_FORM;
+}
+var init_dialogDetection = __esmMin(() => {
+	init_Dialog_context();
+	init_Dialog_types();
+});
+
+//#endregion
+init_dialogDetection();
+export { getDialogTypeFromConfig, init_dialogDetection, useDialogType, useIsFormDialog, useIsInDialog, useIsWizardDialog };
+//# sourceMappingURL=dialogDetection.js.map

package/dist/esm/components/dialog/utils/dialogDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogDetection.js","names":[],"sources":["../../../../../src/components/dialog/utils/dialogDetection.ts"],"sourcesContent":["import { useDialog } from \"../Dialog.context\";\nimport { DialogConfig, DialogType, DialogTypes } from \"../Dialog.types\";\n\n/**\n * Config-based detection for dialog type\n * Useful for static type checking and compile-time analysis\n * @param config Dialog configuration object\n */\nexport function getDialogTypeFromConfig(config: DialogConfig): DialogType {\n  return config.type;\n}\n\n/**\n * Hook-based detection for current dialog type\n * Returns the type of the currently open dialog or null if no dialog is open\n */\nexport function useDialogType(): DialogType | null {\n  const { currentDialog } = useDialog();\n  return currentDialog?.type ?? null;\n}\n\n/**\n * Hook-based detection for whether we're in a form dialog\n * Checks the current dialog context for form-related dialogs\n */\nexport function useIsFormDialog(): boolean {\n  const dialogType = useDialogType();\n  return (\n    dialogType === DialogTypes.FORM || dialogType === DialogTypes.WIZARD_FORM\n  );\n}\n\n/**\n * Hook-based detection for whether we're currently in any dialog\n * More accurate than config-based detection as it reflects runtime state\n */\nexport function useIsInDialog(): boolean {\n  const { currentDialog } = useDialog();\n  return !!currentDialog;\n}\n\n/**\n * Hook-based detection for whether we're in a wizard dialog\n * Checks the current dialog context for wizard-specific dialogs\n */\nexport function useIsWizardDialog(): boolean {\n  const dialogType = useDialogType();\n  return dialogType === DialogTypes.WIZARD_FORM;\n}\n"],"mappings":";;;;;;;;;;AAQA,SAAgB,wBAAwB,QAAkC;AACxE,QAAO,OAAO;;;;;;AAOhB,SAAgB,gBAAmC;CACjD,MAAM,EAAE,kBAAkB,WAAW;AACrC,QAAO,eAAe,QAAQ;;;;;;AAOhC,SAAgB,kBAA2B;CACzC,MAAM,aAAa,eAAe;AAClC,QACE,eAAe,YAAY,QAAQ,eAAe,YAAY;;;;;;AAQlE,SAAgB,gBAAyB;CACvC,MAAM,EAAE,kBAAkB,WAAW;AACrC,QAAO,CAAC,CAAC;;;;;;AAOX,SAAgB,oBAA6B;AAE3C,QADmB,eAAe,KACZ,YAAY;;;sBA/CU;oBAC0B"}

package/dist/esm/components/dialog/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { getDialogContentClasses } from "./dialogClasses.js";
+import { getDialogTypeFromConfig, useDialogType, useIsFormDialog, useIsInDialog, useIsWizardDialog } from "./dialogDetection.js";
+export { getDialogContentClasses, getDialogTypeFromConfig, useDialogType, useIsFormDialog, useIsInDialog, useIsWizardDialog };

package/dist/esm/components/dialog/utils/index.js

@@ -0,0 +1,14 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { getDialogContentClasses, init_dialogClasses } from "./dialogClasses.js";
+import { getDialogTypeFromConfig, init_dialogDetection, useDialogType, useIsFormDialog, useIsInDialog, useIsWizardDialog } from "./dialogDetection.js";
+
+//#region src/components/dialog/utils/index.ts
+var init_utils = __esmMin(() => {
+	init_dialogClasses();
+	init_dialogDetection();
+});
+
+//#endregion
+init_utils();
+export { getDialogContentClasses, getDialogTypeFromConfig, init_utils, useDialogType, useIsFormDialog, useIsInDialog, useIsWizardDialog };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/dialog/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/dialog/utils/index.ts"],"sourcesContent":["export * from \"./dialogClasses\";\nexport * from \"./dialogDetection\";\n"],"mappings":""}

package/dist/esm/components/editor/BlockTypeDropdown.d.ts

@@ -0,0 +1,12 @@
+import { blockTypeToBlockName } from "./ToolbarContext.js";
+
+//#region src/components/editor/BlockTypeDropdown.d.ts
+interface BlockTypeDropdownProps {
+  blockType: keyof typeof blockTypeToBlockName;
+}
+declare function BlockTypeDropdown({
+  blockType
+}: BlockTypeDropdownProps): any;
+//#endregion
+export { BlockTypeDropdown as default };
+//# sourceMappingURL=BlockTypeDropdown.d.ts.map

package/dist/esm/components/editor/BlockTypeDropdown.js

@@ -0,0 +1,63 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { blockTypeToBlockName, init_ToolbarContext, useToolbarState } from "./ToolbarContext.js";
+import { formatBulletList, formatCheckList, formatCode, formatHeading, formatOrderedList, formatParagraph, formatQuote, init_formatting } from "./formatting.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+
+//#region src/components/editor/BlockTypeDropdown.tsx
+function BlockTypeDropdown({ blockType }) {
+	const [editor] = useLexicalComposerContext();
+	const { updateToolbarState } = useToolbarState();
+	const handleSelect = (value) => {
+		switch (value) {
+			case "bullet":
+				formatBulletList(editor, blockType, updateToolbarState);
+				break;
+			case "check":
+				formatCheckList(editor, blockType, updateToolbarState);
+				break;
+			case "code":
+				formatCode(editor, blockType, updateToolbarState);
+				break;
+			case "h1":
+			case "h2":
+			case "h3":
+			case "h4":
+			case "h5":
+			case "h6":
+				formatHeading(editor, blockType, value, updateToolbarState);
+				break;
+			case "number":
+				formatOrderedList(editor, blockType, updateToolbarState);
+				break;
+			case "paragraph":
+				formatParagraph(editor, updateToolbarState);
+				break;
+			case "quote":
+				formatQuote(editor, blockType, updateToolbarState);
+				break;
+		}
+	};
+	return /* @__PURE__ */ jsxs(Select, {
+		onValueChange: handleSelect,
+		value: blockType,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: "w-40",
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Block Type" })
+		}), /* @__PURE__ */ jsx(SelectContent, { children: Object.keys(blockTypeToBlockName).map((type) => /* @__PURE__ */ jsx(SelectItem, {
+			value: type,
+			children: blockTypeToBlockName[type]
+		}, type)) })]
+	});
+}
+var init_BlockTypeDropdown = __esmMin(() => {
+	init_formatting();
+	init_ToolbarContext();
+});
+
+//#endregion
+init_BlockTypeDropdown();
+export { BlockTypeDropdown as default, init_BlockTypeDropdown };
+//# sourceMappingURL=BlockTypeDropdown.js.map

package/dist/esm/components/editor/BlockTypeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTypeDropdown.js","names":[],"sources":["../../../../src/components/editor/BlockTypeDropdown.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport {\n  formatBulletList,\n  formatCheckList,\n  formatCode,\n  formatHeading,\n  formatOrderedList,\n  formatParagraph,\n  formatQuote,\n} from \"./formatting\";\nimport { blockTypeToBlockName, useToolbarState } from \"./ToolbarContext\";\n\ninterface BlockTypeDropdownProps {\n  blockType: keyof typeof blockTypeToBlockName;\n}\n\nexport default function BlockTypeDropdown({\n  blockType,\n}: BlockTypeDropdownProps) {\n  const [editor] = useLexicalComposerContext();\n  const { updateToolbarState } = useToolbarState();\n\n  const handleSelect = (value: string) => {\n    switch (value) {\n      case \"bullet\":\n        formatBulletList(editor, blockType, updateToolbarState);\n        break;\n      case \"check\":\n        formatCheckList(editor, blockType, updateToolbarState);\n        break;\n      case \"code\":\n        formatCode(editor, blockType, updateToolbarState);\n        break;\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"h5\":\n      case \"h6\":\n        formatHeading(editor, blockType, value, updateToolbarState);\n        break;\n      case \"number\":\n        formatOrderedList(editor, blockType, updateToolbarState);\n        break;\n      case \"paragraph\":\n        formatParagraph(editor, updateToolbarState);\n        break;\n      case \"quote\":\n        formatQuote(editor, blockType, updateToolbarState);\n        break;\n    }\n  };\n\n  return (\n    <Select onValueChange={handleSelect} value={blockType}>\n      <SelectTrigger className=\"w-40\">\n        <SelectValue placeholder=\"Block Type\" />\n      </SelectTrigger>\n      <SelectContent>\n        {Object.keys(blockTypeToBlockName).map((type) => (\n          <SelectItem key={type} value={type}>\n            {blockTypeToBlockName[type as keyof typeof blockTypeToBlockName]}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAwB,kBAAkB,EACxC,aACyB;CACzB,MAAM,CAAC,UAAU,2BAA2B;CAC5C,MAAM,EAAE,uBAAuB,iBAAiB;CAEhD,MAAM,gBAAgB,UAAkB;AACtC,UAAQ,OAAR;GACE,KAAK;AACH,qBAAiB,QAAQ,WAAW,mBAAmB;AACvD;GACF,KAAK;AACH,oBAAgB,QAAQ,WAAW,mBAAmB;AACtD;GACF,KAAK;AACH,eAAW,QAAQ,WAAW,mBAAmB;AACjD;GACF,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;AACH,kBAAc,QAAQ,WAAW,OAAO,mBAAmB;AAC3D;GACF,KAAK;AACH,sBAAkB,QAAQ,WAAW,mBAAmB;AACxD;GACF,KAAK;AACH,oBAAgB,QAAQ,mBAAmB;AAC3C;GACF,KAAK;AACH,gBAAY,QAAQ,WAAW,mBAAmB;AAClD;;;AAIN,QACE,qBAAC;EAAO,eAAe;EAAc,OAAO;aAC1C,oBAAC;GAAc,WAAU;aACvB,oBAAC,eAAY,aAAY,eAAe;IAC1B,EAChB,oBAAC,2BACE,OAAO,KAAK,qBAAqB,CAAC,KAAK,SACtC,oBAAC;GAAsB,OAAO;aAC3B,qBAAqB;KADP,KAEJ,CACb,GACY;GACT;;;kBAxDS;sBACmD"}

package/dist/esm/components/editor/Editor.d.ts

@@ -0,0 +1,14 @@
+//#region src/components/editor/Editor.d.ts
+interface EditorProps {
+  enablePreview?: boolean;
+  onChange?: (value: string) => void;
+  placeholder?: string;
+  required?: boolean;
+  toolbarOptions?: ToolbarOption[];
+  value?: string;
+}
+type ToolbarOption = "blockTypes" | "bold" | "clear" | "italic" | "redo" | "strikethrough" | "subscript" | "superscript" | "underline" | "undo";
+declare const Editor: any;
+//#endregion
+export { Editor, EditorProps, ToolbarOption };
+//# sourceMappingURL=Editor.d.ts.map

package/dist/esm/components/editor/Editor.js

@@ -0,0 +1,115 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { Preview, init_Preview } from "./Preview.js";
+import { ToolbarProvider, init_ToolbarContext } from "./ToolbarContext.js";
+import { ToolbarPlugin, init_ToolbarPlugin } from "./ToolbarPlugin.js";
+import React, { forwardRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CodeNode } from "@lexical/code";
+import { LinkNode } from "@lexical/link";
+import { ListItemNode, ListNode } from "@lexical/list";
+import { $convertFromMarkdownString, TRANSFORMERS } from "@lexical/markdown";
+import { CheckListPlugin } from "@lexical/react/LexicalCheckListPlugin";
+import { LexicalComposer } from "@lexical/react/LexicalComposer";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
+import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { HeadingNode, QuoteNode } from "@lexical/rich-text";
+import { $getRoot } from "lexical";
+
+//#region src/components/editor/Editor.tsx
+var Editor;
+var init_Editor = __esmMin(() => {
+	init_Preview();
+	init_ToolbarContext();
+	init_ToolbarPlugin();
+	Editor = forwardRef(({ enablePreview, onChange, placeholder, toolbarOptions, value }, ref) => {
+		const [isPreview, setIsPreview] = useState(false);
+		const handleChange = React.useCallback((editorState) => {
+			const content = editorState.read(() => $getRoot().getTextContent());
+			onChange?.(content);
+		}, [onChange]);
+		return /* @__PURE__ */ jsx("div", {
+			className: "bg-modal-input text-foreground rounded-md border",
+			children: /* @__PURE__ */ jsx(LexicalComposer, {
+				initialConfig: React.useMemo(() => ({
+					editable: !isPreview,
+					editorState: () => {
+						$convertFromMarkdownString(value ?? "", TRANSFORMERS);
+					},
+					namespace: "MarkdownEditor",
+					nodes: [
+						HorizontalRuleNode,
+						CodeNode,
+						LinkNode,
+						ListNode,
+						ListItemNode,
+						HeadingNode,
+						QuoteNode
+					],
+					onError: (error) => {
+						throw error;
+					},
+					theme: {
+						heading: {
+							h1: "text-2xl font-bold",
+							h2: "text-xl font-bold",
+							h3: "text-lg font-semibold",
+							h4: "text-base font-semibold",
+							h5: "text-sm font-semibold",
+							h6: "text-xs font-semibold"
+						},
+						link: "cursor-pointer",
+						root: "p-3 border rounded-md bg-modal-input text-foreground",
+						text: {
+							bold: "font-semibold",
+							italic: "italic",
+							underline: "underline"
+						}
+					}
+				}), [isPreview, value]),
+				children: /* @__PURE__ */ jsxs(ToolbarProvider, { children: [/* @__PURE__ */ jsx("div", {
+					className: "border-border flex items-center justify-between gap-1 border-b p-1",
+					children: /* @__PURE__ */ jsx(ToolbarPlugin, {
+						isPreview,
+						setIsPreview,
+						toolbarOptions
+					})
+				}), !isPreview ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx(RichTextPlugin, {
+						contentEditable: /* @__PURE__ */ jsx(ContentEditable, {
+							"aria-placeholder": placeholder ?? "",
+							className: "text-foreground min-h-[150px] w-full resize-none bg-transparent outline-none",
+							placeholder: /* @__PURE__ */ jsx("div", {
+								className: "text-foreground/50",
+								children: placeholder
+							})
+						}),
+						ErrorBoundary: LexicalErrorBoundary
+					}),
+					/* @__PURE__ */ jsx(HistoryPlugin, {}),
+					/* @__PURE__ */ jsx(ListPlugin, {}),
+					/* @__PURE__ */ jsx(CheckListPlugin, {}),
+					/* @__PURE__ */ jsx(LinkPlugin, {}),
+					/* @__PURE__ */ jsx(MarkdownShortcutPlugin, { transformers: TRANSFORMERS }),
+					/* @__PURE__ */ jsx(OnChangePlugin, {
+						ignoreHistoryMergeTagChange: true,
+						ignoreSelectionChange: true,
+						onChange: handleChange
+					})
+				] }) : /* @__PURE__ */ jsx(Preview, {})] })
+			})
+		});
+	});
+	Editor.displayName = "Markdown";
+});
+
+//#endregion
+init_Editor();
+export { Editor, init_Editor };
+//# sourceMappingURL=Editor.js.map

package/dist/esm/components/editor/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","names":[],"sources":["../../../../src/components/editor/Editor.tsx"],"sourcesContent":["import { CodeNode } from \"@lexical/code\";\nimport { LinkNode } from \"@lexical/link\";\nimport { ListItemNode, ListNode } from \"@lexical/list\";\nimport { $convertFromMarkdownString, TRANSFORMERS } from \"@lexical/markdown\";\nimport { CheckListPlugin } from \"@lexical/react/LexicalCheckListPlugin\";\nimport {\n  InitialConfigType,\n  LexicalComposer,\n} from \"@lexical/react/LexicalComposer\";\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport { LexicalErrorBoundary } from \"@lexical/react/LexicalErrorBoundary\";\nimport { HistoryPlugin } from \"@lexical/react/LexicalHistoryPlugin\";\nimport { HorizontalRuleNode } from \"@lexical/react/LexicalHorizontalRuleNode\";\nimport { LinkPlugin } from \"@lexical/react/LexicalLinkPlugin\";\nimport { ListPlugin } from \"@lexical/react/LexicalListPlugin\";\nimport { MarkdownShortcutPlugin } from \"@lexical/react/LexicalMarkdownShortcutPlugin\";\nimport { OnChangePlugin } from \"@lexical/react/LexicalOnChangePlugin\";\nimport { RichTextPlugin } from \"@lexical/react/LexicalRichTextPlugin\";\nimport { HeadingNode, QuoteNode } from \"@lexical/rich-text\";\nimport { $getRoot } from \"lexical\";\nimport React, { forwardRef, useState } from \"react\";\n\nimport { Preview } from \"./Preview\";\nimport { ToolbarProvider } from \"./ToolbarContext\";\nimport { ToolbarPlugin } from \"./ToolbarPlugin\";\n\nexport interface EditorProps {\n  enablePreview?: boolean;\n  onChange?: (value: string) => void;\n  placeholder?: string;\n  required?: boolean;\n  toolbarOptions?: ToolbarOption[];\n  value?: string;\n}\n\nexport type ToolbarOption =\n  | \"blockTypes\"\n  | \"bold\"\n  | \"clear\"\n  | \"italic\"\n  | \"redo\"\n  | \"strikethrough\"\n  | \"subscript\"\n  | \"superscript\"\n  | \"underline\"\n  | \"undo\";\n\nexport const Editor = forwardRef<HTMLDivElement, EditorProps>(\n  ({ enablePreview, onChange, placeholder, toolbarOptions, value }, ref) => {\n    const [isPreview, setIsPreview] = useState(false);\n\n    const handleChange = React.useCallback(\n      (editorState) => {\n        const content = editorState.read(() => $getRoot().getTextContent());\n        onChange?.(content);\n      },\n      [onChange],\n    );\n\n    const initialConfig = React.useMemo(\n      () =>\n        ({\n          editable: !isPreview,\n          editorState: () => {\n            $convertFromMarkdownString(value ?? \"\", TRANSFORMERS);\n          },\n          namespace: \"MarkdownEditor\",\n          nodes: [\n            HorizontalRuleNode,\n            CodeNode,\n            LinkNode,\n            ListNode,\n            ListItemNode,\n            HeadingNode,\n            QuoteNode,\n          ],\n          onError: (error: Error) => {\n            throw error;\n          },\n          theme: {\n            heading: {\n              h1: \"text-2xl font-bold\",\n              h2: \"text-xl font-bold\",\n              h3: \"text-lg font-semibold\",\n              h4: \"text-base font-semibold\",\n              h5: \"text-sm font-semibold\",\n              h6: \"text-xs font-semibold\",\n            },\n            link: \"cursor-pointer\",\n            root: \"p-3 border rounded-md bg-modal-input text-foreground\",\n            text: {\n              bold: \"font-semibold\",\n              italic: \"italic\",\n              underline: \"underline\",\n            },\n          },\n        }) satisfies InitialConfigType,\n      [isPreview, value],\n    );\n\n    return (\n      <div className=\"bg-modal-input text-foreground rounded-md border\">\n        <LexicalComposer initialConfig={initialConfig}>\n          <ToolbarProvider>\n            <div className=\"border-border flex items-center justify-between gap-1 border-b p-1\">\n              <ToolbarPlugin\n                isPreview={isPreview}\n                setIsPreview={setIsPreview}\n                toolbarOptions={toolbarOptions}\n              />\n            </div>\n            {!isPreview ? (\n              <>\n                <RichTextPlugin\n                  contentEditable={\n                    <ContentEditable\n                      aria-placeholder={placeholder ?? \"\"}\n                      className=\"text-foreground min-h-[150px] w-full resize-none bg-transparent outline-none\"\n                      placeholder={\n                        <div className=\"text-foreground/50\">{placeholder}</div>\n                      }\n                    />\n                  }\n                  ErrorBoundary={LexicalErrorBoundary}\n                />\n                <HistoryPlugin />\n                <ListPlugin />\n                <CheckListPlugin />\n                <LinkPlugin />\n                <MarkdownShortcutPlugin transformers={TRANSFORMERS} />\n                <OnChangePlugin\n                  ignoreHistoryMergeTagChange={true}\n                  ignoreSelectionChange={true}\n                  onChange={handleChange}\n                />\n              </>\n            ) : (\n              <Preview />\n            )}\n          </ToolbarProvider>\n        </LexicalComposer>\n      </div>\n    );\n  },\n);\nEditor.displayName = \"Markdown\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;eAsBoC;sBACe;qBACH;CAuBnC,SAAS,YACnB,EAAE,eAAe,UAAU,aAAa,gBAAgB,SAAS,QAAQ;EACxE,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;EAEjD,MAAM,eAAe,MAAM,aACxB,gBAAgB;GACf,MAAM,UAAU,YAAY,WAAW,UAAU,CAAC,gBAAgB,CAAC;AACnE,cAAW,QAAQ;KAErB,CAAC,SAAS,CACX;AA2CD,SACE,oBAAC;GAAI,WAAU;aACb,oBAAC;IAAgB,eA3CC,MAAM,eAEvB;KACC,UAAU,CAAC;KACX,mBAAmB;AACjB,iCAA2B,SAAS,IAAI,aAAa;;KAEvD,WAAW;KACX,OAAO;MACL;MACA;MACA;MACA;MACA;MACA;MACA;MACD;KACD,UAAU,UAAiB;AACzB,YAAM;;KAER,OAAO;MACL,SAAS;OACP,IAAI;OACJ,IAAI;OACJ,IAAI;OACJ,IAAI;OACJ,IAAI;OACJ,IAAI;OACL;MACD,MAAM;MACN,MAAM;MACN,MAAM;OACJ,MAAM;OACN,QAAQ;OACR,WAAW;OACZ;MACF;KACF,GACH,CAAC,WAAW,MAAM,CACnB;cAKK,qBAAC,8BACC,oBAAC;KAAI,WAAU;eACb,oBAAC;MACY;MACG;MACE;OAChB;MACE,EACL,CAAC,YACA;KACE,oBAAC;MACC,iBACE,oBAAC;OACC,oBAAkB,eAAe;OACjC,WAAU;OACV,aACE,oBAAC;QAAI,WAAU;kBAAsB;SAAkB;QAEzD;MAEJ,eAAe;OACf;KACF,oBAAC,kBAAgB;KACjB,oBAAC,eAAa;KACd,oBAAC,oBAAkB;KACnB,oBAAC,eAAa;KACd,oBAAC,0BAAuB,cAAc,eAAgB;KACtD,oBAAC;MACC,6BAA6B;MAC7B,uBAAuB;MACvB,UAAU;OACV;QACD,GAEH,oBAAC,YAAU,IAEG;KACF;IACd;GAGX;AACD,QAAO,cAAc"}

package/dist/esm/components/editor/Preview.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/editor/Preview.d.ts
+declare const Preview: () => any;
+//#endregion
+export { Preview };
+//# sourceMappingURL=Preview.d.ts.map

package/dist/esm/components/editor/Preview.js

@@ -0,0 +1,23 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { $generateHtmlFromNodes } from "@lexical/html";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import DOMPurify from "dompurify";
+
+//#region src/components/editor/Preview.tsx
+var Preview;
+var init_Preview = __esmMin(() => {
+	Preview = function() {
+		const [editor] = useLexicalComposerContext();
+		return /* @__PURE__ */ jsx("div", {
+			className: "text-foreground min-h-[150px] whitespace-pre-wrap p-4",
+			dangerouslySetInnerHTML: { __html: editor.read(() => DOMPurify.sanitize($generateHtmlFromNodes(editor))) }
+		});
+	};
+});
+
+//#endregion
+init_Preview();
+export { Preview, init_Preview };
+//# sourceMappingURL=Preview.js.map

package/dist/esm/components/editor/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","names":[],"sources":["../../../../src/components/editor/Preview.tsx"],"sourcesContent":["import { $generateHtmlFromNodes } from \"@lexical/html\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport DOMPurify from \"dompurify\";\nimport React from \"react\";\n\nexport const Preview = function () {\n  const [editor] = useLexicalComposerContext();\n\n  return (\n    <div\n      className=\"text-foreground min-h-[150px] whitespace-pre-wrap p-4\"\n      dangerouslySetInnerHTML={{\n        __html: editor.read(() =>\n          DOMPurify.sanitize($generateHtmlFromNodes(editor)),\n        ),\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;CAKa,UAAU,WAAY;EACjC,MAAM,CAAC,UAAU,2BAA2B;AAE5C,SACE,oBAAC;GACC,WAAU;GACV,yBAAyB,EACvB,QAAQ,OAAO,WACb,UAAU,SAAS,uBAAuB,OAAO,CAAC,CACnD,EACF;IACD"}

package/dist/esm/components/editor/ToolbarContext.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from "react";
+
+//#region src/components/editor/ToolbarContext.d.ts
+declare const blockTypeToBlockName: {
+  bullet: string;
+  check: string;
+  code: string;
+  h1: string;
+  h2: string;
+  h3: string;
+  h4: string;
+  h5: string;
+  h6: string;
+  number: string;
+  paragraph: string;
+  quote: string;
+};
+type BlockType = "check" | "code" | keyof typeof blockTypeToBlockName;
+interface ToolbarState {
+  blockType: BlockType;
+  isBold: boolean;
+  isClear: boolean;
+  isItalic: boolean;
+  isStrikethrough: boolean;
+  isSubscript: boolean;
+  isSuperscript: boolean;
+  isUnderline: boolean;
+}
+type ToolbarStateKey = keyof ToolbarState;
+type ToolbarStateValue<Key extends ToolbarStateKey> = ToolbarState[Key];
+declare const ToolbarProvider: ({
+  children
+}: {
+  children: ReactNode;
+}) => any;
+declare const useToolbarState: () => any;
+//#endregion
+export { BlockType, ToolbarProvider, ToolbarState, ToolbarStateKey, ToolbarStateValue, blockTypeToBlockName, useToolbarState };
+//# sourceMappingURL=ToolbarContext.d.ts.map

package/dist/esm/components/editor/ToolbarContext.js

@@ -0,0 +1,59 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/editor/ToolbarContext.tsx
+var blockTypeToBlockName, Context, ToolbarProvider, useToolbarState;
+var init_ToolbarContext = __esmMin(() => {
+	blockTypeToBlockName = {
+		bullet: "Bulleted List",
+		check: "Check List",
+		code: "Code Block",
+		h1: "Heading 1",
+		h2: "Heading 2",
+		h3: "Heading 3",
+		h4: "Heading 4",
+		h5: "Heading 5",
+		h6: "Heading 6",
+		number: "Numbered List",
+		paragraph: "Normal",
+		quote: "Quote"
+	};
+	Context = createContext(void 0);
+	ToolbarProvider = ({ children }) => {
+		const [toolbarState, setToolbarState] = useState({
+			blockType: "paragraph",
+			isBold: false,
+			isClear: false,
+			isItalic: false,
+			isStrikethrough: false,
+			isSubscript: false,
+			isSuperscript: false,
+			isUnderline: false
+		});
+		const updateToolbarState = useCallback((key, value) => {
+			setToolbarState((prev) => ({
+				...prev,
+				[key]: value
+			}));
+		}, []);
+		const contextValue = useMemo(() => ({
+			toolbarState,
+			updateToolbarState
+		}), [toolbarState, updateToolbarState]);
+		return /* @__PURE__ */ jsx(Context.Provider, {
+			value: contextValue,
+			children
+		});
+	};
+	useToolbarState = () => {
+		const context = useContext(Context);
+		if (context === void 0) throw new Error("useToolbarState must be used within a ToolbarProvider");
+		return context;
+	};
+});
+
+//#endregion
+init_ToolbarContext();
+export { ToolbarProvider, blockTypeToBlockName, init_ToolbarContext, useToolbarState };
+//# sourceMappingURL=ToolbarContext.js.map

package/dist/esm/components/editor/ToolbarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarContext.js","names":[],"sources":["../../../../src/components/editor/ToolbarContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nexport const blockTypeToBlockName = {\n  bullet: \"Bulleted List\",\n  check: \"Check List\",\n  code: \"Code Block\",\n  h1: \"Heading 1\",\n  h2: \"Heading 2\",\n  h3: \"Heading 3\",\n  h4: \"Heading 4\",\n  h5: \"Heading 5\",\n  h6: \"Heading 6\",\n  number: \"Numbered List\",\n  paragraph: \"Normal\",\n  quote: \"Quote\",\n};\n\nexport type BlockType = \"check\" | \"code\" | keyof typeof blockTypeToBlockName;\n\nexport interface ToolbarState {\n  blockType: BlockType;\n  isBold: boolean;\n  isClear: boolean;\n  isItalic: boolean;\n  isStrikethrough: boolean;\n  isSubscript: boolean;\n  isSuperscript: boolean;\n  isUnderline: boolean;\n}\n\nexport type ToolbarStateKey = keyof ToolbarState;\n\nexport type ToolbarStateValue<Key extends ToolbarStateKey> = ToolbarState[Key];\n\ninterface ContextShape {\n  toolbarState: ToolbarState;\n  updateToolbarState: <Key extends ToolbarStateKey>(\n    key: Key,\n    value: ToolbarStateValue<Key>,\n  ) => void;\n}\n\nconst Context = createContext<ContextShape | undefined>(undefined);\n\nexport const ToolbarProvider = ({ children }: { children: ReactNode }) => {\n  const [toolbarState, setToolbarState] = useState<ToolbarState>({\n    blockType: \"paragraph\",\n    isBold: false,\n    isClear: false,\n    isItalic: false,\n    isStrikethrough: false,\n    isSubscript: false,\n    isSuperscript: false,\n    isUnderline: false,\n  });\n\n  const updateToolbarState = useCallback(\n    <Key extends ToolbarStateKey>(key: Key, value: ToolbarStateValue<Key>) => {\n      setToolbarState((prev) => ({\n        ...prev,\n        [key]: value,\n      }));\n    },\n    [],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      toolbarState,\n      updateToolbarState,\n    }),\n    [toolbarState, updateToolbarState],\n  );\n\n  return <Context.Provider value={contextValue}>{children}</Context.Provider>;\n};\n\nexport const useToolbarState = () => {\n  const context = useContext(Context);\n\n  if (context === undefined) {\n    throw new Error(\"useToolbarState must be used within a ToolbarProvider\");\n  }\n\n  return context;\n};\n"],"mappings":";;;;;;;CASa,uBAAuB;EAClC,QAAQ;EACR,OAAO;EACP,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,QAAQ;EACR,WAAW;EACX,OAAO;EACR;CA2BK,UAAU,cAAwC,OAAU;CAErD,mBAAmB,EAAE,eAAwC;EACxE,MAAM,CAAC,cAAc,mBAAmB,SAAuB;GAC7D,WAAW;GACX,QAAQ;GACR,SAAS;GACT,UAAU;GACV,iBAAiB;GACjB,aAAa;GACb,eAAe;GACf,aAAa;GACd,CAAC;EAEF,MAAM,qBAAqB,aACK,KAAU,UAAkC;AACxE,oBAAiB,UAAU;IACzB,GAAG;KACF,MAAM;IACR,EAAE;KAEL,EAAE,CACH;EAED,MAAM,eAAe,eACZ;GACL;GACA;GACD,GACD,CAAC,cAAc,mBAAmB,CACnC;AAED,SAAO,oBAAC,QAAQ;GAAS,OAAO;GAAe;IAA4B;;CAGhE,wBAAwB;EACnC,MAAM,UAAU,WAAW,QAAQ;AAEnC,MAAI,YAAY,OACd,OAAM,IAAI,MAAM,wDAAwD;AAG1E,SAAO"}

package/dist/esm/components/editor/ToolbarPlugin.d.ts

@@ -0,0 +1,20 @@
+import { ToolbarOption } from "./Editor.js";
+import React from "react";
+
+//#region src/components/editor/ToolbarPlugin.d.ts
+declare const defaultToolbarOptions: ToolbarOption[];
+interface ToolbarPluginProps {
+  enablePreview?: boolean;
+  isPreview: boolean;
+  setIsPreview: React.Dispatch<React.SetStateAction<boolean>>;
+  toolbarOptions?: ("blockTypes" | "bold" | "clear" | "italic" | "redo" | "strikethrough" | "subscript" | "superscript" | "underline" | "undo")[];
+}
+declare function ToolbarPlugin({
+  enablePreview,
+  isPreview,
+  setIsPreview,
+  toolbarOptions
+}: ToolbarPluginProps): any;
+//#endregion
+export { ToolbarPlugin, defaultToolbarOptions };
+//# sourceMappingURL=ToolbarPlugin.d.ts.map