@fluencypassdevs/cycle 1.5.0 → 1.5.1

package/dist/chunk-D4UH2HJQ.js

@@ -0,0 +1,303 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-IGMII4BK.js';
+import { CycleIcon } from './chunk-V7M2NHUO.js';
+import { toggleVariants } from './chunk-CIM6KJH5.js';
+import { cn } from './chunk-TYCPXAXF.js';
+import { __spreadValues } from './chunk-YINJ5YZ5.js';
+import * as React from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import Placeholder from '@tiptap/extension-placeholder';
+import { Undo2, Redo2, Bold, Italic, Underline as Underline$1, Strikethrough, Heading2, List, ListOrdered } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ToolbarDivider() {
+  return /* @__PURE__ */ jsx("div", { className: "mx-1 h-5 w-px bg-neutral-border", "aria-hidden": "true" });
+}
+function ToolbarToggle({ pressed, onToggle, icon, label, disabled }) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          toggleVariants({ variant: "default", size: "icon-sm" }),
+          pressed && "bg-accent text-accent-foreground"
+        ),
+        onClick: onToggle,
+        "aria-pressed": pressed,
+        "aria-label": label,
+        disabled,
+        "data-state": pressed ? "on" : "off",
+        children: /* @__PURE__ */ jsx(CycleIcon, { icon, size: "xs", decorative: true })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: label })
+  ] });
+}
+function getToolbarState(editor) {
+  return {
+    isBold: editor.isActive("bold"),
+    isItalic: editor.isActive("italic"),
+    isUnderline: editor.isActive("underline"),
+    isStrike: editor.isActive("strike"),
+    isH2: editor.isActive("heading", { level: 2 }),
+    isBulletList: editor.isActive("bulletList"),
+    isOrderedList: editor.isActive("orderedList"),
+    canUndo: editor.can().undo(),
+    canRedo: editor.can().redo()
+  };
+}
+function EditorToolbar({ editor, state, theme }) {
+  const {
+    isBold,
+    isItalic,
+    isUnderline,
+    isStrike,
+    isH2,
+    isBulletList,
+    isOrderedList,
+    canUndo,
+    canRedo
+  } = state;
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-0.5 overflow-x-auto border-b border-neutral-border px-2 py-1.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        theme
+      ),
+      role: "toolbar",
+      "aria-label": "Formatting options",
+      children: [
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: false,
+            onToggle: () => editor.chain().focus().undo().run(),
+            icon: Undo2,
+            label: "Undo",
+            disabled: !canUndo
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: false,
+            onToggle: () => editor.chain().focus().redo().run(),
+            icon: Redo2,
+            label: "Redo",
+            disabled: !canRedo
+          }
+        ),
+        /* @__PURE__ */ jsx(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: isBold,
+            onToggle: () => editor.chain().focus().toggleBold().run(),
+            icon: Bold,
+            label: "Bold"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: isItalic,
+            onToggle: () => editor.chain().focus().toggleItalic().run(),
+            icon: Italic,
+            label: "Italic"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: isUnderline,
+            onToggle: () => editor.chain().focus().toggleUnderline().run(),
+            icon: Underline$1,
+            label: "Underline"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: isStrike,
+            onToggle: () => editor.chain().focus().toggleStrike().run(),
+            icon: Strikethrough,
+            label: "Strikethrough"
+          }
+        ),
+        /* @__PURE__ */ jsx(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: isH2,
+            onToggle: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+            icon: Heading2,
+            label: "Heading 2"
+          }
+        ),
+        /* @__PURE__ */ jsx(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: isBulletList,
+            onToggle: () => editor.chain().focus().toggleBulletList().run(),
+            icon: List,
+            label: "Bullet list"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToolbarToggle,
+          {
+            pressed: isOrderedList,
+            onToggle: () => editor.chain().focus().toggleOrderedList().run(),
+            icon: ListOrdered,
+            label: "Ordered list"
+          }
+        )
+      ]
+    }
+  ) });
+}
+var Editor = React.forwardRef(
+  function Editor2({
+    content,
+    defaultContent,
+    onChange,
+    placeholder = "Type something...",
+    editable = true,
+    className,
+    autoFocus = false,
+    maxHeight,
+    minHeight = "120px",
+    resizable = false,
+    toolbarTheme
+  }, ref) {
+    var _a;
+    const [toolbarState, setToolbarState] = React.useState({
+      isBold: false,
+      isItalic: false,
+      isUnderline: false,
+      isStrike: false,
+      isH2: false,
+      isBulletList: false,
+      isOrderedList: false,
+      canUndo: false,
+      canRedo: false
+    });
+    const onChangeRef = React.useRef(onChange);
+    onChangeRef.current = onChange;
+    const editor = useEditor({
+      immediatelyRender: false,
+      extensions: [
+        StarterKit.configure({
+          heading: { levels: [2] }
+        }),
+        Underline,
+        Placeholder.configure({ placeholder })
+      ],
+      content: (_a = defaultContent != null ? defaultContent : content) != null ? _a : "",
+      editable,
+      autofocus: autoFocus,
+      onUpdate: ({ editor: e }) => {
+        var _a2;
+        (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, e.getHTML());
+      }
+    });
+    React.useEffect(() => {
+      if (!editor) return;
+      const sync = () => setToolbarState(getToolbarState(editor));
+      sync();
+      editor.on("transaction", sync);
+      return () => {
+        editor.off("transaction", sync);
+      };
+    }, [editor]);
+    React.useEffect(() => {
+      if (content !== void 0 && editor && editor.getHTML() !== content) {
+        editor.commands.setContent(content, { emitUpdate: false });
+      }
+    }, [content, editor]);
+    React.useEffect(() => {
+      editor == null ? void 0 : editor.setEditable(editable);
+    }, [editable, editor]);
+    React.useImperativeHandle(ref, () => ({
+      editor,
+      getHTML: () => {
+        var _a2;
+        return (_a2 = editor == null ? void 0 : editor.getHTML()) != null ? _a2 : "";
+      },
+      getText: () => {
+        var _a2;
+        return (_a2 = editor == null ? void 0 : editor.getText()) != null ? _a2 : "";
+      },
+      clear: () => {
+        editor == null ? void 0 : editor.commands.clearContent();
+      },
+      focus: () => {
+        editor == null ? void 0 : editor.commands.focus();
+      }
+    }), [editor]);
+    if (!editor) return null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-editor-wrapper": true,
+        className: cn(
+          // Base — same tokens as Textarea (outline variant)
+          "w-full rounded-lg border border-neutral-border bg-transparent text-neutral-foreground shadow-xs dark:shadow-none",
+          "transition-[color,border-color,box-shadow,background-color] outline-none",
+          // Hover
+          "hover:border-ring hover:bg-ring/5",
+          // Focus-within (focus is on nested contenteditable, not the wrapper)
+          "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 focus-within:bg-ring/5",
+          // Error
+          "aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40",
+          // Disabled
+          !editable && "opacity-50 cursor-not-allowed pointer-events-none",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("style", { children: `
+          [data-editor-wrapper] .tiptap {
+            min-height: var(--editor-min-h, 120px);
+            max-height: var(--editor-max-h, none);
+          }
+          [data-editor-wrapper] .tiptap p.is-editor-empty:first-child::before {
+            color: var(--color-neutral-muted-foreground);
+            content: attr(data-placeholder);
+            float: left;
+            height: 0;
+            pointer-events: none;
+          }
+        ` }),
+          /* @__PURE__ */ jsx(EditorToolbar, { editor, state: toolbarState, theme: toolbarTheme }),
+          /* @__PURE__ */ jsx(
+            EditorContent,
+            {
+              editor,
+              className: cn(
+                "text-sm text-foreground",
+                "selection:bg-primary selection:text-primary-foreground",
+                resizable && "resize-y",
+                // Scroll on .tiptap directly — Tiptap auto-scrolls to keep cursor in view
+                "[&_.tiptap]:outline-none [&_.tiptap]:overflow-y-auto [&_.tiptap]:px-4 [&_.tiptap]:py-2",
+                "[&_.tiptap_p]:my-1.5 [&_.tiptap_p]:leading-relaxed",
+                "[&_.tiptap_h2]:my-2 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold",
+                "[&_.tiptap_ul]:my-1.5 [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6",
+                "[&_.tiptap_ol]:my-1.5 [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6",
+                "[&_.tiptap_li]:my-0.5"
+              ),
+              style: __spreadValues(__spreadValues({}, minHeight && { ["--editor-min-h"]: minHeight }), maxHeight && { ["--editor-max-h"]: maxHeight })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+export { Editor };
+//# sourceMappingURL=chunk-D4UH2HJQ.js.map
+//# sourceMappingURL=chunk-D4UH2HJQ.js.map

package/dist/chunk-D4UH2HJQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/editor.tsx"],"names":["UnderlineIcon","Editor","_a"],"mappings":"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","file":"chunk-D4UH2HJQ.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useEditor, EditorContent, type Editor as TiptapEditor } from \"@tiptap/react\"\nimport StarterKit from \"@tiptap/starter-kit\"\nimport Underline from \"@tiptap/extension-underline\"\nimport Placeholder from \"@tiptap/extension-placeholder\"\nimport {\n  Bold,\n  Italic,\n  Underline as UnderlineIcon,\n  Strikethrough,\n  Heading2,\n  List,\n  ListOrdered,\n  Undo2,\n  Redo2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { toggleVariants } from \"@/components/ui/toggle\"\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"@/components/ui/tooltip\"\nimport { CycleIcon } from \"@/components/icons\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\nexport interface EditorRef {\n  /** The Tiptap editor instance */\n  editor: TiptapEditor | null\n  /** Get current HTML content */\n  getHTML: () => string\n  /** Get current plain-text content */\n  getText: () => string\n  /** Clear the editor */\n  clear: () => void\n  /** Focus the editor */\n  focus: () => void\n}\n\nexport interface EditorProps {\n  /** HTML content (controlled) */\n  content?: string\n  /** Default HTML content (uncontrolled) */\n  defaultContent?: string\n  /** Called when content changes with the HTML string */\n  onChange?: (html: string) => void\n  /** Placeholder text shown when the editor is empty */\n  placeholder?: string\n  /** Whether the editor is editable */\n  editable?: boolean\n  /** Additional class for the outer wrapper */\n  className?: string\n  /** Auto-focus the editor on mount */\n  autoFocus?: boolean\n  /** Max height of the content area — scrolls when exceeded (e.g. \"300px\", \"50vh\") */\n  maxHeight?: string\n  /** Min height of the content area (default: \"120px\") */\n  minHeight?: string\n  /** Allow the user to resize the editor vertically */\n  resizable?: boolean\n  /** Theme class for the toolbar pressed state (e.g. \"theme-class\", \"theme-brand\") */\n  toolbarTheme?: string\n}\n\n// ── Toolbar internals ────────────────────────────────────────────────\n\nfunction ToolbarDivider() {\n  return <div className=\"mx-1 h-5 w-px bg-neutral-border\" aria-hidden=\"true\" />\n}\n\ninterface ToolbarToggleProps {\n  pressed: boolean\n  onToggle: () => void\n  icon: LucideIcon\n  label: string\n  disabled?: boolean\n}\n\nfunction ToolbarToggle({ pressed, onToggle, icon, label, disabled }: ToolbarToggleProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            toggleVariants({ variant: \"default\", size: \"icon-sm\" }),\n            pressed && \"bg-accent text-accent-foreground\"\n          )}\n          onClick={onToggle}\n          aria-pressed={pressed}\n          aria-label={label}\n          disabled={disabled}\n          data-state={pressed ? \"on\" : \"off\"}\n        >\n          <CycleIcon icon={icon} size=\"xs\" decorative />\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  )\n}\n\ninterface ToolbarState {\n  isBold: boolean\n  isItalic: boolean\n  isUnderline: boolean\n  isStrike: boolean\n  isH2: boolean\n  isBulletList: boolean\n  isOrderedList: boolean\n  canUndo: boolean\n  canRedo: boolean\n}\n\nfunction getToolbarState(editor: TiptapEditor): ToolbarState {\n  return {\n    isBold: editor.isActive(\"bold\"),\n    isItalic: editor.isActive(\"italic\"),\n    isUnderline: editor.isActive(\"underline\"),\n    isStrike: editor.isActive(\"strike\"),\n    isH2: editor.isActive(\"heading\", { level: 2 }),\n    isBulletList: editor.isActive(\"bulletList\"),\n    isOrderedList: editor.isActive(\"orderedList\"),\n    canUndo: editor.can().undo(),\n    canRedo: editor.can().redo(),\n  }\n}\n\nfunction EditorToolbar({ editor, state, theme }: { editor: TiptapEditor; state: ToolbarState; theme?: string }) {\n  const {\n    isBold, isItalic, isUnderline, isStrike, isH2,\n    isBulletList, isOrderedList, canUndo, canRedo,\n  } = state\n\n  return (\n    <TooltipProvider>\n      <div\n        className={cn(\n          \"flex items-center gap-0.5 overflow-x-auto border-b border-neutral-border px-2 py-1.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n          theme\n        )}\n        role=\"toolbar\"\n        aria-label=\"Formatting options\"\n      >\n        {/* History */}\n        <ToolbarToggle\n          pressed={false}\n          onToggle={() => editor.chain().focus().undo().run()}\n          icon={Undo2}\n          label=\"Undo\"\n          disabled={!canUndo}\n        />\n        <ToolbarToggle\n          pressed={false}\n          onToggle={() => editor.chain().focus().redo().run()}\n          icon={Redo2}\n          label=\"Redo\"\n          disabled={!canRedo}\n        />\n\n        <ToolbarDivider />\n\n        {/* Text formatting */}\n        <ToolbarToggle\n          pressed={isBold}\n          onToggle={() => editor.chain().focus().toggleBold().run()}\n          icon={Bold}\n          label=\"Bold\"\n        />\n        <ToolbarToggle\n          pressed={isItalic}\n          onToggle={() => editor.chain().focus().toggleItalic().run()}\n          icon={Italic}\n          label=\"Italic\"\n        />\n        <ToolbarToggle\n          pressed={isUnderline}\n          onToggle={() => editor.chain().focus().toggleUnderline().run()}\n          icon={UnderlineIcon}\n          label=\"Underline\"\n        />\n        <ToolbarToggle\n          pressed={isStrike}\n          onToggle={() => editor.chain().focus().toggleStrike().run()}\n          icon={Strikethrough}\n          label=\"Strikethrough\"\n        />\n\n        <ToolbarDivider />\n\n        {/* Heading */}\n        <ToolbarToggle\n          pressed={isH2}\n          onToggle={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n          icon={Heading2}\n          label=\"Heading 2\"\n        />\n\n        <ToolbarDivider />\n\n        {/* Lists */}\n        <ToolbarToggle\n          pressed={isBulletList}\n          onToggle={() => editor.chain().focus().toggleBulletList().run()}\n          icon={List}\n          label=\"Bullet list\"\n        />\n        <ToolbarToggle\n          pressed={isOrderedList}\n          onToggle={() => editor.chain().focus().toggleOrderedList().run()}\n          icon={ListOrdered}\n          label=\"Ordered list\"\n        />\n      </div>\n    </TooltipProvider>\n  )\n}\n\n// ── Editor ───────────────────────────────────────────────────────────\n\nconst Editor = React.forwardRef<EditorRef, EditorProps>(\n  function Editor(\n    {\n      content,\n      defaultContent,\n      onChange,\n      placeholder = \"Type something...\",\n      editable = true,\n      className,\n      autoFocus = false,\n      maxHeight,\n      minHeight = \"120px\",\n      resizable = false,\n      toolbarTheme,\n    },\n    ref\n  ) {\n    const [toolbarState, setToolbarState] = React.useState<ToolbarState>({\n      isBold: false, isItalic: false, isUnderline: false, isStrike: false,\n      isH2: false, isBulletList: false, isOrderedList: false,\n      canUndo: false, canRedo: false,\n    })\n\n    const onChangeRef = React.useRef(onChange)\n    onChangeRef.current = onChange\n\n    const editor = useEditor({\n      immediatelyRender: false,\n      extensions: [\n        StarterKit.configure({\n          heading: { levels: [2] },\n        }),\n        Underline,\n        Placeholder.configure({ placeholder }),\n      ],\n      content: defaultContent ?? content ?? \"\",\n      editable,\n      autofocus: autoFocus,\n      onUpdate: ({ editor: e }) => {\n        onChangeRef.current?.(e.getHTML())\n      },\n    })\n\n    // Subscribe to editor events directly — avoids stale closure issues\n    // with useEditor callbacks on React 19\n    React.useEffect(() => {\n      if (!editor) return\n      const sync = () => setToolbarState(getToolbarState(editor))\n      sync()\n      editor.on(\"transaction\", sync)\n      return () => { editor.off(\"transaction\", sync) }\n    }, [editor])\n\n    // Sync controlled content\n    React.useEffect(() => {\n      if (content !== undefined && editor && editor.getHTML() !== content) {\n        editor.commands.setContent(content, { emitUpdate: false })\n      }\n    }, [content, editor])\n\n    // Sync editable\n    React.useEffect(() => {\n      editor?.setEditable(editable)\n    }, [editable, editor])\n\n    // Expose ref\n    React.useImperativeHandle(ref, () => ({\n      editor,\n      getHTML: () => editor?.getHTML() ?? \"\",\n      getText: () => editor?.getText() ?? \"\",\n      clear: () => { editor?.commands.clearContent() },\n      focus: () => { editor?.commands.focus() },\n    }), [editor])\n\n    if (!editor) return null\n\n    return (\n      <div\n        data-editor-wrapper\n        className={cn(\n          // Base — same tokens as Textarea (outline variant)\n          \"w-full rounded-lg border border-neutral-border bg-transparent text-neutral-foreground shadow-xs dark:shadow-none\",\n          \"transition-[color,border-color,box-shadow,background-color] outline-none\",\n          // Hover\n          \"hover:border-ring hover:bg-ring/5\",\n          // Focus-within (focus is on nested contenteditable, not the wrapper)\n          \"focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 focus-within:bg-ring/5\",\n          // Error\n          \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40\",\n          // Disabled\n          !editable && \"opacity-50 cursor-not-allowed pointer-events-none\",\n          className\n        )}\n      >\n        {/* Scoped styles: placeholder + Tiptap scroll/sizing */}\n        <style>{`\n          [data-editor-wrapper] .tiptap {\n            min-height: var(--editor-min-h, 120px);\n            max-height: var(--editor-max-h, none);\n          }\n          [data-editor-wrapper] .tiptap p.is-editor-empty:first-child::before {\n            color: var(--color-neutral-muted-foreground);\n            content: attr(data-placeholder);\n            float: left;\n            height: 0;\n            pointer-events: none;\n          }\n        `}</style>\n\n        <EditorToolbar editor={editor} state={toolbarState} theme={toolbarTheme} />\n\n        <EditorContent\n          editor={editor}\n          className={cn(\n            \"text-sm text-foreground\",\n            \"selection:bg-primary selection:text-primary-foreground\",\n            resizable && \"resize-y\",\n            // Scroll on .tiptap directly — Tiptap auto-scrolls to keep cursor in view\n            \"[&_.tiptap]:outline-none [&_.tiptap]:overflow-y-auto [&_.tiptap]:px-4 [&_.tiptap]:py-2\",\n            \"[&_.tiptap_p]:my-1.5 [&_.tiptap_p]:leading-relaxed\",\n            \"[&_.tiptap_h2]:my-2 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold\",\n            \"[&_.tiptap_ul]:my-1.5 [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6\",\n            \"[&_.tiptap_ol]:my-1.5 [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6\",\n            \"[&_.tiptap_li]:my-0.5\",\n          )}\n          style={{\n            ...(minHeight && { [\"--editor-min-h\" as string]: minHeight }),\n            ...(maxHeight && { [\"--editor-max-h\" as string]: maxHeight }),\n          }}\n        />\n      </div>\n    )\n  }\n)\n\nexport { Editor }\n"]}

package/dist/index.d.ts

@@ -43,6 +43,7 @@ export { Fab, FabProps, fabVariants } from './ui/fab.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './ui/drawer.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './ui/dialog.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './ui/dropdown-menu.js';
+export { Editor, EditorProps, EditorRef } from './ui/editor.js';
 import 'clsx';
 import 'react';
 import 'lucide-react';
@@ -54,3 +55,4 @@ import '@vidstack/react/player/layouts/default';
 import 'sonner';
 import 'react-resizable-panels';
 import 'vaul';
+import '@tiptap/react';

package/dist/index.js

@@ -1,4 +1,5 @@
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-NOMLQHZS.js';
+export { Editor } from './chunk-D4UH2HJQ.js';
 export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-66CU7J2I.js';
 export { FluencypassIcon, FluencypassLogo } from './chunk-5LZHXNBV.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-IGMII4BK.js';

package/dist/ui/badge.d.ts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "progress" | "default" | "outline" | "destructive" | "secondary" | "ghost" | "muted" | "success" | "progress-completed" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "progress" | "muted" | "success" | "progress-completed" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
     asChild?: boolean;

package/dist/ui/button.d.ts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "default" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "icon" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/ui/checkbox.d.ts

@@ -5,7 +5,7 @@ import { Checkbox as Checkbox$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const checkboxVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
     variant?: "default" | "circular" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CheckboxProps extends React.ComponentProps<typeof Checkbox$1.Root>, VariantProps<typeof checkboxVariants> {

package/dist/ui/editor.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { Editor as Editor$1 } from '@tiptap/react';
+
+interface EditorRef {
+    /** The Tiptap editor instance */
+    editor: Editor$1 | null;
+    /** Get current HTML content */
+    getHTML: () => string;
+    /** Get current plain-text content */
+    getText: () => string;
+    /** Clear the editor */
+    clear: () => void;
+    /** Focus the editor */
+    focus: () => void;
+}
+interface EditorProps {
+    /** HTML content (controlled) */
+    content?: string;
+    /** Default HTML content (uncontrolled) */
+    defaultContent?: string;
+    /** Called when content changes with the HTML string */
+    onChange?: (html: string) => void;
+    /** Placeholder text shown when the editor is empty */
+    placeholder?: string;
+    /** Whether the editor is editable */
+    editable?: boolean;
+    /** Additional class for the outer wrapper */
+    className?: string;
+    /** Auto-focus the editor on mount */
+    autoFocus?: boolean;
+    /** Max height of the content area — scrolls when exceeded (e.g. "300px", "50vh") */
+    maxHeight?: string;
+    /** Min height of the content area (default: "120px") */
+    minHeight?: string;
+    /** Allow the user to resize the editor vertically */
+    resizable?: boolean;
+    /** Theme class for the toolbar pressed state (e.g. "theme-class", "theme-brand") */
+    toolbarTheme?: string;
+}
+declare const Editor: React.ForwardRefExoticComponent<EditorProps & React.RefAttributes<EditorRef>>;
+
+export { Editor, type EditorProps, type EditorRef };

package/dist/ui/editor.js

@@ -0,0 +1,9 @@
+export { Editor } from '../chunk-D4UH2HJQ.js';
+import '../chunk-IGMII4BK.js';
+import '../chunk-JPEDYOV7.js';
+import '../chunk-V7M2NHUO.js';
+import '../chunk-CIM6KJH5.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=editor.js.map
+//# sourceMappingURL=editor.js.map

package/dist/ui/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"editor.js"}

package/dist/ui/empty.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
-    variant?: "default" | "icon" | null | undefined;
+    variant?: "icon" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/ui/fab.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const fabVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
     variant?: "default" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface FabProps extends React.ComponentProps<"button">, VariantProps<typeof fabVariants> {

package/dist/ui/file-card.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const fileCardVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface FileCardProps extends Omit<React.ComponentProps<"button">, "children" | "size">, VariantProps<typeof fileCardVariants> {
     /** Nome do arquivo exibido como titulo */

package/dist/ui/like-dislike.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const likeDislikeVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xs" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type LikeDislikeValue = "like" | "dislike" | null;
 interface LikeDislikeProps extends Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">, VariantProps<typeof likeDislikeVariants> {

package/dist/ui/progress-dot.d.ts

@@ -4,10 +4,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressDotVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xs" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const dotVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xs" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ProgressDotProps extends React.ComponentProps<"div">, VariantProps<typeof dotVariants> {
     /** Numero total de stages (2–10) */

package/dist/ui/progress-stage.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressStagePillVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xs" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ProgressStageProps extends React.ComponentProps<"div">, VariantProps<typeof progressStagePillVariants> {
     /** Numero total de stages (2–10) */

package/dist/ui/progress.d.ts

@@ -5,7 +5,7 @@ import { Progress as Progress$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xs" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const indicatorVariants: (props?: ({
     variant?: "default" | "destructive" | "secondary" | "muted" | null | undefined;

package/dist/ui/radio-group.d.ts

@@ -5,7 +5,7 @@ import { RadioGroup as RadioGroup$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const radioVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface RadioGroupProps extends React.ComponentProps<typeof RadioGroup$1.Root> {
 }

package/dist/ui/slider.d.ts

@@ -5,7 +5,7 @@ import { Slider as Slider$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const sliderVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SliderProps extends React.ComponentProps<typeof Slider$1.Root>, VariantProps<typeof sliderVariants> {
     /** Classe de tema aplicada (ex: "theme-brand") */

package/dist/ui/switch.d.ts

@@ -5,7 +5,7 @@ import { Switch as Switch$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const switchVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SwitchProps extends React.ComponentProps<typeof Switch$1.Root>, VariantProps<typeof switchVariants> {
     /** Classe de tema aplicada no estado checked (ex: "theme-brand") */

package/dist/ui/tabs.d.ts

@@ -6,7 +6,7 @@ import { Tabs as Tabs$1 } from 'radix-ui';
 
 declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime.JSX.Element;
 declare const tabsListVariants: (props?: ({
-    variant?: "line" | "default" | null | undefined;
+    variant?: "default" | "line" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime.JSX.Element;

package/dist/ui/toggle.d.ts

@@ -6,7 +6,7 @@ import { Toggle as Toggle$1 } from 'radix-ui';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "icon" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React.ComponentProps<typeof Toggle$1.Root>, VariantProps<typeof toggleVariants> {
     /** Preenche icones SVG quando o toggle esta ativo (on). Ideal para icones como Heart, Star, Bookmark. */

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@fluencypassdevs/cycle",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Cycle Design System — UI component library by Fluencypass",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/Fluencypass/Cycle.git"
+    "url": "git+https://github.com/Fluencypass/Cycle.git"
   },
   "type": "module",
   "sideEffects": [
@@ -51,7 +51,7 @@
     "./tailwind-theme.css": "./dist/styles/tokens.css"
   },
   "bin": {
-    "cycle": "./bin/cli.mjs"
+    "cycle": "bin/cli.mjs"
   },
   "files": [
     "dist",
@@ -80,6 +80,10 @@
     }
   },
   "dependencies": {
+    "@tiptap/extension-placeholder": "^3.22.3",
+    "@tiptap/extension-underline": "^3.22.3",
+    "@tiptap/react": "^3.22.3",
+    "@tiptap/starter-kit": "^3.22.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.577.0",