xertica-ui 2.3.0 → 2.4.0

package/dist/rich-text-editor-lyYE2ZG5.cjs

@@ -1,1207 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const RechartsPrimitive = require("recharts");
-const button = require("./button-0CXwCRTm.cjs");
-const classVarianceAuthority = require("class-variance-authority");
-const lucideReact = require("lucide-react");
-const DialogPrimitive = require("@radix-ui/react-dialog");
-const useRichTextEditor = require("./use-rich-text-editor-lpeswbCs.cjs");
-const dropdownMenu = require("./dropdown-menu-Ze1YZFyc.cjs");
-const input = require("./input-CPl84zAx.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const RechartsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RechartsPrimitive);
-const DialogPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DialogPrimitive);
-const THEMES = { light: "", dark: ".dark" };
-const defaultPeriods = [
-  { value: "7d", label: "7 days" },
-  { value: "30d", label: "30 days" },
-  { value: "90d", label: "90 days" }
-];
-const defaultChartColors = [
-  "var(--chart-1)",
-  "var(--chart-2)",
-  "var(--chart-3)",
-  "var(--chart-4)",
-  "var(--chart-5)",
-  "var(--chart-6)",
-  "var(--chart-7)",
-  "var(--chart-8)"
-];
-const chartBarSizes = {
-  sm: 8,
-  md: 14,
-  lg: 22,
-  xl: 32
-};
-const ChartContext = React__namespace.createContext(null);
-function useChart() {
-  const context = React__namespace.useContext(ChartContext);
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />");
-  }
-  return context;
-}
-function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  ...props
-}) {
-  const uniqueId = React__namespace.useId();
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "chart",
-      "data-chart": chartId,
-      className: button.cn(
-        "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border relative h-[300px] min-h-[200px] w-full min-w-0 overflow-hidden text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive__namespace.ResponsiveContainer, { width: "100%", height: "100%", children })
-      ]
-    }
-  ) });
-}
-const ChartStyle = ({ id, config }) => {
-  const colorConfig = Object.entries(config).filter(
-    ([, config2]) => config2.theme || config2.color
-  );
-  if (!colorConfig.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(THEMES).map(
-          ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig.map(([key, itemConfig]) => {
-            var _a;
-            const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
-            return color ? `  --color-${key}: ${color};` : null;
-          }).join("\n")}
-}
-`
-        ).join("\n")
-      }
-    }
-  );
-};
-const ChartTooltip = RechartsPrimitive__namespace.Tooltip;
-function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator = "dot",
-  hideLabel = false,
-  hideIndicator = false,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey
-}) {
-  const { config } = useChart();
-  const tooltipLabel = React__namespace.useMemo(() => {
-    var _a;
-    if (hideLabel || !(payload == null ? void 0 : payload.length)) {
-      return null;
-    }
-    const [item] = payload;
-    const key = `${labelKey || (item == null ? void 0 : item.dataKey) || (item == null ? void 0 : item.name) || "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
-    if (labelFormatter) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: button.cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
-    }
-    if (!value) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: button.cn("font-medium", labelClassName), children: value });
-  }, [
-    label,
-    labelFormatter,
-    payload,
-    hideLabel,
-    labelClassName,
-    config,
-    labelKey
-  ]);
-  if (!active || !(payload == null ? void 0 : payload.length)) {
-    return null;
-  }
-  const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: button.cn(
-        "border-border/50 bg-background/95 backdrop-blur-sm grid min-w-[8rem] items-start gap-1.5 rounded-xl border px-3 py-2 text-xs shadow-xl",
-        className
-      ),
-      children: [
-        !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
-          var _a;
-          const key = `${nameKey || item.name || item.dataKey || "value"}`;
-          const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          const indicatorColor = color || ((_a = item.payload) == null ? void 0 : _a.fill) || item.color;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: button.cn(
-                "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
-                indicator === "dot" && "items-center"
-              ),
-              children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: button.cn(
-                      "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
-                      {
-                        "h-2.5 w-2.5": indicator === "dot",
-                        "w-1": indicator === "line",
-                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                        "my-0.5": nestLabel && indicator === "dashed"
-                      }
-                    ),
-                    style: {
-                      "--color-bg": indicatorColor,
-                      "--color-border": indicatorColor
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "div",
-                  {
-                    className: button.cn(
-                      "flex flex-1 justify-between leading-none",
-                      nestLabel ? "items-end" : "items-center"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1.5", children: [
-                        nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
-                      ] }),
-                      item.value && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-mono font-semibold tabular-nums", children: item.value.toLocaleString() })
-                    ]
-                  }
-                )
-              ] })
-            },
-            item.dataKey
-          );
-        }) })
-      ]
-    }
-  );
-}
-const ChartLegend = RechartsPrimitive__namespace.Legend;
-function ChartLegendContent({
-  className,
-  hideIcon = false,
-  payload,
-  verticalAlign = "bottom",
-  nameKey
-}) {
-  const { config } = useChart();
-  if (!(payload == null ? void 0 : payload.length)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: button.cn(
-        "flex items-center justify-center gap-4",
-        verticalAlign === "top" ? "pb-3" : "pt-3",
-        className
-      ),
-      children: payload.map((item) => {
-        const key = `${nameKey ? item.value : item.dataKey || item.value || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: button.cn(
-              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
-            ),
-            children: [
-              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: "h-2 w-2 shrink-0 rounded-full bg-(--color-bg)",
-                  style: {
-                    "--color-bg": item.color || `var(--color-${key})`
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs", children: (itemConfig == null ? void 0 : itemConfig.label) || item.value })
-            ]
-          },
-          item.value
-        );
-      })
-    }
-  );
-}
-function getPayloadConfigFromPayload(config, payload, key) {
-  if (typeof payload !== "object" || payload === null) {
-    return void 0;
-  }
-  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
-  let configLabelKey = key;
-  if (key in payload && typeof payload[key] === "string") {
-    configLabelKey = payload[key];
-  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
-    configLabelKey = payloadPayload[key];
-  }
-  return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-const alertVariants = classVarianceAuthority.cva(
-  "relative w-full rounded-[var(--radius)] border-l-4 px-4 py-3 grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-muted/50 border-l-border text-foreground [&>svg]:text-muted-foreground",
-        success: "bg-[color:var(--success)]/10 dark:bg-[color:var(--success)]/20 border-l-[color:var(--success)] text-foreground [&>svg]:text-[color:var(--success)]",
-        info: "bg-[color:var(--info)]/10 dark:bg-[color:var(--info)]/20 border-l-[color:var(--info)] text-foreground [&>svg]:text-[color:var(--info)]",
-        warning: "bg-[color:var(--warning)]/10 dark:bg-[color:var(--warning)]/20 border-l-[color:var(--warning)] text-foreground [&>svg]:text-[color:var(--warning)]",
-        destructive: "bg-[color:var(--destructive)]/10 dark:bg-[color:var(--destructive)]/20 border-l-[color:var(--destructive)] text-foreground [&>svg]:text-[color:var(--destructive)]"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-const alertIcons = {
-  default: lucideReact.Info,
-  success: lucideReact.CheckCircle,
-  info: lucideReact.Info,
-  warning: lucideReact.AlertTriangle,
-  destructive: lucideReact.XCircle
-};
-function Alert({
-  className,
-  variant,
-  icon,
-  children,
-  ...props
-}) {
-  const alertVariant = variant && variant in alertIcons ? variant : "default";
-  const DefaultIcon = alertIcons[alertVariant];
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "alert",
-      role: "alert",
-      className: button.cn(alertVariants({ variant }), className),
-      ...props,
-      children: [
-        icon !== void 0 ? icon : /* @__PURE__ */ jsxRuntime.jsx(DefaultIcon, { className: "flex-shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children })
-      ]
-    }
-  );
-}
-function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: button.cn(
-        "font-medium mb-1 leading-tight",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: button.cn(
-        "leading-relaxed",
-        className
-      ),
-      ...props
-    }
-  );
-}
-const Empty = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className: button.cn(
-      "flex min-h-[400px] flex-col items-center justify-center rounded-[var(--radius-card)] border border-dashed border-border p-8 text-center animate-in fade-in-50",
-      className
-    ),
-    ...props
-  }
-));
-Empty.displayName = "Empty";
-const EmptyIcon = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className: button.cn(
-      "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-EmptyIcon.displayName = "EmptyIcon";
-const EmptyImage = React__namespace.forwardRef(({ className, alt, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "img",
-  {
-    ref,
-    alt,
-    className: button.cn("mx-auto mb-4 h-48 w-48 object-contain opacity-50", className),
-    ...props
-  }
-));
-EmptyImage.displayName = "EmptyImage";
-const EmptyTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "h3",
-  {
-    ref,
-    className: button.cn("mt-4 font-semibold text-foreground", className),
-    ...props
-  }
-));
-EmptyTitle.displayName = "EmptyTitle";
-const EmptyDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "p",
-  {
-    ref,
-    className: button.cn("mt-2 text-sm text-muted-foreground max-w-sm mx-auto", className),
-    ...props
-  }
-));
-EmptyDescription.displayName = "EmptyDescription";
-const EmptyAction = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className: button.cn("mt-6 flex flex-col gap-2 sm:flex-row sm:gap-4", className),
-    ...props
-  }
-));
-EmptyAction.displayName = "EmptyAction";
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "table",
-        {
-          "data-slot": "table",
-          className: button.cn("w-full caption-bottom text-sm", className),
-          ...props
-        }
-      )
-    }
-  );
-}
-function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "thead",
-    {
-      "data-slot": "table-header",
-      className: button.cn("[&_tr]:border-b", className),
-      ...props
-    }
-  );
-}
-function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tbody",
-    {
-      "data-slot": "table-body",
-      className: button.cn("[&_tr:last-child]:border-0", className),
-      ...props
-    }
-  );
-}
-function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tfoot",
-    {
-      "data-slot": "table-footer",
-      className: button.cn(
-        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tr",
-    {
-      "data-slot": "table-row",
-      className: button.cn(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "th",
-    {
-      "data-slot": "table-head",
-      className: button.cn(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "td",
-    {
-      "data-slot": "table-cell",
-      className: button.cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableCaption({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "caption",
-    {
-      "data-slot": "table-caption",
-      className: button.cn("text-muted-foreground mt-4 text-sm", className),
-      ...props
-    }
-  );
-}
-const Textarea = React__namespace.forwardRef(
-  ({ className, size = "md", ...props }, ref) => {
-    const sizeClasses = {
-      sm: "px-2 py-1 text-sm",
-      md: "px-3 py-2 text-base",
-      lg: "px-4 py-3 text-base"
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        "data-slot": "textarea",
-        className: button.cn(
-          "flex min-h-16 w-full bg-background rounded-[var(--radius)] border border-border transition-colors outline-none resize-none text-foreground",
-          "placeholder:text-muted-foreground",
-          "focus:ring-2 focus:ring-primary focus:border-transparent",
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          sizeClasses[size],
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
-}
-function DialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
-}
-const DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Overlay,
-  {
-    ref,
-    "data-slot": "dialog-overlay",
-    className: button.cn(
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/40 backdrop-blur-sm",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-const dialogVariants = classVarianceAuthority.cva(
-  "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex flex-col w-full translate-x-[-50%] translate-y-[-50%] border shadow-elevation-sm duration-200 rounded-[var(--radius-card)] overflow-hidden max-h-[calc(100dvh-2rem)]",
-  {
-    variants: {
-      size: {
-        sm: "max-w-sm",
-        md: "max-w-md",
-        lg: "max-w-lg",
-        xl: "max-w-xl",
-        "2xl": "max-w-2xl",
-        "3xl": "max-w-3xl",
-        "4xl": "max-w-4xl",
-        "5xl": "max-w-5xl",
-        full: "max-w-[calc(100vw-2rem)] h-[calc(100dvh-2rem)]"
-      }
-    },
-    defaultVariants: {
-      size: "lg"
-    }
-  }
-);
-const DialogContent = React__namespace.forwardRef(({ className, children, size, showClose = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogPrimitive__namespace.Content,
-    {
-      ref,
-      "data-slot": "dialog-content",
-      className: button.cn(dialogVariants({ size }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 p-6 overflow-y-auto flex-1 min-h-0", children }),
-        showClose && /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute top-4 right-4 z-10 rounded-full p-2 opacity-70 transition-all hover:opacity-100 hover:bg-accent focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: button.cn("flex flex-col gap-2 text-left shrink-0", className),
-      ...props
-    }
-  );
-}
-function DialogBody({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "dialog-body",
-      className: button.cn("flex-1 overflow-y-auto min-h-0 -mx-6 px-6", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: button.cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end shrink-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Title,
-    {
-      "data-slot": "dialog-title",
-      className: button.cn("text-foreground font-semibold leading-tight text-[length:var(--text-h4)]", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Description,
-    {
-      "data-slot": "dialog-description",
-      className: button.cn("text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function RichTextEditor({
-  value,
-  onChange,
-  placeholder,
-  className,
-  actionButton,
-  allowSearch = true,
-  allowLinks = true,
-  allowUndoRedo = true,
-  allowHeadings = true,
-  allowFormatting = true,
-  allowAlignment = true,
-  allowLists = true,
-  showWordCount = true,
-  showCharacterCount = true,
-  disabled = false,
-  readOnly = false,
-  onFocus,
-  onBlur,
-  minHeight,
-  maxHeight
-}) {
-  const isEditable = !disabled && !readOnly;
-  const showToolbar = isEditable;
-  const {
-    editorRef,
-    searchInputRef,
-    linkInputRef,
-    activeFormats,
-    isSearchOpen,
-    setIsSearchOpen,
-    searchQuery,
-    setSearchQuery,
-    linkUrl,
-    setLinkUrl,
-    isLinkOpen,
-    hasSavedSelection,
-    wordCount,
-    characterCount,
-    updateActiveFormats,
-    execCommand,
-    handleInput,
-    performSearch,
-    handleCreateLink,
-    handleUnlink,
-    onLinkPopoverOpenChange
-  } = useRichTextEditor.useRichTextEditor({ value, onChange });
-  const getCurrentBlockLabel = () => {
-    if (activeFormats.h1) return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading1, { className: "w-4 h-4 mr-1 shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: "Título 1" })
-    ] });
-    if (activeFormats.h2) return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading2, { className: "w-4 h-4 mr-1 shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: "Título 2" })
-    ] });
-    if (activeFormats.h3) return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading3, { className: "w-4 h-4 mr-1 shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: "Título 3" })
-    ] });
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { className: "w-4 h-4 mr-1 shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: "Parágrafo" })
-    ] });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: button.cn("flex flex-col h-full w-full bg-background sm:border border-border sm:shadow-sm sm:rounded-lg overflow-hidden", disabled && "opacity-50 pointer-events-none", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-        [contenteditable]:empty:before {
-          content: attr(data-placeholder);
-          color: hsl(var(--muted-foreground));
-          pointer-events: none;
-          display: block;
-        }
-        .prose-editor ul {
-          list-style-type: disc !important;
-          padding-left: 1.5rem !important;
-          margin-top: 0.5rem !important;
-          margin-bottom: 0.5rem !important;
-        }
-        .prose-editor ol {
-          list-style-type: decimal !important;
-          padding-left: 1.5rem !important;
-          margin-top: 0.5rem !important;
-          margin-bottom: 0.5rem !important;
-        }
-        .prose-editor b, .prose-editor strong {
-          font-weight: 600 !important;
-        }
-        .prose-editor i, .prose-editor em {
-          font-style: italic !important;
-        }
-        .prose-editor u {
-          text-decoration: underline !important;
-        }
-        .prose-editor h1 {
-          font-size: 2.25rem !important;
-          font-weight: 700 !important;
-          margin-bottom: 1.25rem !important;
-          line-height: 1.2 !important;
-          margin-top: 2rem !important;
-          color: hsl(var(--foreground));
-        }
-        .prose-editor h2 {
-          font-size: 1.75rem !important;
-          font-weight: 600 !important;
-          margin-bottom: 1rem !important;
-          margin-top: 1.5rem !important;
-          color: hsl(var(--foreground));
-        }
-        .prose-editor h3 {
-          font-size: 1.35rem !important;
-          font-weight: 600 !important;
-          margin-bottom: 0.75rem !important;
-          margin-top: 1.25rem !important;
-          color: hsl(var(--foreground));
-        }
-        .prose-editor p {
-          margin-bottom: 1rem !important;
-          line-height: 1.6 !important;
-        }
-        .prose-editor a {
-          color: var(--info) !important;
-          text-decoration: underline !important;
-          cursor: pointer !important;
-        }
-        .prose-editor h1:first-child, .prose-editor h2:first-child, .prose-editor h3:first-child, .prose-editor p:first-child {
-          margin-top: 0 !important;
-        }
-        .prose-editor {
-          outline: none !important;
-        }
-      ` }),
-    showToolbar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 border-b border-border bg-muted/30 flex items-center gap-1 flex-wrap shrink-0", children: [
-      allowUndoRedo && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-8 w-8 text-muted-foreground",
-            onClick: () => execCommand("undo"),
-            title: "Desfazer",
-            "aria-label": "Desfazer",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Undo, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-8 w-8 text-muted-foreground",
-            onClick: () => execCommand("redo"),
-            title: "Refazer",
-            "aria-label": "Refazer",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Redo, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
-      ] }),
-      allowHeadings && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { modal: false, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { variant: "ghost", size: "sm", className: "h-8 gap-0 text-muted-foreground w-[120px] justify-start px-2", children: [
-            getCurrentBlockLabel(),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-3 h-3 ml-auto opacity-50 shrink-0" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuContent, { align: "start", className: "w-[160px]", style: { zIndex: 9999 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onPointerDown: (e) => e.preventDefault(), onClick: () => execCommand("formatBlock", "P"), className: "gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { className: "w-4 h-4 text-muted-foreground" }),
-              " Parágrafo"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onPointerDown: (e) => e.preventDefault(), onClick: () => execCommand("formatBlock", "H1"), className: "gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading1, { className: "w-4 h-4 text-muted-foreground" }),
-              " Título 1"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onPointerDown: (e) => e.preventDefault(), onClick: () => execCommand("formatBlock", "H2"), className: "gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading2, { className: "w-4 h-4 text-muted-foreground" }),
-              " Título 2"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onPointerDown: (e) => e.preventDefault(), onClick: () => execCommand("formatBlock", "H3"), className: "gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heading3, { className: "w-4 h-4 text-muted-foreground" }),
-              " Título 3"
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
-      ] }),
-      allowFormatting && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: button.cn("h-8 w-8 text-muted-foreground", activeFormats.bold && "bg-muted text-foreground"),
-            onClick: () => execCommand("bold"),
-            title: "Negrito",
-            "aria-label": "Negrito",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: button.cn("h-8 w-8 text-muted-foreground", activeFormats.italic && "bg-muted text-foreground"),
-            onClick: () => execCommand("italic"),
-            title: "Itálico",
-            "aria-label": "Itálico",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: button.cn("h-8 w-8 text-muted-foreground", activeFormats.underline && "bg-muted text-foreground"),
-            onClick: () => execCommand("underline"),
-            title: "Sublinhado",
-            "aria-label": "Sublinhado",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Underline, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
-      ] }),
-      allowAlignment && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: button.cn("h-8 w-8 text-muted-foreground", activeFormats.justifyLeft && "bg-muted text-foreground"),
-            onClick: () => execCommand("justifyLeft"),
-            title: "Alinhar à esquerda",
-            "aria-label": "Alinhar à esquerda",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeft, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: button.cn("h-8 w-8 text-muted-foreground", activeFormats.justifyCenter && "bg-muted text-foreground"),
-            onClick: () => execCommand("justifyCenter"),
-            title: "Centralizar",
-            "aria-label": "Centralizar",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignCenter, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: button.cn("h-8 w-8 text-muted-foreground", activeFormats.justifyRight && "bg-muted text-foreground"),
-            onClick: () => execCommand("justifyRight"),
-            title: "Alinhar à direita",
-            "aria-label": "Alinhar à direita",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignRight, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
-      ] }),
-      allowLists && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: button.cn("h-8 w-8 text-muted-foreground", activeFormats.insertUnorderedList && "bg-muted text-foreground"),
-            onClick: () => execCommand("insertUnorderedList"),
-            title: "Lista com marcadores",
-            "aria-label": "Lista com marcadores",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: button.cn("h-8 w-8 text-muted-foreground", activeFormats.insertOrderedList && "bg-muted text-foreground"),
-            onClick: () => execCommand("insertOrderedList"),
-            title: "Lista numerada",
-            "aria-label": "Lista numerada",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListOrdered, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
-      ] }),
-      allowLinks && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(input.Popover, { open: isLinkOpen, onOpenChange: onLinkPopoverOpenChange, modal: false, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(input.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-            button.Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: button.cn("h-8 w-8 text-muted-foreground", (activeFormats.link || isLinkOpen) && "bg-muted text-foreground"),
-              title: "Inserir link",
-              "aria-label": "Inserir link",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link, { className: "w-4 h-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(input.PopoverContent, { className: "w-80 p-3", align: "start", style: { zIndex: 9999 }, children: !activeFormats.link && !hasSavedSelection ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground py-1", children: "Selecione um texto para criar um link." }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium", children: activeFormats.link ? "Editar Link" : "Inserir Link" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                input.Input,
-                {
-                  ref: linkInputRef,
-                  placeholder: "https://...",
-                  value: linkUrl,
-                  onChange: (e) => setLinkUrl(e.target.value),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter") {
-                      e.preventDefault();
-                      e.stopPropagation();
-                      handleCreateLink();
-                    }
-                  },
-                  className: "h-8 text-xs"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", className: "h-8", onClick: handleCreateLink, children: "Aplicar" })
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-8 w-8 text-muted-foreground",
-            onClick: handleUnlink,
-            title: "Remover link",
-            "aria-label": "Remover link",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
-      ] }),
-      (allowFormatting || allowHeadings || allowAlignment || allowLists || allowLinks) && /* @__PURE__ */ jsxRuntime.jsx(
-        button.Button,
-        {
-          variant: "ghost",
-          size: "icon",
-          className: "h-8 w-8 text-muted-foreground",
-          onClick: () => execCommand("removeFormat"),
-          title: "Limpar formatação",
-          "aria-label": "Limpar formatação",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { className: "w-4 h-4" })
-        }
-      ),
-      allowSearch && /* @__PURE__ */ jsxRuntime.jsx(
-        button.Button,
-        {
-          variant: "ghost",
-          size: "icon",
-          className: button.cn("h-8 w-8 text-muted-foreground", isSearchOpen && "bg-muted text-foreground"),
-          onClick: () => {
-            setIsSearchOpen(!isSearchOpen);
-            if (!isSearchOpen) setTimeout(() => {
-              var _a;
-              return (_a = searchInputRef.current) == null ? void 0 : _a.focus();
-            }, 100);
-          },
-          title: "Buscar",
-          "aria-label": "Buscar",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "w-4 h-4" })
-        }
-      ),
-      actionButton && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-        actionButton
-      ] })
-    ] }),
-    isSearchOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-1.5 border-b border-border bg-muted/20 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 max-w-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          input.Input,
-          {
-            ref: searchInputRef,
-            placeholder: "Buscar no texto...",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                e.preventDefault();
-                performSearch(searchQuery, e.shiftKey);
-              }
-              if (e.key === "Escape") {
-                setIsSearchOpen(false);
-              }
-            },
-            className: "h-8 pl-8 text-xs bg-background"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-7 w-7",
-            onMouseDown: (e) => e.preventDefault(),
-            onClick: () => performSearch(searchQuery, true),
-            title: "Anterior",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-7 w-7",
-            onMouseDown: (e) => e.preventDefault(),
-            onClick: () => performSearch(searchQuery, false),
-            title: "Próximo",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-border mx-1" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          button.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-7 w-7 text-muted-foreground hover:text-foreground",
-            onClick: () => setIsSearchOpen(false),
-            title: "Fechar busca",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block text-[10px] text-muted-foreground ml-auto uppercase tracking-wider font-medium", children: "Pressione Enter para buscar" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "flex-1 overflow-y-auto p-4 sm:p-8 bg-background scrollbar-thin",
-        style: { minHeight, maxHeight },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref: editorRef,
-            role: "textbox",
-            "aria-multiline": "true",
-            "aria-label": placeholder || "Editor de texto rico",
-            "aria-readonly": !isEditable,
-            "aria-disabled": disabled,
-            contentEditable: isEditable,
-            onInput: handleInput,
-            onSelect: isEditable ? updateActiveFormats : void 0,
-            onFocus: () => {
-              updateActiveFormats();
-              onFocus == null ? void 0 : onFocus();
-            },
-            onBlur,
-            className: "prose-editor min-h-full max-w-none focus:outline-none",
-            "data-placeholder": placeholder
-          }
-        )
-      }
-    ),
-    (showWordCount || showCharacterCount) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 border-t border-border bg-muted/20 flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[10px] sm:text-xs text-muted-foreground font-medium uppercase tracking-wider flex items-center gap-2", children: [
-      showWordCount && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        wordCount,
-        " ",
-        wordCount === 1 ? "palavra" : "palavras"
-      ] }),
-      showWordCount && showCharacterCount && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "•" }),
-      showCharacterCount && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        characterCount,
-        " ",
-        characterCount === 1 ? "caractere" : "caracteres"
-      ] })
-    ] }) })
-  ] });
-}
-exports.Alert = Alert;
-exports.AlertDescription = AlertDescription;
-exports.AlertTitle = AlertTitle;
-exports.ChartContainer = ChartContainer;
-exports.ChartLegend = ChartLegend;
-exports.ChartLegendContent = ChartLegendContent;
-exports.ChartStyle = ChartStyle;
-exports.ChartTooltip = ChartTooltip;
-exports.ChartTooltipContent = ChartTooltipContent;
-exports.Dialog = Dialog;
-exports.DialogBody = DialogBody;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.Empty = Empty;
-exports.EmptyAction = EmptyAction;
-exports.EmptyDescription = EmptyDescription;
-exports.EmptyIcon = EmptyIcon;
-exports.EmptyImage = EmptyImage;
-exports.EmptyTitle = EmptyTitle;
-exports.RichTextEditor = RichTextEditor;
-exports.Table = Table;
-exports.TableBody = TableBody;
-exports.TableCaption = TableCaption;
-exports.TableCell = TableCell;
-exports.TableFooter = TableFooter;
-exports.TableHead = TableHead;
-exports.TableHeader = TableHeader;
-exports.TableRow = TableRow;
-exports.Textarea = Textarea;
-exports.chartBarSizes = chartBarSizes;
-exports.defaultChartColors = defaultChartColors;
-exports.defaultPeriods = defaultPeriods;
-exports.getPayloadConfigFromPayload = getPayloadConfigFromPayload;
-exports.useChart = useChart;