arxatec-ui 0.1.57 → 0.1.59

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 (11) 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/components/file_view/index.d.ts +1 -0
  4. package/dist/components/file_view/utilities/index.d.ts +1 -0
  5. package/dist/components/file_view/utilities/transcription_pages.d.ts +13 -0
  6. package/dist/file-view.js +128 -95
  7. package/dist/file-view.js.map +1 -1
  8. package/dist/index.js +10 -10
  9. package/dist/index.js.map +1 -1
  10. package/dist/styles.css +245 -233
  11. 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/components/file_view/index.d.ts CHANGED
@@ -15,6 +15,7 @@ export * from './components/mime_router';
15
15
  export { FILE_VIEW_KIND, resolveFileViewKind, resolveOfficeFileExtension, OFFICE_MIME_TYPES, } from './utilities/resolve_file_view_kind';
16
16
  export type { FileViewKind } from './utilities/resolve_file_view_kind';
17
17
  export * from './components/transcription_viewer';
18
+ export { TRANSCRIPTION_PAGE_BREAK, splitTranscriptionPages, toPlainTranscription, } from './utilities/transcription_pages';
18
19
  export * from './components/summary_viewer';
19
20
  export * from './components/unknown_viewer';
20
21
  export * from './components/office_viewer';
package/dist/components/file_view/utilities/index.d.ts CHANGED
@@ -5,3 +5,4 @@ export * from './get_extension_from_url';
5
5
  export * from './get_source_language_from_file';
6
6
  export * from './infer_mime_from_file_name';
7
7
  export * from './resolve_file_view_kind';
8
+ export * from './transcription_pages';
package/dist/components/file_view/utilities/transcription_pages.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Contrato de paginación de las transcripciones.
3
+ *
4
+ * El backend guarda la transcripción como texto plano con las páginas
5
+ * separadas por U+000C (form feed), la misma convención que emite
6
+ * `pdftotext`. Los formatos sin paginación real (audio, Word, imágenes) y las
7
+ * transcripciones antiguas llegan como una única página.
8
+ */
9
+ export declare const TRANSCRIPTION_PAGE_BREAK = "\f";
10
+ /** Devuelve siempre al menos una página. */
11
+ export declare const splitTranscriptionPages: (content: string) => string[];
12
+ /** Texto sin marcas de página, listo para copiar al portapapeles. */
13
+ export declare const toPlainTranscription: (content: string) => string;