arxatec-ui 0.1.44 → 0.1.45

package/dist/annotation_editor_extensions-OCgySol8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation_editor_extensions-OCgySol8.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/slider/index.tsx","../src/components/status_message/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-lg\",\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-primary 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 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 * 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 { 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 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

@@ -38,7 +38,7 @@ export { useContainerSize } from './image_viewer/hooks/use_container_size';
 export { useVideoPlayer } from './video_player/hooks';
 export type { UseVideoPlayerReturn } from './video_player/hooks/use_video_player';
 export { getSourceLanguageFromFile } from './source_viewer/language';
-export { resolveTemplateFileKind, DOCX_MIME, normalizeMimeBase } from './template_viewer/template_file_kind';
+export { resolveTemplateFileKind, DOCX_MIME, normalizeMimeBase } from './template_viewer/utilities';
 export { FileViewLoadingState as PdfViewerLoadingState, FileViewErrorState as PdfViewerErrorState, } from './shared';
 export { LoadingState as ImageViewerLoadingState, ErrorState as ImageViewerErrorState, Toolbar as ImageViewerToolbar, } from './image_viewer/components';
 export { LoadingState as VideoPlayerLoadingState, ErrorState as VideoPlayerErrorState, } from './video_player/components';

package/dist/components/file_view/template_viewer/components/annotation_color_picker/index.d.ts

@@ -0,0 +1,10 @@
+import { ShapeColorValue } from '../../utilities';
+interface Props {
+    label: string;
+    tooltip: string;
+    value: string | null | undefined;
+    onChange: (color: ShapeColorValue) => void;
+    disabled?: boolean;
+}
+export declare const AnnotationColorPicker: React.FC<Props>;
+export {};

package/dist/components/file_view/template_viewer/components/annotation_docked_toolbar/annotation_box_font_toolbars.d.ts

@@ -0,0 +1,2 @@
+export declare function AnnotationBoxFontSizeToolbar(): import("react/jsx-runtime").JSX.Element;
+export declare function AnnotationBoxFontFamilyToolbar(): import("react/jsx-runtime").JSX.Element;

package/dist/components/file_view/template_viewer/components/annotation_docked_toolbar/annotation_format_toolbars.d.ts

@@ -0,0 +1 @@
+export declare function AnnotationBoldToolbar(): import("react/jsx-runtime").JSX.Element;

package/dist/components/file_view/template_viewer/components/annotation_konva_layer/index.d.ts

@@ -0,0 +1,19 @@
+import { TemplateAnnotation } from '../../../types/annotations';
+import { ShapeDrawTool } from '../../utilities';
+interface Props {
+    pageNumber: number;
+    stageWidth: number;
+    stageHeight: number;
+    annotations: TemplateAnnotation[];
+    annotationAssetUrls: Record<string, string>;
+    selectedId: string | null;
+    shapeDrawTool: ShapeDrawTool | null;
+    createShapeLabel: (kind: ShapeDrawTool) => string;
+    onSelect: (id: string) => void;
+    onClearSelection: () => void;
+    onChange: (next: TemplateAnnotation) => void;
+    onShapeDrawToolChange: (tool: ShapeDrawTool | null) => void;
+    hidden?: boolean;
+}
+export declare const AnnotationKonvaLayer: React.FC<Props>;
+export {};

package/dist/components/file_view/template_viewer/components/annotation_overlay/index.d.ts

@@ -8,6 +8,8 @@ interface Props {
     onChange: (next: FileAnnotation) => void;
     getPageRect: () => DOMRect | null;
     moveableLayoutKey: string;
+    hidden?: boolean;
+    allowPagePointerEvents?: boolean;
 }
 export declare const AnnotationOverlay: React.FC<Props>;
 export {};

package/dist/components/file_view/template_viewer/components/annotation_shape_toolbar/index.d.ts

@@ -0,0 +1,10 @@
+import { TemplateAnnotation } from '../../../types/annotations';
+import { KonvaShapeAnnotation } from '../../utilities';
+interface Props {
+    annotation: KonvaShapeAnnotation;
+    onUpdate: (next: TemplateAnnotation) => void;
+    onDelete: () => void;
+    disabled?: boolean;
+}
+export declare const AnnotationShapeToolbar: React.FC<Props>;
+export {};

package/dist/components/file_view/template_viewer/components/annotation_toolbar/index.d.ts

@@ -1,8 +1,13 @@
 import { ReactNode } from 'react';
+import { ShapeDrawTool } from '../../utilities';
 interface Props {
+    shapeDrawTool: ShapeDrawTool | null;
+    onShapeDrawToolChange: (tool: ShapeDrawTool | null) => void;
     onInsertText: () => void;
+    onInsertImage: () => void;
     onSaveAsPdf: () => void;
     isExporting: boolean;
+    isUploadingImage?: boolean;
     hasAnnotations: boolean;
     formatToolbar?: ReactNode;
     hasSelection?: boolean;

package/dist/components/file_view/template_viewer/components/annotations_side_panel/index.d.ts

@@ -1,6 +1,6 @@
-import { FileAnnotation } from '../../../types/annotations';
+import { FileAnnotation, TemplateAnnotation } from '../../../types/annotations';
 interface Props {
-    annotations: FileAnnotation[];
+    annotations: TemplateAnnotation[];
     selectedId: string | null;
     onFocusAnnotation: (id: string) => void;
     onUpdateAnnotation: (next: FileAnnotation) => void;

package/dist/components/file_view/template_viewer/components/pdf_template_page_row/index.d.ts

@@ -1,12 +1,21 @@
-import { FileAnnotation } from '../../../types/annotations';
+import { FileAnnotation, TemplateAnnotation } from '../../../types/annotations';
+import { ShapeDrawTool } from '../../utilities';
 interface Props {
     pageNumber: number;
     scale: number;
-    annotations: FileAnnotation[];
+    pageWidthAtScale1?: number;
+    pageHeightAtScale1?: number;
+    annotations: TemplateAnnotation[];
+    annotationAssetUrls: Record<string, string>;
     selectedId: string | null;
+    shapeDrawTool: ShapeDrawTool | null;
+    createShapeLabel: (kind: ShapeDrawTool) => string;
     onSelect: (id: string) => void;
-    onChange: (next: FileAnnotation) => void;
+    onClearSelection: () => void;
+    onChangeText: (next: FileAnnotation) => void;
+    onChangeShape: (next: TemplateAnnotation) => void;
+    onShapeDrawToolChange: (tool: ShapeDrawTool | null) => void;
     onPageViewportAtScaleOne?: (width: number, height: number) => void;
 }
-export declare function PdfTemplatePageRow({ pageNumber, scale, annotations, selectedId, onSelect, onChange, onPageViewportAtScaleOne, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function PdfTemplatePageRow({ pageNumber, scale, pageWidthAtScale1, pageHeightAtScale1, annotations, annotationAssetUrls, selectedId, shapeDrawTool, createShapeLabel, onSelect, onClearSelection, onChangeText, onChangeShape, onShapeDrawToolChange, onPageViewportAtScaleOne, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/file_view/template_viewer/components/pdf_template_viewer/index.d.ts

@@ -1,15 +1,23 @@
 import { RefObject } from 'react';
-import { FileAnnotation } from '../../../types/annotations';
+import { FileAnnotation, TemplateAnnotation } from '../../../types/annotations';
+import { ShapeDrawTool } from '../../utilities';
 interface Props {
     documentKey: string;
     url: string;
     pageNumber: number;
     scale: number;
-    annotations: FileAnnotation[];
+    pageWidthAtScale1?: number;
+    pageHeightAtScale1?: number;
+    annotations: TemplateAnnotation[];
+    annotationAssetUrls: Record<string, string>;
     selectedId: string | null;
+    shapeDrawTool: ShapeDrawTool | null;
+    createShapeLabel: (kind: ShapeDrawTool) => string;
     onSelect: (id: string) => void;
     onClearSelection: () => void;
-    onChangeAnnotation: (next: FileAnnotation) => void;
+    onChangeTextAnnotation: (next: FileAnnotation) => void;
+    onChangeShapeAnnotation: (next: TemplateAnnotation) => void;
+    onShapeDrawToolChange: (tool: ShapeDrawTool | null) => void;
     onDocumentPagesLoaded?: (numPages: number) => void;
     scrollContainerRef?: RefObject<HTMLDivElement | null>;
     onPageViewportAtScaleOne?: (width: number, height: number) => void;

package/dist/components/file_view/template_viewer/constants/index.d.ts

@@ -1,14 +1,48 @@
-import { FileAnnotation, FileAnnotationsSchema } from '../../types/annotations';
+import { TextAnnotation } from '../../types/annotations';
 export declare const ANNOTATION_DEBOUNCE_MS = 800;
 export declare const ANNOTATION_MIN_WIDTH = 0.06;
-export declare const ANNOTATION_MIN_HEIGHT = 0.04;
+export declare const ANNOTATION_MIN_HEIGHT = 0.02;
+export declare const ANNOTATION_DEFAULT_FONT_FAMILY = "Arial, Helvetica, sans-serif";
+export declare const ANNOTATION_FONT_FAMILY_OPTIONS: readonly [{
+    readonly name: "Arial";
+    readonly value: "Arial, Helvetica, sans-serif";
+}, {
+    readonly name: "Times New Roman";
+    readonly value: "Times New Roman, Times, serif";
+}, {
+    readonly name: "Courier New";
+    readonly value: "Courier New, Courier, monospace";
+}, {
+    readonly name: "Georgia";
+    readonly value: "Georgia, serif";
+}, {
+    readonly name: "Verdana";
+    readonly value: "Verdana, Geneva, sans-serif";
+}];
+export declare function resolveAnnotationFontOption(stored: string): {
+    readonly name: "Arial";
+    readonly value: "Arial, Helvetica, sans-serif";
+} | {
+    readonly name: "Times New Roman";
+    readonly value: "Times New Roman, Times, serif";
+} | {
+    readonly name: "Courier New";
+    readonly value: "Courier New, Courier, monospace";
+} | {
+    readonly name: "Georgia";
+    readonly value: "Georgia, serif";
+} | {
+    readonly name: "Verdana";
+    readonly value: "Verdana, Geneva, sans-serif";
+};
+export declare function normalizeAnnotationFontFamily(stored: string): string;
 export declare const DEFAULT_ANNOTATION: {
-    readonly width: 0.2;
-    readonly height: 0.065;
+    readonly width: 0.08;
+    readonly height: 0.024;
     readonly font_family: "Arial, Helvetica, sans-serif";
     readonly font_size: 16;
     readonly content_html: "<p>nuevo texto</p>";
 };
-export declare function normalizeFileAnnotation(a: FileAnnotation): FileAnnotation;
-export declare function normalizeAnnotationsSchema(s: FileAnnotationsSchema): FileAnnotationsSchema;
-export declare function shouldAutoFitAnnotationBox(a: FileAnnotation): boolean;
+export declare function normalizeFileAnnotation(a: TextAnnotation): TextAnnotation;
+export declare function isDefaultNewTextHtml(html: string): boolean;
+export declare function shouldAutoFitAnnotationBox(a: TextAnnotation): boolean;

package/dist/components/file_view/template_viewer/context/active_annotation_editor_context.d.ts

@@ -1,9 +1,17 @@
 import { Editor } from '@tiptap/core';
+import { FileAnnotation, FileAnnotationsSchema } from '../../types/annotations';
+export type ActiveAnnotationEditorEntry = {
+    id: string;
+    editor: Editor;
+    font_size: number;
+    font_family: string;
+    patchAnnotation: (patch: Partial<FileAnnotation>) => void;
+};
 export type ActiveAnnotationEditorContextValue = {
-    active: {
-        id: string;
-        editor: Editor;
-    } | null;
-    registerEditor: (id: string, editor: Editor | null) => void;
+    active: ActiveAnnotationEditorEntry | null;
+    registerEditor: (id: string, editor: Editor | null, meta?: Omit<ActiveAnnotationEditorEntry, "id" | "editor"> | null) => void;
+    getActiveEditorHtml: () => string | null;
+    registerActiveEditorHtmlSource: (fn: (() => string) | null) => void;
+    prepareSchemaForPersist: (schema: FileAnnotationsSchema, selectedId: string | null) => FileAnnotationsSchema;
 };
 export declare const ActiveAnnotationEditorContext: import('react').Context<ActiveAnnotationEditorContextValue | null>;

package/dist/components/file_view/template_viewer/context/active_annotation_editor_provider.d.ts

@@ -1,4 +1,4 @@
 import { ReactNode } from 'react';
-export declare function ActiveAnnotationEditorProvider({ children }: {
+export declare function ActiveAnnotationEditorProvider({ children, }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/file_view/template_viewer/utilities/content/index.d.ts

@@ -0,0 +1 @@
+export * from './merge_plain_into_annotation_html';

package/dist/components/file_view/template_viewer/utilities/file/index.d.ts

@@ -0,0 +1 @@
+export * from './template_file_kind';

package/dist/components/file_view/template_viewer/utilities/geometry/annotation_geometry.d.ts

@@ -0,0 +1,18 @@
+export declare const ANNOTATION_PADDING_PX = 6;
+export declare const ANNOTATION_BORDER_PX = 1;
+export declare const ANNOTATION_WIDTH_BUFFER_PX = 4;
+export declare const ANNOTATION_LINE_HEIGHT = 1;
+export declare function annotationPaddingScreen(pdfScale: number): number;
+export declare function estimateAnnotationTextBoxNorm(params: {
+    text: string;
+    fontSizePx: number;
+    fontFamily: string;
+    pageWidthPx: number;
+    pageHeightPx: number;
+    pdfScale?: number;
+    minWidth?: number;
+    minHeight?: number;
+}): {
+    width: number;
+    height: number;
+};

package/dist/components/file_view/template_viewer/utilities/geometry/annotation_konva_coords.d.ts

@@ -0,0 +1,29 @@
+export declare function normPointToStage(nx: number, ny: number, stageW: number, stageH: number): {
+    x: number;
+    y: number;
+};
+export declare function stagePointToNorm(sx: number, sy: number, stageW: number, stageH: number): {
+    x: number;
+    y: number;
+};
+export declare function normSizeToStage(nw: number, nh: number, stageW: number, stageH: number): {
+    width: number;
+    height: number;
+};
+export declare function stageSizeToNorm(sw: number, sh: number, stageW: number, stageH: number): {
+    width: number;
+    height: number;
+};
+export declare function strokeNormToStage(strokeWidth: number, stageW: number): number;
+export declare function bboxFromStageDrag(x0: number, y0: number, x1: number, y1: number, stageW: number, stageH: number): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare function lineFromStageDrag(x0: number, y0: number, x1: number, y1: number, stageW: number, stageH: number): {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};

package/dist/components/file_view/template_viewer/utilities/geometry/index.d.ts

@@ -0,0 +1,2 @@
+export * from './annotation_geometry';
+export * from './annotation_konva_coords';

package/dist/components/file_view/template_viewer/utilities/index.d.ts

@@ -0,0 +1,5 @@
+export * from './geometry';
+export * from './shapes';
+export * from './schema';
+export * from './content';
+export * from './file';

package/dist/components/file_view/template_viewer/utilities/schema/index.d.ts

@@ -0,0 +1 @@
+export * from './template_annotation_schema';

package/dist/components/file_view/template_viewer/utilities/schema/template_annotation_schema.d.ts

@@ -0,0 +1,11 @@
+import { EllipseAnnotation, FileAnnotationsSchema, ImageAnnotation, LineAnnotation, RectAnnotation, TemplateAnnotation, TextAnnotation } from '../../../types/annotations';
+export declare function normalizeTextAnnotation(a: TextAnnotation): TextAnnotation;
+export declare function normalizeLineAnnotation(a: LineAnnotation): LineAnnotation;
+export declare function normalizeRectAnnotation(a: RectAnnotation): RectAnnotation;
+export declare function normalizeEllipseAnnotation(a: EllipseAnnotation): EllipseAnnotation;
+export declare function normalizeImageAnnotation(a: ImageAnnotation): ImageAnnotation;
+export declare function normalizeTemplateAnnotation(a: TemplateAnnotation): TemplateAnnotation;
+export declare function migrateTemplateAnnotationFromStorage(raw: unknown): TemplateAnnotation | null;
+export declare function migrateAnnotationsFromStorage(raw: unknown): TemplateAnnotation[];
+export declare function normalizeAnnotationsSchema(s: FileAnnotationsSchema): FileAnnotationsSchema;
+export declare function parseAndNormalizeAnnotationsSchema(raw: unknown): FileAnnotationsSchema | null;

package/dist/components/file_view/template_viewer/utilities/shapes/index.d.ts

@@ -0,0 +1,5 @@
+export * from './shape_defaults';
+export * from './shape_labels';
+export * from './shape_color_palette';
+export * from './shape_annotation_utils';
+export * from './template_insert_tool';

package/dist/components/file_view/template_viewer/utilities/shapes/shape_annotation_utils.d.ts

@@ -0,0 +1,3 @@
+import { EllipseAnnotation, LineAnnotation, RectAnnotation, TemplateAnnotation } from '../../../types/annotations';
+export type KonvaShapeAnnotation = LineAnnotation | RectAnnotation | EllipseAnnotation;
+export declare function isShapeToolbarAnnotation(ann: TemplateAnnotation | undefined): ann is KonvaShapeAnnotation;

package/dist/components/file_view/template_viewer/utilities/shapes/shape_color_palette.d.ts

@@ -0,0 +1,47 @@
+export declare const SHAPE_COLOR_PALETTE: readonly [{
+    readonly name: "Transparente";
+    readonly value: "transparent";
+}, {
+    readonly name: "Blanco";
+    readonly value: "#FFFFFF";
+}, {
+    readonly name: "Negro";
+    readonly value: "#000000";
+}, {
+    readonly name: "Rojo";
+    readonly value: "#F44336";
+}, {
+    readonly name: "Rosa";
+    readonly value: "#E91E63";
+}, {
+    readonly name: "Púrpura";
+    readonly value: "#9C27B0";
+}, {
+    readonly name: "Azul";
+    readonly value: "#2196F3";
+}, {
+    readonly name: "Cian";
+    readonly value: "#00BCD4";
+}, {
+    readonly name: "Verde";
+    readonly value: "#4CAF50";
+}, {
+    readonly name: "Amarillo";
+    readonly value: "#FFEB3B";
+}, {
+    readonly name: "Naranja";
+    readonly value: "#FF5722";
+}, {
+    readonly name: "Marrón";
+    readonly value: "#795548";
+}, {
+    readonly name: "Gris claro";
+    readonly value: "#E0E0E0";
+}, {
+    readonly name: "Gris";
+    readonly value: "#9E9E9E";
+}, {
+    readonly name: "Gris oscuro";
+    readonly value: "#424242";
+}];
+export type ShapeColorValue = (typeof SHAPE_COLOR_PALETTE)[number]["value"];

package/dist/components/file_view/template_viewer/utilities/shapes/shape_defaults.d.ts

@@ -0,0 +1,20 @@
+export declare const DEFAULT_SHAPE_STROKE = "#111827";
+export declare const SHAPE_STROKE_TRANSPARENT = "transparent";
+export declare function isTransparentShapeStroke(stroke?: string | null): boolean;
+export declare function normalizeShapeStroke(stroke?: string): string;
+export declare const DEFAULT_LINE_STROKE_WIDTH = 0.003;
+export declare const DEFAULT_SHAPE_STROKE_WIDTH = 0.002;
+export declare const STROKE_WIDTH_PRESETS: readonly [{
+    readonly label: "1 pt";
+    readonly value: 0.0016;
+}, {
+    readonly label: "2 pt";
+    readonly value: 0.003;
+}, {
+    readonly label: "5 pt";
+    readonly value: 0.008;
+}, {
+    readonly label: "10 pt";
+    readonly value: 0.016;
+}];
+export declare function nearestStrokePresetValue(norm: number): number;

package/dist/components/file_view/template_viewer/utilities/shapes/shape_labels.d.ts

@@ -0,0 +1,7 @@
+import { ShapeDrawTool } from './template_insert_tool';
+import { TemplateAnnotation } from '../../../types/annotations';
+export declare function shapeKindFromAnnotation(ann: TemplateAnnotation): ShapeDrawTool | null;
+export declare function parseShapeLabelNumber(label: string, kind: ShapeDrawTool): number | null;
+export declare function buildShapeLabel(kind: ShapeDrawTool, n: number): string;
+export declare function displayLabelForAnnotation(ann: TemplateAnnotation, allAnnotations?: TemplateAnnotation[]): string;
+export declare function syncShapeLabelCounters(annotations: TemplateAnnotation[]): Record<ShapeDrawTool, number>;

package/dist/components/file_view/template_viewer/utilities/shapes/template_insert_tool.d.ts

@@ -0,0 +1,2 @@
+export type ShapeDrawTool = "line" | "rect" | "ellipse";
+export declare function isShapeDrawTool(tool: ShapeDrawTool | null): tool is ShapeDrawTool;