@fluencypassdevs/cycle 1.5.0 → 1.6.0

package/bin/mcp.mjs

@@ -248,6 +248,24 @@ const COMPONENTS = [
 <ProgressDot current={1} total={3} size="lg" theme="brand" />`,
     keywords: ["progress", "dot", "ponto", "indicador", "carousel", "slide", "paginacao"],
   },
+  {
+    name: "CircularProgress",
+    import: `import { CircularProgress } from "@fluencypassdevs/cycle"`,
+    description: "Indicador de progresso circular com porcentagem 0-100 no centro. 4 sizes (xs=48px, sm=64px, default=80px, lg=120px). Prop autoTheme escolhe cor baseada no value (0-33 critical, 34-66 warning, 67-100 positive). Prop theme aceita qualquer dos 8 temas Cycle.",
+    props: [
+      { name: "value", type: "number (0-100)", default: "-" },
+      { name: "size", type: '"xs" | "sm" | "default" | "lg"', default: '"default"' },
+      { name: "theme", type: "string", default: "-" },
+      { name: "autoTheme", type: "boolean", default: "false" },
+      { name: "showLabel", type: "boolean", default: "true" },
+      { name: "label", type: "string", default: "-" },
+    ],
+    example: `<CircularProgress value={70} />
+<CircularProgress value={25} autoTheme />
+<CircularProgress value={80} theme="theme-class" size="lg" />
+<CircularProgress value={50} showLabel={false} />`,
+    keywords: ["progress", "circular", "circle", "anel", "ring", "porcentagem", "percentage", "score", "nota", "aproveitamento"],
+  },
   {
     name: "FileCard",
     import: `import { FileCard } from "@fluencypassdevs/cycle"`,

package/dist/chunk-A3Z5GGAI.js

@@ -0,0 +1,130 @@
+import { cn } from './chunk-TYCPXAXF.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-YINJ5YZ5.js';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SIZE_CONFIG = {
+  xs: { px: 48, stroke: 4, fontClass: "text-sm font-semibold" },
+  sm: { px: 64, stroke: 5, fontClass: "text-base font-semibold" },
+  default: { px: 80, stroke: 6, fontClass: "text-2xl font-semibold" },
+  lg: { px: 120, stroke: 8, fontClass: "text-3xl font-semibold" }
+};
+var circularProgressVariants = cva("relative inline-flex shrink-0", {
+  variants: {
+    size: {
+      xs: "size-12",
+      sm: "size-16",
+      default: "size-20",
+      lg: "size-30"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function getAutoTheme(value) {
+  if (value < 34) return "theme-critical";
+  if (value < 67) return "theme-warning";
+  return "theme-positive";
+}
+function CircularProgress(_a) {
+  var _b = _a, {
+    value,
+    size = "default",
+    theme,
+    autoTheme = false,
+    showLabel = true,
+    label,
+    className
+  } = _b, props = __objRest(_b, [
+    "value",
+    "size",
+    "theme",
+    "autoTheme",
+    "showLabel",
+    "label",
+    "className"
+  ]);
+  const clamped = Math.min(100, Math.max(0, value));
+  const config = SIZE_CONFIG[size != null ? size : "default"];
+  const { px, stroke, fontClass } = config;
+  const radius = (px - stroke) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const dash = clamped / 100 * circumference;
+  const resolvedTheme = theme != null ? theme : autoTheme ? getAutoTheme(clamped) : void 0;
+  const displayLabel = label != null ? label : `${Math.round(clamped)}%`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "circular-progress",
+      role: "progressbar",
+      "aria-valuenow": clamped,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": !showLabel && !label ? `Progress: ${Math.round(clamped)}%` : void 0,
+      className: cn(circularProgressVariants({ size }), resolvedTheme, className),
+      style: { width: px, height: px }
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute rounded-full",
+              resolvedTheme ? "bg-accent" : "bg-neutral-input/40"
+            ),
+            style: { inset: stroke }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "absolute inset-0 size-full -rotate-90",
+            viewBox: `0 0 ${px} ${px}`,
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: px / 2,
+                  cy: px / 2,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth: stroke,
+                  className: cn(resolvedTheme ? "stroke-muted" : "stroke-neutral-input")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: px / 2,
+                  cy: px / 2,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth: stroke,
+                  strokeLinecap: "round",
+                  strokeDasharray: `${dash} ${circumference}`,
+                  className: cn("transition-[stroke-dasharray] duration-500", resolvedTheme ? "stroke-primary" : "stroke-neutral-foreground")
+                }
+              )
+            ]
+          }
+        ),
+        showLabel && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "relative z-10 flex size-full items-center justify-center text-neutral-foreground",
+              fontClass
+            ),
+            children: displayLabel
+          }
+        )
+      ]
+    })
+  );
+}
+
+export { CircularProgress, circularProgressVariants };
+//# sourceMappingURL=chunk-A3Z5GGAI.js.map
+//# sourceMappingURL=chunk-A3Z5GGAI.js.map

package/dist/chunk-A3Z5GGAI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/circular-progress.tsx"],"names":[],"mappings":"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","file":"chunk-A3Z5GGAI.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Size config ─── */\n\nconst SIZE_CONFIG = {\n  xs: { px: 48, stroke: 4, fontClass: \"text-sm font-semibold\" },\n  sm: { px: 64, stroke: 5, fontClass: \"text-base font-semibold\" },\n  default: { px: 80, stroke: 6, fontClass: \"text-2xl font-semibold\" },\n  lg: { px: 120, stroke: 8, fontClass: \"text-3xl font-semibold\" },\n} as const\n\nconst circularProgressVariants = cva(\"relative inline-flex shrink-0\", {\n  variants: {\n    size: {\n      xs: \"size-12\",\n      sm: \"size-16\",\n      default: \"size-20\",\n      lg: \"size-30\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\n/* ─── Auto-theme thresholds ─── */\n\nfunction getAutoTheme(value: number): string {\n  if (value < 34) return \"theme-critical\"\n  if (value < 67) return \"theme-warning\"\n  return \"theme-positive\"\n}\n\nexport interface CircularProgressProps\n  extends Omit<React.ComponentProps<\"div\">, \"children\">,\n    VariantProps<typeof circularProgressVariants> {\n  /** Valor de 0 a 100 (clamped) */\n  value: number\n  /** Classe de tema fixa (ex: \"theme-brand\", \"theme-class\"). Tem precedencia sobre autoTheme. */\n  theme?: string\n  /** Se true, escolhe o tema automaticamente: 0–33 critical, 34–66 warning, 67–100 positive. */\n  autoTheme?: boolean\n  /** Mostrar label central com a porcentagem (default true) */\n  showLabel?: boolean\n  /** Label customizado — sobrescreve `${value}%` */\n  label?: string\n}\n\nfunction CircularProgress({\n  value,\n  size = \"default\",\n  theme,\n  autoTheme = false,\n  showLabel = true,\n  label,\n  className,\n  ...props\n}: CircularProgressProps) {\n  const clamped = Math.min(100, Math.max(0, value))\n  const config = SIZE_CONFIG[size ?? \"default\"]\n  const { px, stroke, fontClass } = config\n\n  const radius = (px - stroke) / 2\n  const circumference = 2 * Math.PI * radius\n  const dash = (clamped / 100) * circumference\n\n  const resolvedTheme = theme ?? (autoTheme ? getAutoTheme(clamped) : undefined)\n  const displayLabel = label ?? `${Math.round(clamped)}%`\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      role=\"progressbar\"\n      aria-valuenow={clamped}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-label={!showLabel && !label ? `Progress: ${Math.round(clamped)}%` : undefined}\n      className={cn(circularProgressVariants({ size }), resolvedTheme, className)}\n      style={{ width: px, height: px }}\n      {...props}\n    >\n      {/* Inner pastel fill */}\n      <div\n        className={cn(\n          \"absolute rounded-full\",\n          resolvedTheme ? \"bg-accent\" : \"bg-neutral-input/40\"\n        )}\n        style={{ inset: stroke }}\n      />\n\n      {/* Progress arcs */}\n      <svg\n        className=\"absolute inset-0 size-full -rotate-90\"\n        viewBox={`0 0 ${px} ${px}`}\n        aria-hidden=\"true\"\n      >\n        <circle\n          cx={px / 2}\n          cy={px / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          className={cn(resolvedTheme ? \"stroke-muted\" : \"stroke-neutral-input\")}\n        />\n        <circle\n          cx={px / 2}\n          cy={px / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          strokeDasharray={`${dash} ${circumference}`}\n          className={cn(\"transition-[stroke-dasharray] duration-500\", resolvedTheme ? \"stroke-primary\" : \"stroke-neutral-foreground\")}\n        />\n      </svg>\n\n      {/* Center label */}\n      {showLabel && (\n        <span\n          className={cn(\n            \"relative z-10 flex size-full items-center justify-center text-neutral-foreground\",\n            fontClass\n          )}\n        >\n          {displayLabel}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport { CircularProgress, circularProgressVariants }\n"]}

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

@@ -20,6 +20,7 @@ export { Toggle, ToggleProps, toggleVariants } from './ui/toggle.js';
 export { Progress, ProgressProps, indicatorVariants, progressVariants } from './ui/progress.js';
 export { ProgressStage, ProgressStageProps } from './ui/progress-stage.js';
 export { ProgressDot, ProgressDotProps, dotVariants, progressDotVariants } from './ui/progress-dot.js';
+export { CircularProgress, CircularProgressProps, circularProgressVariants } from './ui/circular-progress.js';
 export { FileCard, FileCardProps, fileCardVariants } from './ui/file-card.js';
 export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './ui/avatar.js';
 export { ChatBubble, ChatBubbleProps, chatBubbleVariants } from './ui/chat-bubble.js';
@@ -43,6 +44,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 +56,4 @@ import '@vidstack/react/player/layouts/default';
 import 'sonner';
 import 'react-resizable-panels';
 import 'vaul';
+import '@tiptap/react';

package/dist/index.js

@@ -1,6 +1,9 @@
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-YJ4U7ISM.js';
 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 { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './chunk-EF6FQT4Y.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-IGMII4BK.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-PY2BIZNB.js';
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './chunk-F2Q3E2ZM.js';
@@ -8,7 +11,7 @@ export { Skeleton } from './chunk-2EKU7RP4.js';
 export { Spinner } from './chunk-5XNYJECW.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-5NKTYXWQ.js';
 export { Fab, fabVariants } from './chunk-7NFHHOAE.js';
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-YJ4U7ISM.js';
+export { LiveWaiting } from './chunk-PCLVQPIG.js';
 export { AudioPlayer } from './chunk-DCNZ2DRR.js';
 export { VideoPlayer } from './chunk-V3CBOIGK.js';
 export { playerLocales } from './chunk-C6BQAAHX.js';
@@ -16,16 +19,15 @@ export { Toaster, cycleToast } from './chunk-ELZCZ6ZH.js';
 export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from './chunk-7ZXAU2CD.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-3EFI7PYC.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-SZUWVHP4.js';
-export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './chunk-EF6FQT4Y.js';
 export { ProgressStage } from './chunk-NYJMA2T7.js';
 export { ProgressDot, dotVariants, progressDotVariants } from './chunk-ZTANTDKS.js';
+export { CircularProgress, circularProgressVariants } from './chunk-A3Z5GGAI.js';
 export { FileCard, fileCardVariants } from './chunk-JMNMW54C.js';
 export { ChatPanel } from './chunk-L32AMI4K.js';
 export { ChatBubble, chatBubbleVariants } from './chunk-HZJRM5EK.js';
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './chunk-MSLQRGSP.js';
 export { LikeDislike, likeDislikeVariants } from './chunk-F2XA2Z75.js';
 export { Achievement, Ai, Answer, Badge as BadgeIcon, Certificate, Chat as ChatIcon, Checkpoint, Completion, Conversation, Course, Deadline, Dialogue, Dictionary, Diploma, DotLive, Exercise, Feedback, Flashcard, Fluency, Goal, Grammar, GroupClass, Highlight, Language, Lesson, Listening, Live, MemoryCard, Milestone, Module, Presentation, PrivateClass, Progress as ProgressIcon, Question, Quiz, Ray, Reading, Recap, RecordedClass, Recurring, Repetition, Required, Schedule, Sentence, Streak, Task, Translate, Unit, Vocabulary, Whiteboard } from './chunk-JPEDYOV7.js';
-export { LiveWaiting } from './chunk-PCLVQPIG.js';
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './chunk-MSLQRGSP.js';
 export { CycleIcon, ICON_SIZES } from './chunk-V7M2NHUO.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-QZVQPUVT.js';
 export { ScrollArea, ScrollBar } from './chunk-3LXU5C35.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/circular-progress.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const circularProgressVariants: (props?: ({
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CircularProgressProps extends Omit<React.ComponentProps<"div">, "children">, VariantProps<typeof circularProgressVariants> {
+    /** Valor de 0 a 100 (clamped) */
+    value: number;
+    /** Classe de tema fixa (ex: "theme-brand", "theme-class"). Tem precedencia sobre autoTheme. */
+    theme?: string;
+    /** Se true, escolhe o tema automaticamente: 0–33 critical, 34–66 warning, 67–100 positive. */
+    autoTheme?: boolean;
+    /** Mostrar label central com a porcentagem (default true) */
+    showLabel?: boolean;
+    /** Label customizado — sobrescreve `${value}%` */
+    label?: string;
+}
+declare function CircularProgress({ value, size, theme, autoTheme, showLabel, label, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
+
+export { CircularProgress, type CircularProgressProps, circularProgressVariants };

package/dist/ui/circular-progress.js

@@ -0,0 +1,5 @@
+export { CircularProgress, circularProgressVariants } from '../chunk-A3Z5GGAI.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=circular-progress.js.map
+//# sourceMappingURL=circular-progress.js.map

package/dist/ui/circular-progress.js.map

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

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.6.0",
   "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",