arxatec-ui 0.1.57 → 0.1.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/{annotation_editor_extensions-DZxZaGqG.js → annotation_editor_extensions-lVCzmvYn.js} +2 -2
  2. package/dist/{annotation_editor_extensions-DZxZaGqG.js.map → annotation_editor_extensions-lVCzmvYn.js.map} +1 -1
  3. package/dist/file-view.js +1 -1
  4. package/dist/index.js +10 -10
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles.css +214 -210
  7. package/package.json +1 -1
package/dist/{annotation_editor_extensions-DZxZaGqG.js → annotation_editor_extensions-lVCzmvYn.js} RENAMED
@@ -201,7 +201,7 @@ function A({ className: e, size: t = "default", children: n, ...r }) {
201
201
  function we({ className: e, children: t, position: n = "popper", ...r }) {
202
202
  return /* @__PURE__ */ u(v.Portal, { children: /* @__PURE__ */ d(v.Content, {
203
203
  "data-slot": "select-content",
204
- className: a("bg-popover/70 backdrop-blur-sm 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),
204
+ className: a("bg-popover/70 backdrop-blur-lg 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),
205
205
  position: n,
206
206
  ...r,
207
207
  children: [
@@ -801,4 +801,4 @@ function Ue(e = "Escribe aquí…") {
801
801
  //#endregion
802
802
  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 };
803
803
 
804
- //# sourceMappingURL=annotation_editor_extensions-DZxZaGqG.js.map
804
+ //# sourceMappingURL=annotation_editor_extensions-lVCzmvYn.js.map
package/dist/{annotation_editor_extensions-DZxZaGqG.js.map → annotation_editor_extensions-lVCzmvYn.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"annotation_editor_extensions-DZxZaGqG.js","names":[],"sources":["../src/hooks/use_media_query/index.ts","../src/components/dialog/index.tsx","../src/components/scroll_area/index.tsx","../src/components/label/index.tsx","../src/components/select/index.tsx","../src/components/badge/index.tsx","../src/components/popover/index.tsx","../src/components/drawer/index.tsx","../src/components/status_message/index.tsx","../src/components/slider/index.tsx","../src/components/tabs/index.tsx","../src/components/text_area/index.tsx","../src/components/rich_text_editor/toolbars/mobile_toolbar_group/index.tsx","../src/components/rich_text_editor/toolbars/toolbar_provider/context.tsx","../src/components/rich_text_editor/toolbars/toolbar_provider/toolbar_provider.tsx","../src/components/rich_text_editor/toolbars/color_and_highlight/index.tsx","../src/components/rich_text_editor/toolbars/font_size/constants.ts","../src/components/rich_text_editor/toolbars/italic/index.tsx","../src/components/rich_text_editor/toolbars/underline/index.tsx","../src/components/rich_text_editor/lib/annotation_editor_extensions.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport function useMediaQuery(query: string): boolean {\r\n const [matches, setMatches] = useState(false);\r\n\r\n useEffect(() => {\r\n const media = window.matchMedia(query);\r\n if (media.matches !== matches) {\r\n setMatches(media.matches);\r\n }\r\n const listener = () => setMatches(media.matches);\r\n window.addEventListener(\"resize\", listener);\r\n return () => window.removeEventListener(\"resize\", listener);\r\n }, [matches, query]);\r\n\r\n return matches;\r\n}\r\n","import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n className,\n onContextMenu,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"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\",\n className,\n )}\n onContextMenu={(e) => {\n e.stopPropagation();\n onContextMenu?.(e);\n }}\n {...props}\n />\n );\n}\n\nfunction DialogContent({\n className,\n children,\n showCloseButton = true,\n onContextMenu,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n}) {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"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-md\",\n className,\n )}\n onContextMenu={(e) => {\n e.stopPropagation();\n onContextMenu?.(e);\n }}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n 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\"\n >\n <XIcon />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n {...props}\n />\n );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\n \"text-base font-normal text-foreground leading-none\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n","import * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction ScrollArea({\n className,\n children,\n viewportRef,\n ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n viewportRef?: React.Ref<HTMLDivElement>;\n}) {\n const sentinelRef = React.useRef<HTMLDivElement>(null);\n\n // Sync viewportRef via DOM traversal instead of passing it directly to\n // Radix's Viewport ref. Radix composes external refs with an internal\n // callback ref that calls setState — in React 19 this triggers an infinite\n // cleanup/re-apply cycle (setState(null) → re-render → setState(node) → …).\n React.useLayoutEffect(() => {\n if (!viewportRef || !sentinelRef.current) return;\n\n const viewport = sentinelRef.current.closest<HTMLDivElement>(\n '[data-slot=\"scroll-area-viewport\"]'\n );\n\n if (typeof viewportRef === \"function\") {\n viewportRef(viewport);\n return () => {\n viewportRef(null);\n };\n }\n\n (\n viewportRef as React.MutableRefObject<HTMLDivElement | null>\n ).current = viewport;\n return () => {\n (\n viewportRef as React.MutableRefObject<HTMLDivElement | null>\n ).current = null;\n };\n }, [viewportRef]);\n\n return (\n <ScrollAreaPrimitive.Root\n data-slot=\"scroll-area\"\n className={cn(\"relative\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport\n data-slot=\"scroll-area-viewport\"\n className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n >\n <div ref={sentinelRef} aria-hidden style={{ display: \"none\" }} />\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n );\n}\n\nfunction ScrollBar({\n className,\n orientation = \"vertical\",\n ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n return (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n data-slot=\"scroll-area-scrollbar\"\n orientation={orientation}\n className={cn(\n \"flex touch-none p-px transition-colors select-none\",\n orientation === \"vertical\" &&\n \"h-full w-2.5 border-l border-l-transparent\",\n orientation === \"horizontal\" &&\n \"h-2.5 flex-col border-t border-t-transparent\",\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb\n data-slot=\"scroll-area-thumb\"\n className=\"bg-border relative flex-1 rounded-sm\"\n />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n );\n}\n\nexport { ScrollArea, ScrollBar };\n","import * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n","import * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" | \"default\";\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"bg-popover/70 backdrop-blur-sm 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 position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n","/* eslint-disable react-refresh/only-export-components */\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/utilities/index\";\n\nconst badgeVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default:\n \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n destructive:\n \"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\",\n outline:\n \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nfunction Badge({\n className,\n variant,\n asChild = false,\n ...props\n}: React.ComponentProps<\"span\"> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot : \"span\";\n\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n );\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n","import * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Drawer({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n return (\n <DrawerPrimitive.Overlay\n data-slot=\"drawer-overlay\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerContent({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n return (\n <DrawerPortal data-slot=\"drawer-portal\">\n <DrawerOverlay />\n <DrawerPrimitive.Content\n data-slot=\"drawer-content\"\n className={cn(\n \"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n \"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\",\n \"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\",\n \"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\",\n \"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\",\n className\n )}\n {...props}\n >\n <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\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"drawer-header\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"drawer-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction DrawerTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n return (\n <DrawerPrimitive.Title\n data-slot=\"drawer-title\"\n className={cn(\"text-foreground font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction DrawerDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n return (\n <DrawerPrimitive.Description\n data-slot=\"drawer-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n};\n","import { cn } from \"@/utilities\";\n\ninterface Props {\n title: string;\n description: string;\n color?: \"rose\" | \"white\";\n icon?: React.ElementType;\n size?: \"sm\" | \"md\";\n classNameCard?: string;\n classNameIconCard?: string;\n classNameTitle?: string;\n classNameDescription?: string;\n}\nconst colorVariants = {\n rose: {\n border: \"border-status-card-border-error\",\n background: \"bg-status-card-background-error\",\n backgroundCardIcon: \"bg-status-card-background-icon-error\",\n textPrimary: \"text-status-card-foreground-error\",\n textSecondary: \"text-status-card-foreground-error opacity-60\",\n },\n white: {\n border: \"border-status-card-border-empty\",\n background: \"bg-status-card-background-empty\",\n backgroundCardIcon: \"bg-status-card-background-icon-empty\",\n textPrimary: \"text-status-card-foreground-empty\",\n textSecondary: \"text-status-card-foreground-emtpy opacity-60\",\n },\n};\n\nexport const StatusMessage: React.FC<Props> = ({\n title,\n description,\n color = \"rose\",\n icon: Icon,\n size = \"md\",\n classNameCard,\n classNameDescription,\n classNameIconCard,\n classNameTitle,\n}) => {\n return (\n <div\n className={cn(\n \" rounded-md flex items-center flex-wrap border\",\n size === \"sm\" ? \"p-4 gap-2\" : \"p-6 gap-4\",\n classNameCard,\n colorVariants[color].background,\n colorVariants[color].border\n )}\n >\n {Icon && (\n <div\n className={cn(\n \"rounded-md flex items-center justify-center \",\n size === \"sm\" ? \"size-8\" : \"size-12\",\n classNameIconCard,\n colorVariants[color].backgroundCardIcon\n )}\n >\n <Icon\n className={cn(\n colorVariants[color].textPrimary,\n size === \"sm\" ? \"size-4\" : \"size-6\"\n )}\n />\n </div>\n )}\n\n <div className={cn(\"flex flex-col\")}>\n <h2\n className={cn(\n \"font-normal\",\n size === \"sm\" ? \"text-sm\" : \"text-base\",\n colorVariants[color].textPrimary,\n classNameTitle\n )}\n >\n {title}\n </h2>\n <p\n className={cn(\n size === \"sm\" ? \"text-sm\" : \"text-sm max-w-md\",\n colorVariants[color].textSecondary,\n classNameDescription\n )}\n >\n {description}\n </p>\n </div>\n </div>\n );\n};\n","import * as React from \"react\"\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\n\nimport { cn } from \"@/utilities/index\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className={cn(\n \"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\"\n )}\n >\n <SliderPrimitive.Range\n data-slot=\"slider-range\"\n className={cn(\n \"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n )}\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n data-slot=\"slider-thumb\"\n key={index}\n 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\"\n />\n ))}\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n","import * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n className={cn(\"flex flex-col gap-2\", className)}\n {...props}\n />\n );\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-8 w-fit items-center justify-center rounded-md p-[3px]\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn(\"flex-1 outline-none\", className)}\n {...props}\n />\n );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n","import * as React from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n return (\n <textarea\n data-slot=\"textarea\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Textarea };\n","import { cn } from \"@/utilities\";\r\nimport { ChevronDown } from \"lucide-react\";\r\nimport React, { useState } from \"react\";\r\nimport {\r\n Drawer,\r\n DrawerContent,\r\n DrawerHeader,\r\n DrawerTitle,\r\n DrawerTrigger,\r\n} from \"@/components/drawer\";\r\nimport { Button } from \"@/components/button\";\r\n\r\ninterface MobileToolbarGroupProps {\r\n label: string;\r\n children: React.ReactNode;\r\n className?: string;\r\n}\r\n\r\nexport const MobileToolbarGroup = ({\r\n label,\r\n children,\r\n className,\r\n}: MobileToolbarGroupProps) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n\r\n const closeDrawer = () => setIsOpen(false);\r\n\r\n return (\r\n <Drawer open={isOpen} onOpenChange={setIsOpen}>\r\n <DrawerTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n className={cn(\"h-8 w-max gap-1 px-3 font-normal\", className)}\r\n >\r\n {label}\r\n <ChevronDown className=\"h-4 w-4\" />\r\n </Button>\r\n </DrawerTrigger>\r\n <DrawerContent>\r\n <DrawerHeader>\r\n <DrawerTitle className=\"text-start\">{label}</DrawerTitle>\r\n </DrawerHeader>\r\n <div className=\"flex flex-col p-4\">\r\n {React.Children.map(children, (child) =>\r\n React.isValidElement(child)\r\n ? React.cloneElement(child, { closeDrawer } as {\r\n closeDrawer: () => void;\r\n })\r\n : child\r\n )}\r\n </div>\r\n </DrawerContent>\r\n </Drawer>\r\n );\r\n};\r\n\r\nexport const MobileToolbarItem = ({\r\n children,\r\n active,\r\n onClick,\r\n closeDrawer,\r\n ...props\r\n}: React.ButtonHTMLAttributes<HTMLButtonElement> & {\r\n active?: boolean;\r\n closeDrawer?: () => void;\r\n}) => (\r\n <button\r\n className={cn(\r\n \"flex w-full items-center rounded-md px-4 py-2 text-sm transition-colors hover:bg-accent\",\r\n active && \"bg-accent\"\r\n )}\r\n onClick={(e) => {\r\n onClick?.(e);\r\n setTimeout(() => {\r\n closeDrawer?.();\r\n }, 100);\r\n }}\r\n {...props}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import type { Editor } from \"@tiptap/react\";\nimport React from \"react\";\n\nexport interface ToolbarContextProps {\n editor: Editor;\n}\n\nexport const ToolbarContext = React.createContext<ToolbarContextProps | null>(\n null,\n);\n\nexport const useToolbar = () => {\n const context = React.useContext(ToolbarContext);\n\n if (!context) {\n throw new Error(\"useToolbar must be used within a ToolbarProvider\");\n }\n\n return context;\n};\n","import type { Editor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { ToolbarContext } from \"./context\";\n\ninterface ToolbarProviderProps {\n editor: Editor;\n children: React.ReactNode;\n}\n\nexport const ToolbarProvider = ({ editor, children }: ToolbarProviderProps) => {\n const [, forceUpdate] = React.useReducer((x) => x + 1, 0);\n\n React.useEffect(() => {\n if (!editor) return;\n const handleTransaction = () => forceUpdate();\n editor.on(\"transaction\", handleTransaction);\n return () => {\n editor.off(\"transaction\", handleTransaction);\n };\n }, [editor]);\n\n return (\n <ToolbarContext.Provider value={{ editor }}>\n {children}\n </ToolbarContext.Provider>\n );\n};\n","import { ScrollArea } from \"@/components/scroll_area\";\nimport { Separator } from \"@/components/separator\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\";\nimport { Button } from \"@/components/button\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { cn } from \"@/utilities\";\nimport { useToolbar } from \"../toolbar_provider\";\nimport { CheckIcon, ChevronDownIcon } from \"lucide-react\";\nimport { useMediaQuery } from \"@/hooks\";\nimport { MobileToolbarGroup, MobileToolbarItem } from \"../mobile_toolbar_group\";\n\nconst TEXT_COLORS = [\n { name: \"Predeterminado\", color: \"var(--editor-text-default)\" },\n { name: \"Gris\", color: \"var(--editor-text-gray)\" },\n { name: \"Marrón\", color: \"var(--editor-text-brown)\" },\n { name: \"Naranja\", color: \"var(--editor-text-orange)\" },\n { name: \"Amarillo\", color: \"var(--editor-text-yellow)\" },\n { name: \"Verde\", color: \"var(--editor-text-green)\" },\n { name: \"Azul\", color: \"var(--editor-text-blue)\" },\n { name: \"Púrpura\", color: \"var(--editor-text-purple)\" },\n { name: \"Rosa\", color: \"var(--editor-text-pink)\" },\n { name: \"Rojo\", color: \"var(--editor-text-red)\" },\n];\n\nconst HIGHLIGHT_COLORS = [\n { name: \"Predeterminado\", color: \"var(--editor-highlight-default)\" },\n { name: \"Gris\", color: \"var(--editor-highlight-gray)\" },\n { name: \"Marrón\", color: \"var(--editor-highlight-brown)\" },\n { name: \"Naranja\", color: \"var(--editor-highlight-orange)\" },\n { name: \"Amarillo\", color: \"var(--editor-highlight-yellow)\" },\n { name: \"Verde\", color: \"var(--editor-highlight-green)\" },\n { name: \"Azul\", color: \"var(--editor-highlight-blue)\" },\n { name: \"Púrpura\", color: \"var(--editor-highlight-purple)\" },\n { name: \"Rosa\", color: \"var(--editor-highlight-pink)\" },\n { name: \"Rojo\", color: \"var(--editor-highlight-red)\" },\n];\n\ninterface ColorHighlightButtonProps {\n name: string;\n color: string;\n isActive: boolean;\n onClick: () => void;\n isHighlight?: boolean;\n}\n\nconst ColorHighlightButton = ({\n name,\n color,\n isActive,\n onClick,\n isHighlight,\n}: ColorHighlightButtonProps) => (\n <button\n onClick={onClick}\n className=\"flex w-full items-center justify-between rounded-sm px-2 py-1 text-sm hover:bg-muted cursor-pointer\"\n type=\"button\"\n >\n <div className=\"flex items-center space-x-2 \">\n <div\n className=\"rounded-sm border size-5 font-medium\"\n style={isHighlight ? { backgroundColor: color } : { color }}\n >\n A\n </div>\n <span>{name}</span>\n </div>\n {isActive && <CheckIcon className=\"h-4 w-4\" />}\n </button>\n);\n\nexport const ColorHighlightToolbar = () => {\n const { editor } = useToolbar();\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\n\n const currentColor = editor?.getAttributes(\"textStyle\").color;\n const currentHighlight = editor?.getAttributes(\"highlight\").color;\n\n const handleSetColor = (color: string) => {\n editor\n ?.chain()\n .focus()\n .setColor(color === currentColor ? \"\" : color)\n .run();\n };\n\n const handleSetHighlight = (color: string) => {\n editor\n ?.chain()\n .focus()\n .setHighlight(color === currentHighlight ? { color: \"\" } : { color })\n .run();\n };\n\n const isDisabled =\n !editor?.can().chain().setHighlight().run() ||\n !editor?.can().chain().setColor(\"\").run();\n\n if (isMobile) {\n return (\n <div className=\"flex gap-1\">\n <MobileToolbarGroup label=\"Color\">\n {TEXT_COLORS.map(({ name, color }) => (\n <MobileToolbarItem\n key={name}\n onClick={() => handleSetColor(color)}\n active={currentColor === color}\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"rounded-sm border px-2\" style={{ color }}>\n A\n </div>\n <span>{name}</span>\n </div>\n </MobileToolbarItem>\n ))}\n </MobileToolbarGroup>\n\n <MobileToolbarGroup label=\"Resaltado\">\n {HIGHLIGHT_COLORS.map(({ name, color }) => (\n <MobileToolbarItem\n key={name}\n onClick={() => handleSetHighlight(color)}\n active={currentHighlight === color}\n >\n <div className=\"flex items-center gap-2\">\n <div\n className=\"rounded-sm border px-2\"\n style={{ backgroundColor: color }}\n >\n A\n </div>\n <span>{name}</span>\n </div>\n </MobileToolbarItem>\n ))}\n </MobileToolbarGroup>\n </div>\n );\n }\n\n return (\n <Popover>\n <div className=\"relative h-full\">\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger disabled={isDisabled} asChild>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n style={{\n color: currentColor,\n }}\n className={cn(\"h-8 w-14 p-0 font-normal\")}\n >\n <span className=\"text-md\">A</span>\n <ChevronDownIcon className=\"ml-2 h-4 w-4\" />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>Color de Texto y Resaltado</TooltipContent>\n </Tooltip>\n\n <PopoverContent\n align=\"start\"\n className=\"w-56 p-0! dark:bg-gray-2\"\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n >\n <ScrollArea className=\"h-80 pb-2\">\n <div className=\"mb-1 mt-2 px-2 text-xs text-muted-foreground uppercase\">\n Color\n </div>\n <div className=\"px-2\">\n {TEXT_COLORS.map(({ name, color }) => (\n <ColorHighlightButton\n key={name}\n name={name}\n color={color}\n isActive={currentColor === color}\n onClick={() => handleSetColor(color)}\n />\n ))}\n </div>\n\n <Separator className=\"my-3\" />\n\n <div className=\"mb-1 w-full px-2 text-xs text-muted-foreground uppercase\">\n Fondo (Resaltado)\n </div>\n <div className=\"px-2\">\n {HIGHLIGHT_COLORS.map(({ name, color }) => (\n <ColorHighlightButton\n key={name}\n name={name}\n color={color}\n isActive={currentHighlight === color}\n onClick={() => handleSetHighlight(color)}\n isHighlight\n />\n ))}\n </div>\n </ScrollArea>\n </PopoverContent>\n </div>\n </Popover>\n );\n};\n","export const FONT_SIZE_PRESETS = [\n \"10px\",\n \"11px\",\n \"12px\",\n \"14px\",\n \"16px\",\n \"18px\",\n \"20px\",\n \"22px\",\n \"24px\",\n \"28px\",\n \"32px\",\n \"36px\",\n \"40px\",\n \"48px\",\n \"56px\",\n \"64px\",\n \"72px\",\n] as const;\n","import React from \"react\";\nimport { ItalicIcon } from \"lucide-react\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { Button } from \"@/components/button\";\nimport { cn } from \"@/utilities\";\nimport { useToolbar } from \"../toolbar_provider\";\n\nconst ItalicToolbar = React.forwardRef<\n HTMLButtonElement,\n React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, onClick, children, ...props }, ref) => {\n const { editor } = useToolbar();\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\n \"size-7\",\n editor?.isActive(\"italic\") && \"bg-accent\",\n className\n )}\n onClick={(e) => {\n editor?.chain().focus().toggleItalic().run();\n onClick?.(e);\n }}\n disabled={!editor?.can().toggleItalic()}\n ref={ref}\n {...props}\n >\n {children ?? <ItalicIcon className=\"h-4 w-4\" />}\n </Button>\n </TooltipTrigger>\n <TooltipContent>\n <span>Cursiva</span>\n </TooltipContent>\n </Tooltip>\n );\n});\n\nItalicToolbar.displayName = \"ItalicToolbar\";\n\nexport { ItalicToolbar };\n","import React from \"react\";\r\nimport { UnderlineIcon } from \"lucide-react\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\r\nimport { Button } from \"@/components/button\";\r\nimport { cn } from \"@/utilities/index\";\r\nimport { useToolbar } from \"../toolbar_provider\";\r\n\r\nconst UnderlineToolbar = React.forwardRef<\r\n HTMLButtonElement,\r\n React.ButtonHTMLAttributes<HTMLButtonElement>\r\n>(({ className, onClick, children, ...props }, ref) => {\r\n const { editor } = useToolbar();\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className={cn(\r\n \"size-7\",\r\n editor?.isActive(\"underline\") && \"bg-accent\",\r\n className\r\n )}\r\n onClick={(e) => {\r\n editor?.chain().focus().toggleUnderline().run();\r\n onClick?.(e);\r\n }}\r\n disabled={!editor?.can().toggleUnderline()}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children ?? <UnderlineIcon className=\"h-4 w-4\" />}\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent>\r\n <span>Subrayado</span>\r\n </TooltipContent>\r\n </Tooltip>\r\n );\r\n});\r\n\r\nUnderlineToolbar.displayName = \"UnderlineToolbar\";\r\n\r\nexport { UnderlineToolbar };\r\n","import type { Extension } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { TextStyle, FontFamily, FontSize } from \"@tiptap/extension-text-style\";\nimport { Color } from \"@tiptap/extension-color\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport Underline from \"@tiptap/extension-underline\";\n\nexport function createAnnotationEditorExtensions(\n placeholder = \"Escribe aquí…\",\n): Extension[] {\n return [\n StarterKit.configure({\n heading: false,\n blockquote: false,\n horizontalRule: false,\n codeBlock: false,\n code: false,\n strike: false,\n link: false,\n underline: false,\n }),\n Placeholder.configure({\n placeholder,\n emptyNodeClass: \"is-editor-empty\",\n includeChildren: false,\n }),\n TextStyle,\n FontFamily,\n FontSize,\n Underline,\n Color,\n Highlight.configure({\n multicolor: true,\n }),\n ] as Extension[];\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"annotation_editor_extensions-lVCzmvYn.js","names":[],"sources":["../src/hooks/use_media_query/index.ts","../src/components/dialog/index.tsx","../src/components/scroll_area/index.tsx","../src/components/label/index.tsx","../src/components/select/index.tsx","../src/components/badge/index.tsx","../src/components/popover/index.tsx","../src/components/drawer/index.tsx","../src/components/status_message/index.tsx","../src/components/slider/index.tsx","../src/components/tabs/index.tsx","../src/components/text_area/index.tsx","../src/components/rich_text_editor/toolbars/mobile_toolbar_group/index.tsx","../src/components/rich_text_editor/toolbars/toolbar_provider/context.tsx","../src/components/rich_text_editor/toolbars/toolbar_provider/toolbar_provider.tsx","../src/components/rich_text_editor/toolbars/color_and_highlight/index.tsx","../src/components/rich_text_editor/toolbars/font_size/constants.ts","../src/components/rich_text_editor/toolbars/italic/index.tsx","../src/components/rich_text_editor/toolbars/underline/index.tsx","../src/components/rich_text_editor/lib/annotation_editor_extensions.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport function useMediaQuery(query: string): boolean {\r\n const [matches, setMatches] = useState(false);\r\n\r\n useEffect(() => {\r\n const media = window.matchMedia(query);\r\n if (media.matches !== matches) {\r\n setMatches(media.matches);\r\n }\r\n const listener = () => setMatches(media.matches);\r\n window.addEventListener(\"resize\", listener);\r\n return () => window.removeEventListener(\"resize\", listener);\r\n }, [matches, query]);\r\n\r\n return matches;\r\n}\r\n","import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n className,\n onContextMenu,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"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\",\n className,\n )}\n onContextMenu={(e) => {\n e.stopPropagation();\n onContextMenu?.(e);\n }}\n {...props}\n />\n );\n}\n\nfunction DialogContent({\n className,\n children,\n showCloseButton = true,\n onContextMenu,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n}) {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"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-md\",\n className,\n )}\n onContextMenu={(e) => {\n e.stopPropagation();\n onContextMenu?.(e);\n }}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n 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\"\n >\n <XIcon />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n {...props}\n />\n );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\n \"text-base font-normal text-foreground leading-none\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n","import * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction ScrollArea({\n className,\n children,\n viewportRef,\n ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n viewportRef?: React.Ref<HTMLDivElement>;\n}) {\n const sentinelRef = React.useRef<HTMLDivElement>(null);\n\n // Sync viewportRef via DOM traversal instead of passing it directly to\n // Radix's Viewport ref. Radix composes external refs with an internal\n // callback ref that calls setState — in React 19 this triggers an infinite\n // cleanup/re-apply cycle (setState(null) → re-render → setState(node) → …).\n React.useLayoutEffect(() => {\n if (!viewportRef || !sentinelRef.current) return;\n\n const viewport = sentinelRef.current.closest<HTMLDivElement>(\n '[data-slot=\"scroll-area-viewport\"]'\n );\n\n if (typeof viewportRef === \"function\") {\n viewportRef(viewport);\n return () => {\n viewportRef(null);\n };\n }\n\n (\n viewportRef as React.MutableRefObject<HTMLDivElement | null>\n ).current = viewport;\n return () => {\n (\n viewportRef as React.MutableRefObject<HTMLDivElement | null>\n ).current = null;\n };\n }, [viewportRef]);\n\n return (\n <ScrollAreaPrimitive.Root\n data-slot=\"scroll-area\"\n className={cn(\"relative\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport\n data-slot=\"scroll-area-viewport\"\n className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n >\n <div ref={sentinelRef} aria-hidden style={{ display: \"none\" }} />\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n );\n}\n\nfunction ScrollBar({\n className,\n orientation = \"vertical\",\n ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n return (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n data-slot=\"scroll-area-scrollbar\"\n orientation={orientation}\n className={cn(\n \"flex touch-none p-px transition-colors select-none\",\n orientation === \"vertical\" &&\n \"h-full w-2.5 border-l border-l-transparent\",\n orientation === \"horizontal\" &&\n \"h-2.5 flex-col border-t border-t-transparent\",\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb\n data-slot=\"scroll-area-thumb\"\n className=\"bg-border relative flex-1 rounded-sm\"\n />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n );\n}\n\nexport { ScrollArea, ScrollBar };\n","import * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n","import * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" | \"default\";\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"bg-popover/70 backdrop-blur-lg 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 position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n","/* eslint-disable react-refresh/only-export-components */\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/utilities/index\";\n\nconst badgeVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default:\n \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n destructive:\n \"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\",\n outline:\n \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nfunction Badge({\n className,\n variant,\n asChild = false,\n ...props\n}: React.ComponentProps<\"span\"> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot : \"span\";\n\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n );\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n","import * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Drawer({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n return (\n <DrawerPrimitive.Overlay\n data-slot=\"drawer-overlay\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerContent({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n return (\n <DrawerPortal data-slot=\"drawer-portal\">\n <DrawerOverlay />\n <DrawerPrimitive.Content\n data-slot=\"drawer-content\"\n className={cn(\n \"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n \"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\",\n \"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\",\n \"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\",\n \"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\",\n className\n )}\n {...props}\n >\n <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\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"drawer-header\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"drawer-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction DrawerTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n return (\n <DrawerPrimitive.Title\n data-slot=\"drawer-title\"\n className={cn(\"text-foreground font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction DrawerDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n return (\n <DrawerPrimitive.Description\n data-slot=\"drawer-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n};\n","import { cn } from \"@/utilities\";\n\ninterface Props {\n title: string;\n description: string;\n color?: \"rose\" | \"white\";\n icon?: React.ElementType;\n size?: \"sm\" | \"md\";\n classNameCard?: string;\n classNameIconCard?: string;\n classNameTitle?: string;\n classNameDescription?: string;\n}\nconst colorVariants = {\n rose: {\n border: \"border-status-card-border-error\",\n background: \"bg-status-card-background-error\",\n backgroundCardIcon: \"bg-status-card-background-icon-error\",\n textPrimary: \"text-status-card-foreground-error\",\n textSecondary: \"text-status-card-foreground-error opacity-60\",\n },\n white: {\n border: \"border-status-card-border-empty\",\n background: \"bg-status-card-background-empty\",\n backgroundCardIcon: \"bg-status-card-background-icon-empty\",\n textPrimary: \"text-status-card-foreground-empty\",\n textSecondary: \"text-status-card-foreground-emtpy opacity-60\",\n },\n};\n\nexport const StatusMessage: React.FC<Props> = ({\n title,\n description,\n color = \"rose\",\n icon: Icon,\n size = \"md\",\n classNameCard,\n classNameDescription,\n classNameIconCard,\n classNameTitle,\n}) => {\n return (\n <div\n className={cn(\n \" rounded-md flex items-center flex-wrap border\",\n size === \"sm\" ? \"p-4 gap-2\" : \"p-6 gap-4\",\n classNameCard,\n colorVariants[color].background,\n colorVariants[color].border\n )}\n >\n {Icon && (\n <div\n className={cn(\n \"rounded-md flex items-center justify-center \",\n size === \"sm\" ? \"size-8\" : \"size-12\",\n classNameIconCard,\n colorVariants[color].backgroundCardIcon\n )}\n >\n <Icon\n className={cn(\n colorVariants[color].textPrimary,\n size === \"sm\" ? \"size-4\" : \"size-6\"\n )}\n />\n </div>\n )}\n\n <div className={cn(\"flex flex-col\")}>\n <h2\n className={cn(\n \"font-normal\",\n size === \"sm\" ? \"text-sm\" : \"text-base\",\n colorVariants[color].textPrimary,\n classNameTitle\n )}\n >\n {title}\n </h2>\n <p\n className={cn(\n size === \"sm\" ? \"text-sm\" : \"text-sm max-w-md\",\n colorVariants[color].textSecondary,\n classNameDescription\n )}\n >\n {description}\n </p>\n </div>\n </div>\n );\n};\n","import * as React from \"react\"\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\n\nimport { cn } from \"@/utilities/index\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className={cn(\n \"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\"\n )}\n >\n <SliderPrimitive.Range\n data-slot=\"slider-range\"\n className={cn(\n \"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n )}\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n data-slot=\"slider-thumb\"\n key={index}\n 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\"\n />\n ))}\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n","import * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n className={cn(\"flex flex-col gap-2\", className)}\n {...props}\n />\n );\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-8 w-fit items-center justify-center rounded-md p-[3px]\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn(\"flex-1 outline-none\", className)}\n {...props}\n />\n );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n","import * as React from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n return (\n <textarea\n data-slot=\"textarea\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Textarea };\n","import { cn } from \"@/utilities\";\r\nimport { ChevronDown } from \"lucide-react\";\r\nimport React, { useState } from \"react\";\r\nimport {\r\n Drawer,\r\n DrawerContent,\r\n DrawerHeader,\r\n DrawerTitle,\r\n DrawerTrigger,\r\n} from \"@/components/drawer\";\r\nimport { Button } from \"@/components/button\";\r\n\r\ninterface MobileToolbarGroupProps {\r\n label: string;\r\n children: React.ReactNode;\r\n className?: string;\r\n}\r\n\r\nexport const MobileToolbarGroup = ({\r\n label,\r\n children,\r\n className,\r\n}: MobileToolbarGroupProps) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n\r\n const closeDrawer = () => setIsOpen(false);\r\n\r\n return (\r\n <Drawer open={isOpen} onOpenChange={setIsOpen}>\r\n <DrawerTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n className={cn(\"h-8 w-max gap-1 px-3 font-normal\", className)}\r\n >\r\n {label}\r\n <ChevronDown className=\"h-4 w-4\" />\r\n </Button>\r\n </DrawerTrigger>\r\n <DrawerContent>\r\n <DrawerHeader>\r\n <DrawerTitle className=\"text-start\">{label}</DrawerTitle>\r\n </DrawerHeader>\r\n <div className=\"flex flex-col p-4\">\r\n {React.Children.map(children, (child) =>\r\n React.isValidElement(child)\r\n ? React.cloneElement(child, { closeDrawer } as {\r\n closeDrawer: () => void;\r\n })\r\n : child\r\n )}\r\n </div>\r\n </DrawerContent>\r\n </Drawer>\r\n );\r\n};\r\n\r\nexport const MobileToolbarItem = ({\r\n children,\r\n active,\r\n onClick,\r\n closeDrawer,\r\n ...props\r\n}: React.ButtonHTMLAttributes<HTMLButtonElement> & {\r\n active?: boolean;\r\n closeDrawer?: () => void;\r\n}) => (\r\n <button\r\n className={cn(\r\n \"flex w-full items-center rounded-md px-4 py-2 text-sm transition-colors hover:bg-accent\",\r\n active && \"bg-accent\"\r\n )}\r\n onClick={(e) => {\r\n onClick?.(e);\r\n setTimeout(() => {\r\n closeDrawer?.();\r\n }, 100);\r\n }}\r\n {...props}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import type { Editor } from \"@tiptap/react\";\nimport React from \"react\";\n\nexport interface ToolbarContextProps {\n editor: Editor;\n}\n\nexport const ToolbarContext = React.createContext<ToolbarContextProps | null>(\n null,\n);\n\nexport const useToolbar = () => {\n const context = React.useContext(ToolbarContext);\n\n if (!context) {\n throw new Error(\"useToolbar must be used within a ToolbarProvider\");\n }\n\n return context;\n};\n","import type { Editor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { ToolbarContext } from \"./context\";\n\ninterface ToolbarProviderProps {\n editor: Editor;\n children: React.ReactNode;\n}\n\nexport const ToolbarProvider = ({ editor, children }: ToolbarProviderProps) => {\n const [, forceUpdate] = React.useReducer((x) => x + 1, 0);\n\n React.useEffect(() => {\n if (!editor) return;\n const handleTransaction = () => forceUpdate();\n editor.on(\"transaction\", handleTransaction);\n return () => {\n editor.off(\"transaction\", handleTransaction);\n };\n }, [editor]);\n\n return (\n <ToolbarContext.Provider value={{ editor }}>\n {children}\n </ToolbarContext.Provider>\n );\n};\n","import { ScrollArea } from \"@/components/scroll_area\";\nimport { Separator } from \"@/components/separator\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\";\nimport { Button } from \"@/components/button\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { cn } from \"@/utilities\";\nimport { useToolbar } from \"../toolbar_provider\";\nimport { CheckIcon, ChevronDownIcon } from \"lucide-react\";\nimport { useMediaQuery } from \"@/hooks\";\nimport { MobileToolbarGroup, MobileToolbarItem } from \"../mobile_toolbar_group\";\n\nconst TEXT_COLORS = [\n { name: \"Predeterminado\", color: \"var(--editor-text-default)\" },\n { name: \"Gris\", color: \"var(--editor-text-gray)\" },\n { name: \"Marrón\", color: \"var(--editor-text-brown)\" },\n { name: \"Naranja\", color: \"var(--editor-text-orange)\" },\n { name: \"Amarillo\", color: \"var(--editor-text-yellow)\" },\n { name: \"Verde\", color: \"var(--editor-text-green)\" },\n { name: \"Azul\", color: \"var(--editor-text-blue)\" },\n { name: \"Púrpura\", color: \"var(--editor-text-purple)\" },\n { name: \"Rosa\", color: \"var(--editor-text-pink)\" },\n { name: \"Rojo\", color: \"var(--editor-text-red)\" },\n];\n\nconst HIGHLIGHT_COLORS = [\n { name: \"Predeterminado\", color: \"var(--editor-highlight-default)\" },\n { name: \"Gris\", color: \"var(--editor-highlight-gray)\" },\n { name: \"Marrón\", color: \"var(--editor-highlight-brown)\" },\n { name: \"Naranja\", color: \"var(--editor-highlight-orange)\" },\n { name: \"Amarillo\", color: \"var(--editor-highlight-yellow)\" },\n { name: \"Verde\", color: \"var(--editor-highlight-green)\" },\n { name: \"Azul\", color: \"var(--editor-highlight-blue)\" },\n { name: \"Púrpura\", color: \"var(--editor-highlight-purple)\" },\n { name: \"Rosa\", color: \"var(--editor-highlight-pink)\" },\n { name: \"Rojo\", color: \"var(--editor-highlight-red)\" },\n];\n\ninterface ColorHighlightButtonProps {\n name: string;\n color: string;\n isActive: boolean;\n onClick: () => void;\n isHighlight?: boolean;\n}\n\nconst ColorHighlightButton = ({\n name,\n color,\n isActive,\n onClick,\n isHighlight,\n}: ColorHighlightButtonProps) => (\n <button\n onClick={onClick}\n className=\"flex w-full items-center justify-between rounded-sm px-2 py-1 text-sm hover:bg-muted cursor-pointer\"\n type=\"button\"\n >\n <div className=\"flex items-center space-x-2 \">\n <div\n className=\"rounded-sm border size-5 font-medium\"\n style={isHighlight ? { backgroundColor: color } : { color }}\n >\n A\n </div>\n <span>{name}</span>\n </div>\n {isActive && <CheckIcon className=\"h-4 w-4\" />}\n </button>\n);\n\nexport const ColorHighlightToolbar = () => {\n const { editor } = useToolbar();\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\n\n const currentColor = editor?.getAttributes(\"textStyle\").color;\n const currentHighlight = editor?.getAttributes(\"highlight\").color;\n\n const handleSetColor = (color: string) => {\n editor\n ?.chain()\n .focus()\n .setColor(color === currentColor ? \"\" : color)\n .run();\n };\n\n const handleSetHighlight = (color: string) => {\n editor\n ?.chain()\n .focus()\n .setHighlight(color === currentHighlight ? { color: \"\" } : { color })\n .run();\n };\n\n const isDisabled =\n !editor?.can().chain().setHighlight().run() ||\n !editor?.can().chain().setColor(\"\").run();\n\n if (isMobile) {\n return (\n <div className=\"flex gap-1\">\n <MobileToolbarGroup label=\"Color\">\n {TEXT_COLORS.map(({ name, color }) => (\n <MobileToolbarItem\n key={name}\n onClick={() => handleSetColor(color)}\n active={currentColor === color}\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"rounded-sm border px-2\" style={{ color }}>\n A\n </div>\n <span>{name}</span>\n </div>\n </MobileToolbarItem>\n ))}\n </MobileToolbarGroup>\n\n <MobileToolbarGroup label=\"Resaltado\">\n {HIGHLIGHT_COLORS.map(({ name, color }) => (\n <MobileToolbarItem\n key={name}\n onClick={() => handleSetHighlight(color)}\n active={currentHighlight === color}\n >\n <div className=\"flex items-center gap-2\">\n <div\n className=\"rounded-sm border px-2\"\n style={{ backgroundColor: color }}\n >\n A\n </div>\n <span>{name}</span>\n </div>\n </MobileToolbarItem>\n ))}\n </MobileToolbarGroup>\n </div>\n );\n }\n\n return (\n <Popover>\n <div className=\"relative h-full\">\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger disabled={isDisabled} asChild>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n style={{\n color: currentColor,\n }}\n className={cn(\"h-8 w-14 p-0 font-normal\")}\n >\n <span className=\"text-md\">A</span>\n <ChevronDownIcon className=\"ml-2 h-4 w-4\" />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>Color de Texto y Resaltado</TooltipContent>\n </Tooltip>\n\n <PopoverContent\n align=\"start\"\n className=\"w-56 p-0! dark:bg-gray-2\"\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n >\n <ScrollArea className=\"h-80 pb-2\">\n <div className=\"mb-1 mt-2 px-2 text-xs text-muted-foreground uppercase\">\n Color\n </div>\n <div className=\"px-2\">\n {TEXT_COLORS.map(({ name, color }) => (\n <ColorHighlightButton\n key={name}\n name={name}\n color={color}\n isActive={currentColor === color}\n onClick={() => handleSetColor(color)}\n />\n ))}\n </div>\n\n <Separator className=\"my-3\" />\n\n <div className=\"mb-1 w-full px-2 text-xs text-muted-foreground uppercase\">\n Fondo (Resaltado)\n </div>\n <div className=\"px-2\">\n {HIGHLIGHT_COLORS.map(({ name, color }) => (\n <ColorHighlightButton\n key={name}\n name={name}\n color={color}\n isActive={currentHighlight === color}\n onClick={() => handleSetHighlight(color)}\n isHighlight\n />\n ))}\n </div>\n </ScrollArea>\n </PopoverContent>\n </div>\n </Popover>\n );\n};\n","export const FONT_SIZE_PRESETS = [\n \"10px\",\n \"11px\",\n \"12px\",\n \"14px\",\n \"16px\",\n \"18px\",\n \"20px\",\n \"22px\",\n \"24px\",\n \"28px\",\n \"32px\",\n \"36px\",\n \"40px\",\n \"48px\",\n \"56px\",\n \"64px\",\n \"72px\",\n] as const;\n","import React from \"react\";\nimport { ItalicIcon } from \"lucide-react\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { Button } from \"@/components/button\";\nimport { cn } from \"@/utilities\";\nimport { useToolbar } from \"../toolbar_provider\";\n\nconst ItalicToolbar = React.forwardRef<\n HTMLButtonElement,\n React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, onClick, children, ...props }, ref) => {\n const { editor } = useToolbar();\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\n \"size-7\",\n editor?.isActive(\"italic\") && \"bg-accent\",\n className\n )}\n onClick={(e) => {\n editor?.chain().focus().toggleItalic().run();\n onClick?.(e);\n }}\n disabled={!editor?.can().toggleItalic()}\n ref={ref}\n {...props}\n >\n {children ?? <ItalicIcon className=\"h-4 w-4\" />}\n </Button>\n </TooltipTrigger>\n <TooltipContent>\n <span>Cursiva</span>\n </TooltipContent>\n </Tooltip>\n );\n});\n\nItalicToolbar.displayName = \"ItalicToolbar\";\n\nexport { ItalicToolbar };\n","import React from \"react\";\r\nimport { UnderlineIcon } from \"lucide-react\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\r\nimport { Button } from \"@/components/button\";\r\nimport { cn } from \"@/utilities/index\";\r\nimport { useToolbar } from \"../toolbar_provider\";\r\n\r\nconst UnderlineToolbar = React.forwardRef<\r\n HTMLButtonElement,\r\n React.ButtonHTMLAttributes<HTMLButtonElement>\r\n>(({ className, onClick, children, ...props }, ref) => {\r\n const { editor } = useToolbar();\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className={cn(\r\n \"size-7\",\r\n editor?.isActive(\"underline\") && \"bg-accent\",\r\n className\r\n )}\r\n onClick={(e) => {\r\n editor?.chain().focus().toggleUnderline().run();\r\n onClick?.(e);\r\n }}\r\n disabled={!editor?.can().toggleUnderline()}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children ?? <UnderlineIcon className=\"h-4 w-4\" />}\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent>\r\n <span>Subrayado</span>\r\n </TooltipContent>\r\n </Tooltip>\r\n );\r\n});\r\n\r\nUnderlineToolbar.displayName = \"UnderlineToolbar\";\r\n\r\nexport { UnderlineToolbar };\r\n","import type { Extension } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { TextStyle, FontFamily, FontSize } from \"@tiptap/extension-text-style\";\nimport { Color } from \"@tiptap/extension-color\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport Underline from \"@tiptap/extension-underline\";\n\nexport function createAnnotationEditorExtensions(\n placeholder = \"Escribe aquí…\",\n): Extension[] {\n return [\n StarterKit.configure({\n heading: false,\n blockquote: false,\n horizontalRule: false,\n codeBlock: false,\n code: false,\n strike: false,\n link: false,\n underline: false,\n }),\n Placeholder.configure({\n placeholder,\n emptyNodeClass: \"is-editor-empty\",\n includeChildren: false,\n }),\n TextStyle,\n FontFamily,\n FontSize,\n Underline,\n Color,\n Highlight.configure({\n multicolor: true,\n }),\n ] as Extension[];\n}\n"],"mappings":"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"}
package/dist/file-view.js CHANGED
@@ -1,4 +1,4 @@
1
- import { A as e, D as t, G as n, H as r, I as i, J as a, K as o, N as s, P as c, U as l, V as u, W as d, X as f, Y as p, Z as m, a as h, d as g, et as _, g as v, h as y, i as b, j as x, k as S, m as C, n as w, o as T, p as E, r as D, t as O, u as ee } from "./annotation_editor_extensions-DZxZaGqG.js";
1
+ import { A as e, D as t, G as n, H as r, I as i, J as a, K as o, N as s, P as c, U as l, V as u, W as d, X as f, Y as p, Z as m, a as h, d as g, et as _, g as v, h as y, i as b, j as x, k as S, m as C, n as w, o as T, p as E, r as D, t as O, u as ee } from "./annotation_editor_extensions-lVCzmvYn.js";
2
2
  import { _ as k, d as A, f as j, g as M, i as te, l as N, m as ne, o as P, p as F, r as re, s as ie, t as ae, u as I, y as L } from "./sheet-D2e7u09C.js";
3
3
  import { createContext as oe, forwardRef as se, useCallback as R, useContext as ce, useEffect as z, useImperativeHandle as le, useLayoutEffect as ue, useMemo as B, useRef as V, useState as H } from "react";
4
4
  import { Fragment as de, jsx as U, jsxs as W } from "react/jsx-runtime";
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as w, Y as T, Z as E, _ as ee, a as te, b as ne, c as re, d as ie, et as D, f as ae, g as oe, h as se, i as ce, j as O, k, l as le, m as ue, n as de, nt as fe, o as pe, p as me, q as he, r as ge, s as A, t as _e, tt as ve, u as ye, v as be, w as xe, x as Se, y as Ce, z as we } from "./annotation_editor_extensions-DZxZaGqG.js";
1
+ import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as w, Y as T, Z as E, _ as ee, a as te, b as ne, c as re, d as ie, et as D, f as ae, g as oe, h as se, i as ce, j as O, k, l as le, m as ue, n as de, nt as fe, o as pe, p as me, q as he, r as ge, s as A, t as _e, tt as ve, u as ye, v as be, w as xe, x as Se, y as Ce, z as we } from "./annotation_editor_extensions-lVCzmvYn.js";
2
2
  import { _ as j, a as Te, c as Ee, d as De, f as M, g as N, h as Oe, i as ke, l as P, m as F, n as Ae, o as je, p as Me, r as Ne, s as Pe, t as Fe, u as I, v as Ie, y as L } from "./sheet-D2e7u09C.js";
3
3
  import { C as Le, S as Re, _ as ze, a as Be, b as Ve, c as He, d as Ue, f as We, g as Ge, h as Ke, i as qe, l as Je, m as Ye, n as Xe, o as Ze, p as Qe, r as $e, s as et, t as tt, u as nt, v as rt, w as it, x as at, y as ot } from "./sidebar-DUmVCiN8.js";
4
4
  import * as R from "react";
@@ -1131,7 +1131,7 @@ var ha = () => {
1131
1131
  function _a({ className: e, ...t }) {
1132
1132
  return /* @__PURE__ */ Y(Zn, {
1133
1133
  "data-slot": "command",
1134
- className: L("bg-popover/70 backdrop-blur-sm text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", e),
1134
+ className: L("bg-popover/70 backdrop-blur-lg text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", e),
1135
1135
  ...t
1136
1136
  });
1137
1137
  }
@@ -2129,16 +2129,16 @@ function Mo({ className: e, inset: t, children: n, ...r }) {
2129
2129
  });
2130
2130
  }
2131
2131
  function No({ className: e, ...t }) {
2132
- return /* @__PURE__ */ Y(Z.SubContent, {
2132
+ return /* @__PURE__ */ Y(Z.Portal, { children: /* @__PURE__ */ Y(Z.SubContent, {
2133
2133
  "data-slot": "context-menu-sub-content",
2134
- className: L("bg-popover/70 backdrop-blur-sm 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 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", e),
2134
+ className: L("bg-popover/70 backdrop-blur-lg 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 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", e),
2135
2135
  ...t
2136
- });
2136
+ }) });
2137
2137
  }
2138
2138
  function Po({ className: e, ...t }) {
2139
2139
  return /* @__PURE__ */ Y(Z.Portal, { children: /* @__PURE__ */ Y(Z.Content, {
2140
2140
  "data-slot": "context-menu-content",
2141
- className: L("bg-popover/70 backdrop-blur-sm 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 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", e),
2141
+ className: L("bg-popover/70 backdrop-blur-lg 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 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", e),
2142
2142
  ...t
2143
2143
  }) });
2144
2144
  }
@@ -2437,7 +2437,7 @@ function Zo({ className: e, sideOffset: t = 4, ...n }) {
2437
2437
  return /* @__PURE__ */ Y(Q.Portal, { children: /* @__PURE__ */ Y(Q.Content, {
2438
2438
  "data-slot": "dropdown-menu-content",
2439
2439
  sideOffset: t,
2440
- className: L("bg-popover/70 backdrop-blur-sm 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 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", e),
2440
+ className: L("bg-popover/70 backdrop-blur-lg 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 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", e),
2441
2441
  ...n
2442
2442
  }) });
2443
2443
  }
@@ -2524,11 +2524,11 @@ function os({ className: e, inset: t, children: n, ...r }) {
2524
2524
  });
2525
2525
  }
2526
2526
  function ss({ className: e, ...t }) {
2527
- return /* @__PURE__ */ Y(Q.SubContent, {
2527
+ return /* @__PURE__ */ Y(Q.Portal, { children: /* @__PURE__ */ Y(Q.SubContent, {
2528
2528
  "data-slot": "dropdown-menu-sub-content",
2529
- className: L("bg-popover/70 backdrop-blur-sm 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 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", e),
2529
+ className: L("bg-popover/70 backdrop-blur-lg 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 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", e),
2530
2530
  ...t
2531
- });
2531
+ }) });
2532
2532
  }
2533
2533
  //#endregion
2534
2534
  //#region src/components/emoji_picker/index.tsx