arxatec-ui 0.1.44 → 0.1.45

package/dist/annotation_editor_extensions-OCgySol8.js

@@ -0,0 +1,804 @@
+import { _ as e, f as t, g as n, l as r, u as i, y as a } from "./sheet-BiKQYwnD.js";
+import * as o from "react";
+import s, { useEffect as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { CheckIcon as f, ChevronDown as p, ChevronDownIcon as m, ChevronUpIcon as h, ItalicIcon as ee, UnderlineIcon as te, XIcon as ne } from "lucide-react";
+import * as g from "@radix-ui/react-dialog";
+import * as _ from "@radix-ui/react-scroll-area";
+import * as re from "@radix-ui/react-label";
+import * as v from "@radix-ui/react-select";
+import { Slot as ie } from "@radix-ui/react-slot";
+import { cva as ae } from "class-variance-authority";
+import * as y from "@radix-ui/react-popover";
+import { Drawer as b } from "vaul";
+import * as x from "@radix-ui/react-slider";
+import * as S from "@radix-ui/react-tabs";
+import { Color as oe } from "@tiptap/extension-color";
+import se from "@tiptap/extension-highlight";
+import { FontFamily as C, FontSize as ce, TextStyle as le } from "@tiptap/extension-text-style";
+import ue from "@tiptap/extension-underline";
+import de from "@tiptap/starter-kit";
+import fe from "@tiptap/extension-placeholder";
+//#region src/hooks/use_media_query/index.ts
+function w(e) {
+	let [t, n] = l(!1);
+	return c(() => {
+		let r = window.matchMedia(e);
+		r.matches !== t && n(r.matches);
+		let i = () => n(r.matches);
+		return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+	}, [t, e]), t;
+}
+//#endregion
+//#region src/components/dialog/index.tsx
+function pe({ ...e }) {
+	return /* @__PURE__ */ u(g.Root, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function me({ ...e }) {
+	return /* @__PURE__ */ u(g.Trigger, {
+		"data-slot": "dialog-trigger",
+		...e
+	});
+}
+function T({ ...e }) {
+	return /* @__PURE__ */ u(g.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function he({ ...e }) {
+	return /* @__PURE__ */ u(g.Close, {
+		"data-slot": "dialog-close",
+		...e
+	});
+}
+function E({ className: e, onContextMenu: t, ...n }) {
+	return /* @__PURE__ */ u(g.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: a("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/50", e),
+		onContextMenu: (e) => {
+			e.stopPropagation(), t?.(e);
+		},
+		...n
+	});
+}
+function ge({ className: e, children: t, showCloseButton: n = !0, onContextMenu: r, ...i }) {
+	return /* @__PURE__ */ d(T, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ u(E, {}), /* @__PURE__ */ d(g.Content, {
+			"data-slot": "dialog-content",
+			className: a("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 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-md border p-4 shadow-lg duration-200 sm:max-w-lg", e),
+			onContextMenu: (e) => {
+				e.stopPropagation(), r?.(e);
+			},
+			...i,
+			children: [t, n && /* @__PURE__ */ d(g.Close, {
+				"data-slot": "dialog-close",
+				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ u(ne, {}), /* @__PURE__ */ u("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function _e({ className: e, ...t }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "dialog-header",
+		className: a("flex flex-col gap-2 text-center sm:text-left", e),
+		...t
+	});
+}
+function ve({ className: e, ...t }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "dialog-footer",
+		className: a("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
+		...t
+	});
+}
+function ye({ className: e, ...t }) {
+	return /* @__PURE__ */ u(g.Title, {
+		"data-slot": "dialog-title",
+		className: a("text-base font-normal text-primary leading-none", e),
+		...t
+	});
+}
+function be({ className: e, ...t }) {
+	return /* @__PURE__ */ u(g.Description, {
+		"data-slot": "dialog-description",
+		className: a("text-muted-foreground text-sm", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/scroll_area/index.tsx
+function D({ className: e, children: t, viewportRef: n, ...r }) {
+	let i = o.useRef(null);
+	return o.useLayoutEffect(() => {
+		if (!n || !i.current) return;
+		let e = i.current.closest("[data-slot=\"scroll-area-viewport\"]");
+		return typeof n == "function" ? (n(e), () => {
+			n(null);
+		}) : (n.current = e, () => {
+			n.current = null;
+		});
+	}, [n]), /* @__PURE__ */ d(_.Root, {
+		"data-slot": "scroll-area",
+		className: a("relative", e),
+		...r,
+		children: [
+			/* @__PURE__ */ d(_.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+				children: [/* @__PURE__ */ u("div", {
+					ref: i,
+					"aria-hidden": !0,
+					style: { display: "none" }
+				}), t]
+			}),
+			/* @__PURE__ */ u(O, {}),
+			/* @__PURE__ */ u(_.Corner, {})
+		]
+	});
+}
+function O({ className: e, orientation: t = "vertical", ...n }) {
+	return /* @__PURE__ */ u(_.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: t,
+		className: a("flex touch-none p-px transition-colors select-none", t === "vertical" && "h-full w-2.5 border-l border-l-transparent", t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", e),
+		...n,
+		children: /* @__PURE__ */ u(_.ScrollAreaThumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "bg-border relative flex-1 rounded-sm"
+		})
+	});
+}
+//#endregion
+//#region src/components/label/index.tsx
+function xe({ className: e, ...t }) {
+	return /* @__PURE__ */ u(re.Root, {
+		"data-slot": "label",
+		className: a("flex items-center gap-2 text-sm leading-none font-normal select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/select/index.tsx
+function Se({ ...e }) {
+	return /* @__PURE__ */ u(v.Root, {
+		"data-slot": "select",
+		...e
+	});
+}
+function Ce({ ...e }) {
+	return /* @__PURE__ */ u(v.Group, {
+		"data-slot": "select-group",
+		...e
+	});
+}
+function k({ ...e }) {
+	return /* @__PURE__ */ u(v.Value, {
+		"data-slot": "select-value",
+		...e
+	});
+}
+function A({ className: e, size: t = "default", children: n, ...r }) {
+	return /* @__PURE__ */ d(v.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": t,
+		className: a("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-card px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", e),
+		...r,
+		children: [n, /* @__PURE__ */ u(v.Icon, {
+			asChild: !0,
+			children: /* @__PURE__ */ u(m, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function we({ className: e, children: t, position: n = "popper", ...r }) {
+	return /* @__PURE__ */ u(v.Portal, { children: /* @__PURE__ */ d(v.Content, {
+		"data-slot": "select-content",
+		className: a("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
+		position: n,
+		...r,
+		children: [
+			/* @__PURE__ */ u(j, {}),
+			/* @__PURE__ */ u(v.Viewport, {
+				className: a("p-1", n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children: t
+			}),
+			/* @__PURE__ */ u(M, {})
+		]
+	}) });
+}
+function Te({ className: e, ...t }) {
+	return /* @__PURE__ */ u(v.Label, {
+		"data-slot": "select-label",
+		className: a("text-muted-foreground px-2 py-1.5 text-xs", e),
+		...t
+	});
+}
+function Ee({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d(v.Item, {
+		"data-slot": "select-item",
+		className: a("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", e),
+		...n,
+		children: [/* @__PURE__ */ u("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ u(v.ItemIndicator, { children: /* @__PURE__ */ u(f, { className: "size-4" }) })
+		}), /* @__PURE__ */ u(v.ItemText, { children: t })]
+	});
+}
+function De({ className: e, ...t }) {
+	return /* @__PURE__ */ u(v.Separator, {
+		"data-slot": "select-separator",
+		className: a("bg-border pointer-events-none -mx-1 my-1 h-px", e),
+		...t
+	});
+}
+function j({ className: e, ...t }) {
+	return /* @__PURE__ */ u(v.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: a("flex cursor-default items-center justify-center py-1", e),
+		...t,
+		children: /* @__PURE__ */ u(h, { className: "size-4" })
+	});
+}
+function M({ className: e, ...t }) {
+	return /* @__PURE__ */ u(v.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: a("flex cursor-default items-center justify-center py-1", e),
+		...t,
+		children: /* @__PURE__ */ u(m, { className: "size-4" })
+	});
+}
+//#endregion
+//#region src/components/badge/index.tsx
+var N = ae("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Oe({ className: e, variant: t, asChild: n = !1, ...r }) {
+	return /* @__PURE__ */ u(n ? ie : "span", {
+		"data-slot": "badge",
+		className: a(N({ variant: t }), e),
+		...r
+	});
+}
+//#endregion
+//#region src/components/popover/index.tsx
+function P({ ...e }) {
+	return /* @__PURE__ */ u(y.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function F({ ...e }) {
+	return /* @__PURE__ */ u(y.Trigger, {
+		"data-slot": "popover-trigger",
+		...e
+	});
+}
+function I({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ u(y.Portal, { children: /* @__PURE__ */ u(y.Content, {
+		"data-slot": "popover-content",
+		align: t,
+		sideOffset: n,
+		className: a("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", e),
+		...r
+	}) });
+}
+function ke({ ...e }) {
+	return /* @__PURE__ */ u(y.Anchor, {
+		"data-slot": "popover-anchor",
+		...e
+	});
+}
+//#endregion
+//#region src/components/drawer/index.tsx
+function L({ ...e }) {
+	return /* @__PURE__ */ u(b.Root, {
+		"data-slot": "drawer",
+		...e
+	});
+}
+function R({ ...e }) {
+	return /* @__PURE__ */ u(b.Trigger, {
+		"data-slot": "drawer-trigger",
+		...e
+	});
+}
+function z({ ...e }) {
+	return /* @__PURE__ */ u(b.Portal, {
+		"data-slot": "drawer-portal",
+		...e
+	});
+}
+function Ae({ ...e }) {
+	return /* @__PURE__ */ u(b.Close, {
+		"data-slot": "drawer-close",
+		...e
+	});
+}
+function B({ className: e, ...t }) {
+	return /* @__PURE__ */ u(b.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: a("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/50", e),
+		...t
+	});
+}
+function V({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d(z, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ u(B, {}), /* @__PURE__ */ d(b.Content, {
+			"data-slot": "drawer-content",
+			className: a("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", e),
+			...n,
+			children: [/* @__PURE__ */ u("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), t]
+		})]
+	});
+}
+function H({ className: e, ...t }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "drawer-header",
+		className: a("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", e),
+		...t
+	});
+}
+function je({ className: e, ...t }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "drawer-footer",
+		className: a("mt-auto flex flex-col gap-2 p-4", e),
+		...t
+	});
+}
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ u(b.Title, {
+		"data-slot": "drawer-title",
+		className: a("text-foreground font-semibold", e),
+		...t
+	});
+}
+function Me({ className: e, ...t }) {
+	return /* @__PURE__ */ u(b.Description, {
+		"data-slot": "drawer-description",
+		className: a("text-muted-foreground text-sm", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/slider/index.tsx
+function Ne({ className: e, defaultValue: t, value: n, min: r = 0, max: i = 100, ...s }) {
+	let c = o.useMemo(() => Array.isArray(n) ? n : Array.isArray(t) ? t : [r, i], [
+		n,
+		t,
+		r,
+		i
+	]);
+	return /* @__PURE__ */ d(x.Root, {
+		"data-slot": "slider",
+		defaultValue: t,
+		value: n,
+		min: r,
+		max: i,
+		className: a("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", e),
+		...s,
+		children: [/* @__PURE__ */ u(x.Track, {
+			"data-slot": "slider-track",
+			className: a("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
+			children: /* @__PURE__ */ u(x.Range, {
+				"data-slot": "slider-range",
+				className: a("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+			})
+		}), Array.from({ length: c.length }, (e, t) => /* @__PURE__ */ u(x.Thumb, {
+			"data-slot": "slider-thumb",
+			className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+		}, t))]
+	});
+}
+//#endregion
+//#region src/components/status_message/index.tsx
+var W = {
+	rose: {
+		border: "border-status-card-border-error",
+		background: "bg-status-card-background-error",
+		backgroundCardIcon: "bg-status-card-background-icon-error",
+		textPrimary: "text-status-card-foreground-error",
+		textSecondary: "text-status-card-foreground-error opacity-60"
+	},
+	white: {
+		border: "border-status-card-border-empty",
+		background: "bg-status-card-background-empty",
+		backgroundCardIcon: "bg-status-card-background-icon-empty",
+		textPrimary: "text-status-card-foreground-empty",
+		textSecondary: "text-status-card-foreground-emtpy opacity-60"
+	}
+}, Pe = ({ title: e, description: t, color: n = "rose", icon: r, size: i = "md", classNameCard: o, classNameDescription: s, classNameIconCard: c, classNameTitle: l }) => /* @__PURE__ */ d("div", {
+	className: a(" rounded-md flex items-center flex-wrap border", i === "sm" ? "p-4 gap-2" : "p-6 gap-4", o, W[n].background, W[n].border),
+	children: [r && /* @__PURE__ */ u("div", {
+		className: a("rounded-md flex items-center justify-center ", i === "sm" ? "size-8" : "size-12", c, W[n].backgroundCardIcon),
+		children: /* @__PURE__ */ u(r, { className: a(W[n].textPrimary, i === "sm" ? "size-4" : "size-6") })
+	}), /* @__PURE__ */ d("div", {
+		className: a("flex flex-col"),
+		children: [/* @__PURE__ */ u("h2", {
+			className: a("font-normal", i === "sm" ? "text-sm" : "text-base", W[n].textPrimary, l),
+			children: e
+		}), /* @__PURE__ */ u("p", {
+			className: a(i === "sm" ? "text-sm" : "text-sm max-w-md", W[n].textSecondary, s),
+			children: t
+		})]
+	})]
+});
+//#endregion
+//#region src/components/tabs/index.tsx
+function Fe({ className: e, ...t }) {
+	return /* @__PURE__ */ u(S.Root, {
+		"data-slot": "tabs",
+		className: a("flex flex-col gap-2", e),
+		...t
+	});
+}
+function Ie({ className: e, ...t }) {
+	return /* @__PURE__ */ u(S.List, {
+		"data-slot": "tabs-list",
+		className: a("bg-muted text-muted-foreground inline-flex h-8 w-fit items-center justify-center rounded-md p-[3px]", e),
+		...t
+	});
+}
+function Le({ className: e, ...t }) {
+	return /* @__PURE__ */ u(S.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: a("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", e),
+		...t
+	});
+}
+function Re({ className: e, ...t }) {
+	return /* @__PURE__ */ u(S.Content, {
+		"data-slot": "tabs-content",
+		className: a("flex-1 outline-none", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/text_area/index.tsx
+function ze({ className: e, ...t }) {
+	return /* @__PURE__ */ u("textarea", {
+		"data-slot": "textarea",
+		className: a("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-card px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/rich_text_editor/toolbars/mobile_toolbar_group/index.tsx
+var G = ({ label: t, children: n, className: r }) => {
+	let [i, o] = l(!1), c = () => o(!1);
+	return /* @__PURE__ */ d(L, {
+		open: i,
+		onOpenChange: o,
+		children: [/* @__PURE__ */ u(R, {
+			asChild: !0,
+			children: /* @__PURE__ */ d(e, {
+				variant: "ghost",
+				size: "sm",
+				className: a("h-8 w-max gap-1 px-3 font-normal", r),
+				children: [t, /* @__PURE__ */ u(p, { className: "h-4 w-4" })]
+			})
+		}), /* @__PURE__ */ d(V, { children: [/* @__PURE__ */ u(H, { children: /* @__PURE__ */ u(U, {
+			className: "text-start",
+			children: t
+		}) }), /* @__PURE__ */ u("div", {
+			className: "flex flex-col p-4",
+			children: s.Children.map(n, (e) => s.isValidElement(e) ? s.cloneElement(e, { closeDrawer: c }) : e)
+		})] })]
+	});
+}, K = ({ children: e, active: t, onClick: n, closeDrawer: r, ...i }) => /* @__PURE__ */ u("button", {
+	className: a("flex w-full items-center rounded-md px-4 py-2 text-sm transition-colors hover:bg-accent", t && "bg-accent"),
+	onClick: (e) => {
+		n?.(e), setTimeout(() => {
+			r?.();
+		}, 100);
+	},
+	...i,
+	children: e
+}), q = s.createContext(null), J = () => {
+	let e = s.useContext(q);
+	if (!e) throw Error("useToolbar must be used within a ToolbarProvider");
+	return e;
+}, Be = ({ editor: e, children: t }) => {
+	let [, n] = s.useReducer((e) => e + 1, 0);
+	return s.useEffect(() => {
+		if (!e) return;
+		let t = () => n();
+		return e.on("transaction", t), () => {
+			e.off("transaction", t);
+		};
+	}, [e]), /* @__PURE__ */ u(q.Provider, {
+		value: { editor: e },
+		children: t
+	});
+}, Y = [
+	{
+		name: "Predeterminado",
+		color: "var(--editor-text-default)"
+	},
+	{
+		name: "Gris",
+		color: "var(--editor-text-gray)"
+	},
+	{
+		name: "Marrón",
+		color: "var(--editor-text-brown)"
+	},
+	{
+		name: "Naranja",
+		color: "var(--editor-text-orange)"
+	},
+	{
+		name: "Amarillo",
+		color: "var(--editor-text-yellow)"
+	},
+	{
+		name: "Verde",
+		color: "var(--editor-text-green)"
+	},
+	{
+		name: "Azul",
+		color: "var(--editor-text-blue)"
+	},
+	{
+		name: "Púrpura",
+		color: "var(--editor-text-purple)"
+	},
+	{
+		name: "Rosa",
+		color: "var(--editor-text-pink)"
+	},
+	{
+		name: "Rojo",
+		color: "var(--editor-text-red)"
+	}
+], X = [
+	{
+		name: "Predeterminado",
+		color: "var(--editor-highlight-default)"
+	},
+	{
+		name: "Gris",
+		color: "var(--editor-highlight-gray)"
+	},
+	{
+		name: "Marrón",
+		color: "var(--editor-highlight-brown)"
+	},
+	{
+		name: "Naranja",
+		color: "var(--editor-highlight-orange)"
+	},
+	{
+		name: "Amarillo",
+		color: "var(--editor-highlight-yellow)"
+	},
+	{
+		name: "Verde",
+		color: "var(--editor-highlight-green)"
+	},
+	{
+		name: "Azul",
+		color: "var(--editor-highlight-blue)"
+	},
+	{
+		name: "Púrpura",
+		color: "var(--editor-highlight-purple)"
+	},
+	{
+		name: "Rosa",
+		color: "var(--editor-highlight-pink)"
+	},
+	{
+		name: "Rojo",
+		color: "var(--editor-highlight-red)"
+	}
+], Z = ({ name: e, color: t, isActive: n, onClick: r, isHighlight: i }) => /* @__PURE__ */ d("button", {
+	onClick: r,
+	className: "flex w-full items-center justify-between rounded-sm px-2 py-1 text-sm hover:bg-muted cursor-pointer",
+	type: "button",
+	children: [/* @__PURE__ */ d("div", {
+		className: "flex items-center space-x-2 ",
+		children: [/* @__PURE__ */ u("div", {
+			className: "rounded-sm border size-5 font-medium",
+			style: i ? { backgroundColor: t } : { color: t },
+			children: "A"
+		}), /* @__PURE__ */ u("span", { children: e })]
+	}), n && /* @__PURE__ */ u(f, { className: "h-4 w-4" })]
+}), Ve = () => {
+	let { editor: o } = J(), s = w("(max-width: 640px)"), c = o?.getAttributes("textStyle").color, l = o?.getAttributes("highlight").color, f = (e) => {
+		o?.chain().focus().setColor(e === c ? "" : e).run();
+	}, p = (e) => {
+		o?.chain().focus().setHighlight(e === l ? { color: "" } : { color: e }).run();
+	}, h = !o?.can().chain().setHighlight().run() || !o?.can().chain().setColor("").run();
+	return s ? /* @__PURE__ */ d("div", {
+		className: "flex gap-1",
+		children: [/* @__PURE__ */ u(G, {
+			label: "Color",
+			children: Y.map(({ name: e, color: t }) => /* @__PURE__ */ u(K, {
+				onClick: () => f(t),
+				active: c === t,
+				children: /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u("div", {
+						className: "rounded-sm border px-2",
+						style: { color: t },
+						children: "A"
+					}), /* @__PURE__ */ u("span", { children: e })]
+				})
+			}, e))
+		}), /* @__PURE__ */ u(G, {
+			label: "Resaltado",
+			children: X.map(({ name: e, color: t }) => /* @__PURE__ */ u(K, {
+				onClick: () => p(t),
+				active: l === t,
+				children: /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u("div", {
+						className: "rounded-sm border px-2",
+						style: { backgroundColor: t },
+						children: "A"
+					}), /* @__PURE__ */ u("span", { children: e })]
+				})
+			}, e))
+		})]
+	}) : /* @__PURE__ */ u(P, { children: /* @__PURE__ */ d("div", {
+		className: "relative h-full",
+		children: [/* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(t, {
+			asChild: !0,
+			children: /* @__PURE__ */ u(F, {
+				disabled: h,
+				asChild: !0,
+				children: /* @__PURE__ */ d(e, {
+					variant: "ghost",
+					size: "sm",
+					style: { color: c },
+					className: a("h-8 w-14 p-0 font-normal"),
+					children: [/* @__PURE__ */ u("span", {
+						className: "text-md",
+						children: "A"
+					}), /* @__PURE__ */ u(m, { className: "ml-2 h-4 w-4" })]
+				})
+			})
+		}), /* @__PURE__ */ u(i, { children: "Color de Texto y Resaltado" })] }), /* @__PURE__ */ u(I, {
+			align: "start",
+			className: "w-56 p-0! dark:bg-gray-2",
+			onWheel: (e) => e.stopPropagation(),
+			onTouchMove: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ d(D, {
+				className: "h-80 pb-2",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "mb-1 mt-2 px-2 text-xs text-muted-foreground uppercase",
+						children: "Color"
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "px-2",
+						children: Y.map(({ name: e, color: t }) => /* @__PURE__ */ u(Z, {
+							name: e,
+							color: t,
+							isActive: c === t,
+							onClick: () => f(t)
+						}, e))
+					}),
+					/* @__PURE__ */ u(n, { className: "my-3" }),
+					/* @__PURE__ */ u("div", {
+						className: "mb-1 w-full px-2 text-xs text-muted-foreground uppercase",
+						children: "Fondo (Resaltado)"
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "px-2",
+						children: X.map(({ name: e, color: t }) => /* @__PURE__ */ u(Z, {
+							name: e,
+							color: t,
+							isActive: l === t,
+							onClick: () => p(t),
+							isHighlight: !0
+						}, e))
+					})
+				]
+			})
+		})]
+	}) });
+}, He = [
+	"10px",
+	"11px",
+	"12px",
+	"14px",
+	"16px",
+	"18px",
+	"20px",
+	"22px",
+	"24px",
+	"28px",
+	"32px",
+	"36px",
+	"40px",
+	"48px",
+	"56px",
+	"64px",
+	"72px"
+], Q = s.forwardRef(({ className: n, onClick: o, children: s, ...c }, l) => {
+	let { editor: f } = J();
+	return /* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(t, {
+		asChild: !0,
+		children: /* @__PURE__ */ u(e, {
+			variant: "ghost",
+			size: "icon",
+			className: a("size-7", f?.isActive("italic") && "bg-accent", n),
+			onClick: (e) => {
+				f?.chain().focus().toggleItalic().run(), o?.(e);
+			},
+			disabled: !f?.can().toggleItalic(),
+			ref: l,
+			...c,
+			children: s ?? /* @__PURE__ */ u(ee, { className: "h-4 w-4" })
+		})
+	}), /* @__PURE__ */ u(i, { children: /* @__PURE__ */ u("span", { children: "Cursiva" }) })] });
+});
+Q.displayName = "ItalicToolbar";
+//#endregion
+//#region src/components/rich_text_editor/toolbars/underline/index.tsx
+var $ = s.forwardRef(({ className: n, onClick: o, children: s, ...c }, l) => {
+	let { editor: f } = J();
+	return /* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(t, {
+		asChild: !0,
+		children: /* @__PURE__ */ u(e, {
+			variant: "ghost",
+			size: "icon",
+			className: a("size-7", f?.isActive("underline") && "bg-accent", n),
+			onClick: (e) => {
+				f?.chain().focus().toggleUnderline().run(), o?.(e);
+			},
+			disabled: !f?.can().toggleUnderline(),
+			ref: l,
+			...c,
+			children: s ?? /* @__PURE__ */ u(te, { className: "h-4 w-4" })
+		})
+	}), /* @__PURE__ */ u(i, { children: /* @__PURE__ */ u("span", { children: "Subrayado" }) })] });
+});
+$.displayName = "UnderlineToolbar";
+//#endregion
+//#region src/components/rich_text_editor/lib/annotation_editor_extensions.ts
+function Ue(e = "Escribe aquí…") {
+	return [
+		de.configure({
+			heading: !1,
+			blockquote: !1,
+			horizontalRule: !1,
+			codeBlock: !1,
+			code: !1,
+			strike: !1,
+			link: !1,
+			underline: !1
+		}),
+		fe.configure({
+			placeholder: e,
+			emptyNodeClass: "is-editor-empty",
+			includeChildren: !1
+		}),
+		le,
+		C,
+		ce,
+		ue,
+		oe,
+		se.configure({ multicolor: !0 })
+	];
+}
+//#endregion
+export { T as $, F as A, De as B, B as C, P as D, R as E, Ce as F, O as G, k as H, Ee as I, ge as J, pe as K, Te as L, N as M, Se as N, ke as O, we as P, E as Q, M as R, H as S, U as T, xe as U, A as V, D as W, ve as X, be as Y, _e as Z, L as _, Ve as a, Me as b, G as c, Fe as d, ye as et, Re as f, Ne as g, Pe as h, He as i, Oe as j, I as k, K as l, Le as m, $ as n, w as nt, Be as o, Ie as p, he as q, Q as r, J as s, Ue as t, me as tt, ze as u, Ae as v, z as w, je as x, V as y, j as z };
+
+//# sourceMappingURL=annotation_editor_extensions-OCgySol8.js.map