@simple-builder/react 1.2.4 → 1.2.6

package/dist/{build-container-client-KI3QULNY.mjs → build-container-client-56IGH4EB.mjs}

@@ -1,9 +1,12 @@
 'use client';
 'use client';
 'use client';
-import './chunk-MV72DQML.mjs';
-import { buttonVariants, Button, useBuilder } from './chunk-Q42UV6O3.mjs';
-import { cn, tv, DesignWrapper, builder, Image } from './chunk-F7EVAQN7.mjs';
+'use client';
+'use client';
+'use client';
+import './chunk-XULCJNV7.mjs';
+import { buttonVariants, Button, useBuilder } from './chunk-75X4HNGS.mjs';
+import { cn, tv, DesignWrapper, builder, Image } from './chunk-HA4DTJA7.mjs';
 import * as React25 from 'react';
 import { useCallback } from 'react';
 import { ChevronRight, Check, Circle, X, ChevronDown, ChevronUp, PlusIcon, ArrowUp, ArrowDown, Edit2Icon, Trash2Icon, ImageIcon, XIcon, PlusCircleIcon, CalendarIcon, MonitorIcon, SmartphoneIcon, ChevronLeftIcon, ChevronRightIcon, PaintbrushIcon, Loader2Icon, AlignHorizontalSpaceAroundIcon, AlignHorizontalJustifyStartIcon, ScanIcon } from 'lucide-react';
@@ -181,7 +184,7 @@ var getOutput = (editor, format2) => {
     case "json":
       return editor.getJSON();
     case "html":
-      return editor.isEmpty ? "" : editor.getHTML();
+      return editor.isEmpty() ? "" : editor.getHTML();
     default:
       return editor.getText();
   }
@@ -208,7 +211,7 @@ var useRichTextEditor = ({
     (editor2) => {
       onUpdate?.(getOutput(editor2, output));
     },
-    [output]
+    [output, onUpdate]
   );
   const handleBlur = useCallback(
     (editor2) => {
@@ -424,7 +427,9 @@ var PALETTES = [
     inverse: "hsl(var(--background))",
     colors: [
       { cssVar: "hsl(var(--foreground))" },
+      { cssVar: "hsl(var(--primary-foreground))" },
       { cssVar: "hsl(var(--secondary-foreground))" },
+      { cssVar: "hsl(var(--tertiary-foreground))" },
       { cssVar: "hsl(var(--muted-foreground))" },
       { cssVar: "hsl(var(--accent-foreground))" },
       { cssVar: "hsl(var(--destructive-foreground))" }
@@ -434,7 +439,9 @@ var PALETTES = [
     inverse: "hsl(var(--foreground))",
     colors: [
       { cssVar: "hsl(var(--background))" },
+      { cssVar: "hsl(var(--primary))" },
       { cssVar: "hsl(var(--secondary))" },
+      { cssVar: "hsl(var(--tertiary))" },
       { cssVar: "hsl(var(--muted))" },
       { cssVar: "hsl(var(--accent))" },
       { cssVar: "hsl(var(--destructive))" }
@@ -1054,7 +1061,7 @@ var RichTextEditor = ({
       {
         editor,
         className: cn(
-          "sb-editflow sb-prose sb-flex sb-flex-1",
+          "sb-editflow prose sb-flex sb-flex-1",
           editorContentClassName
         )
       }

package/dist/{build-container-client-DLQONPHH.mjs → build-container-client-6D4M5MV6.mjs}

@@ -1,8 +1,8 @@
 'use client';
 'use client';
-import './chunk-5EZQG6MP.mjs';
-import { buttonVariants, Button, useBuilder } from './chunk-WVO43G3J.mjs';
-import { cn, tv, DesignWrapper, builder, Image } from './chunk-NAY45PRQ.mjs';
+import './chunk-FN6K4WJP.mjs';
+import { buttonVariants, Button, useBuilder } from './chunk-5NN2XSII.mjs';
+import { cn, tv, DesignWrapper, builder, Image } from './chunk-2DLJX5FY.mjs';
 import * as React25 from 'react';
 import { useCallback } from 'react';
 import { ChevronRight, Check, Circle, X, ChevronDown, ChevronUp, PlusIcon, ArrowUp, ArrowDown, Edit2Icon, Trash2Icon, ImageIcon, XIcon, PlusCircleIcon, CalendarIcon, MonitorIcon, SmartphoneIcon, ChevronLeftIcon, ChevronRightIcon, PaintbrushIcon, Loader2Icon, AlignHorizontalSpaceAroundIcon, AlignHorizontalJustifyStartIcon, ScanIcon } from 'lucide-react';
@@ -207,7 +207,7 @@ var useRichTextEditor = ({
     (editor2) => {
       onUpdate?.(getOutput(editor2, output));
     },
-    [output]
+    [output, onUpdate]
   );
   const handleBlur = useCallback(
     (editor2) => {
@@ -423,7 +423,9 @@ var PALETTES = [
     inverse: "hsl(var(--background))",
     colors: [
       { cssVar: "hsl(var(--foreground))" },
+      { cssVar: "hsl(var(--primary-foreground))" },
       { cssVar: "hsl(var(--secondary-foreground))" },
+      { cssVar: "hsl(var(--tertiary-foreground))" },
       { cssVar: "hsl(var(--muted-foreground))" },
       { cssVar: "hsl(var(--accent-foreground))" },
       { cssVar: "hsl(var(--destructive-foreground))" }
@@ -433,7 +435,9 @@ var PALETTES = [
     inverse: "hsl(var(--foreground))",
     colors: [
       { cssVar: "hsl(var(--background))" },
+      { cssVar: "hsl(var(--primary))" },
       { cssVar: "hsl(var(--secondary))" },
+      { cssVar: "hsl(var(--tertiary))" },
       { cssVar: "hsl(var(--muted))" },
       { cssVar: "hsl(var(--accent))" },
       { cssVar: "hsl(var(--destructive))" }

package/dist/{build-container-client-UYQEUZU5.mjs → build-container-client-JR4HENF4.mjs}

@@ -1,15 +1,11 @@
 'use client';
 'use client';
 'use client';
-'use client';
-'use client';
-'use client';
-'use client';
-import './chunk-FUIGTZRW.mjs';
-import { buttonVariants, Button, useBuilder } from './chunk-TZQPIYI7.mjs';
-import { cn, tv, DesignWrapper, builder, Image } from './chunk-527WHDFS.mjs';
+import './chunk-EMZAPBOH.mjs';
+import { buttonVariants, Button, useBuilder } from './chunk-5DXQZNUR.mjs';
+import { cn, tv, DesignWrapper, builder, Image } from './chunk-TF7VKEU2.mjs';
 import * as React25 from 'react';
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { ChevronRight, Check, Circle, X, ChevronDown, ChevronUp, PlusIcon, ArrowUp, ArrowDown, Edit2Icon, Trash2Icon, ImageIcon, XIcon, PlusCircleIcon, CalendarIcon, MonitorIcon, SmartphoneIcon, ChevronLeftIcon, ChevronRightIcon, PaintbrushIcon, Loader2Icon, AlignHorizontalSpaceAroundIcon, AlignHorizontalJustifyStartIcon, ScanIcon } from 'lucide-react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -212,7 +208,7 @@ var useRichTextEditor = ({
     (editor2) => {
       onUpdate?.(getOutput(editor2, output));
     },
-    [output]
+    [output, onUpdate]
   );
   const handleBlur = useCallback(
     (editor2) => {
@@ -220,7 +216,7 @@ var useRichTextEditor = ({
     },
     [output, onBlur]
   );
-  const editor = useEditor({
+  const editorOptions = useMemo(() => ({
     extensions: [StarterKit, Underline, Color, TextStyle, Link],
     editorProps: {
       attributes: {
@@ -234,7 +230,8 @@ var useRichTextEditor = ({
     onUpdate: ({ editor: editor2 }) => handleUpdate(editor2),
     onBlur: ({ editor: editor2 }) => handleBlur(editor2),
     ...options
-  });
+  }), [editorClassName, handleCreate, handleUpdate, handleBlur, options]);
+  const editor = useEditor(editorOptions);
   return editor;
 };
 var DropdownMenu = DropdownMenuPrimitive.Root;
@@ -428,7 +425,9 @@ var PALETTES = [
     inverse: "hsl(var(--background))",
     colors: [
       { cssVar: "hsl(var(--foreground))" },
+      { cssVar: "hsl(var(--primary-foreground))" },
       { cssVar: "hsl(var(--secondary-foreground))" },
+      { cssVar: "hsl(var(--tertiary-foreground))" },
       { cssVar: "hsl(var(--muted-foreground))" },
       { cssVar: "hsl(var(--accent-foreground))" },
       { cssVar: "hsl(var(--destructive-foreground))" }
@@ -438,7 +437,9 @@ var PALETTES = [
     inverse: "hsl(var(--foreground))",
     colors: [
       { cssVar: "hsl(var(--background))" },
+      { cssVar: "hsl(var(--primary))" },
       { cssVar: "hsl(var(--secondary))" },
+      { cssVar: "hsl(var(--tertiary))" },
       { cssVar: "hsl(var(--muted))" },
       { cssVar: "hsl(var(--accent))" },
       { cssVar: "hsl(var(--destructive))" }
@@ -1009,10 +1010,7 @@ var ToolbarSection = ({
     /* @__PURE__ */ React25.createElement("span", null, action.label)
   )))));
 };
-var ToolbarButton = ({
-  className,
-  ...props
-}) => {
+var ToolbarButton = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ React25.createElement(
     Toggle,
     {
@@ -1022,10 +1020,12 @@ var ToolbarButton = ({
         { "sb-bg-accent": props.pressed },
         className
       ),
+      ref,
       ...props
     }
   );
-};
+});
+ToolbarButton.displayName = "ToolbarButton";
 
 // src/features/rich-text-editor/components/rich-text-editor.tsx
 var RichTextEditor = ({
@@ -1059,7 +1059,7 @@ var RichTextEditor = ({
       {
         editor,
         className: cn(
-          "sb-editflow sb-prose sb-flex sb-flex-1",
+          "sb-editflow prose sb-flex sb-flex-1",
           editorContentClassName
         )
       }