arxatec-ui 0.1.37 → 0.1.38

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.
@@ -447,19 +447,21 @@ function rt({ className: e, defaultValue: t, value: n, min: r = 0, max: i = 100,
447
447
  //#region src/components/status_message/index.tsx
448
448
  var H = {
449
449
  rose: {
450
+ border: "border-status-card-border-error",
450
451
  background: "bg-status-card-background-error",
451
452
  backgroundCardIcon: "bg-status-card-background-icon-error",
452
453
  textPrimary: "text-status-card-foreground-error",
453
454
  textSecondary: "text-status-card-foreground-error opacity-60"
454
455
  },
455
456
  white: {
457
+ border: "border-status-card-border-empty",
456
458
  background: "bg-status-card-background-empty",
457
459
  backgroundCardIcon: "bg-status-card-background-icon-empty",
458
460
  textPrimary: "text-status-card-foreground-empty",
459
461
  textSecondary: "text-status-card-foreground-emtpy opacity-60"
460
462
  }
461
463
  }, it = ({ title: e, description: t, color: n = "rose", icon: r, size: i = "md", classNameCard: a, classNameDescription: s, classNameIconCard: c, classNameTitle: l }) => /* @__PURE__ */ h("div", {
462
- className: o(" rounded-md flex items-center flex-wrap", i === "sm" ? "p-4 gap-2" : "p-6 gap-4", a, H[n].background),
464
+ className: o(" rounded-md flex items-center flex-wrap border", i === "sm" ? "p-4 gap-2" : "p-6 gap-4", a, H[n].background, H[n].border),
463
465
  children: [r && /* @__PURE__ */ m("div", {
464
466
  className: o("rounded-md flex items-center justify-center ", i === "sm" ? "size-8" : "size-12", c, H[n].backgroundCardIcon),
465
467
  children: /* @__PURE__ */ m(r, { className: o(H[n].textPrimary, i === "sm" ? "size-4" : "size-6") })
@@ -1281,4 +1283,4 @@ function Ct(e = "Escribe aquí…") {
1281
1283
  //#endregion
1282
1284
  export { I as $, et as A, Re as B, V as C, Xe as D, Ye as E, Me as F, R as G, Pe as H, Fe as I, z as J, je as K, Le as L, tt as M, Ge as N, Qe as O, He as P, F as Q, Ve as R, qe as S, We as T, Be as U, Ie as V, Ne as W, L as X, Ae as Y, ke as Z, it as _, J as a, Te as at, Je as b, G as c, De as ct, ft as d, xe as et, lt as f, st as g, ot as h, Z as i, Ee as it, nt as j, $e as k, U as l, Se as lt, ct as m, St as n, we as nt, q as o, P as ot, at as p, B as q, Q as r, Oe as rt, K as s, N as st, Ct as t, Ce as tt, W as u, M as ut, rt as v, Ze as w, Ke as x, Ue as y, ze as z };
1283
1285
 
1284
- //# sourceMappingURL=annotation_editor_extensions-BAw3S2bg.js.map
1286
+ //# sourceMappingURL=annotation_editor_extensions-DrgVpi-0.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"annotation_editor_extensions-DrgVpi-0.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/badge/index.tsx","../src/components/popover/index.tsx","../src/components/drawer/index.tsx","../src/components/dropdown_menu/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/lib/tiptap-utils.ts","../src/components/rich_text_editor/ui/floating-element.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/bold/index.tsx","../src/components/rich_text_editor/toolbars/bullet_list/index.tsx","../src/components/rich_text_editor/toolbars/color_and_highlight/index.tsx","../src/components/rich_text_editor/toolbars/font_family/constants.ts","../src/components/rich_text_editor/toolbars/font_family/index.tsx","../src/components/rich_text_editor/toolbars/font_size/constants.ts","../src/components/rich_text_editor/toolbars/font_size/index.tsx","../src/components/rich_text_editor/toolbars/headings/index.tsx","../src/components/rich_text_editor/toolbars/italic/index.tsx","../src/components/rich_text_editor/toolbars/ordered_list/index.tsx","../src/components/rich_text_editor/toolbars/underline/index.tsx","../src/components/rich_text_editor/extensions/floating_toolbar/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","/* 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","/* eslint-disable react-refresh/only-export-components */\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@/utilities/index\";\n\nconst dropdownMenuItemVariants = cva(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n {\n variants: {\n size: {\n default:\n \"gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n sm: \"gap-1.5 px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n },\n },\n defaultVariants: {\n size: \"default\",\n },\n }\n);\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n );\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\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 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n );\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n );\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n} & VariantProps<typeof dropdownMenuItemVariants>) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n data-size={size}\n className={cn(dropdownMenuItemVariants({ size }), className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n );\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-normal data-inset:pl-8\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n );\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-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 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n dropdownMenuItemVariants,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\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 { Editor } from \"@tiptap/core\";\nimport { Selection, NodeSelection } from \"@tiptap/pm/state\";\n\n/**\n * Gets the bounding rectangle of the current selection in the editor.\n * Uses the native DOM selection for more reliable results with portaled elements.\n */\nexport const getSelectionBoundingRect = (editor: Editor): DOMRect | null => {\n try {\n const selection = window.getSelection();\n const { view, state } = editor;\n\n if (!selection || selection.rangeCount === 0) {\n const { from } = state.selection;\n const coords = view.coordsAtPos(from);\n return new DOMRect(\n coords.left,\n coords.top,\n 0,\n coords.bottom - coords.top\n );\n }\n\n const range = selection.getRangeAt(0);\n\n // Check if selection is actually inside the editor\n const editorElement = view.dom;\n if (!editorElement.contains(range.commonAncestorContainer)) {\n const { from } = state.selection;\n const coords = view.coordsAtPos(from);\n return new DOMRect(\n coords.left,\n coords.top,\n 0,\n coords.bottom - coords.top\n );\n }\n\n const rect = range.getBoundingClientRect();\n\n // If the rect is empty (e.g., collapsed selection), try to get coordinates\n if (rect.width === 0 && rect.height === 0) {\n const { from } = state.selection;\n const coords = view.coordsAtPos(from);\n return new DOMRect(\n coords.left,\n coords.top,\n 0,\n coords.bottom - coords.top\n );\n }\n\n return rect;\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n } catch (e) {\n return null;\n }\n};\n\n/**\n * Checks if the current selection is valid for showing floating elements.\n */\nexport const isSelectionValid = (\n editor: Editor,\n selection?: Selection,\n excludedNodeTypes: string[] = [\"imageUpload\", \"horizontalRule\"]\n): boolean => {\n const sel = selection || editor.state.selection;\n if (!sel || sel.empty) return false;\n\n // Check if it's a node selection (like an image)\n if (sel instanceof NodeSelection) {\n return false;\n }\n\n // Check if selection is within excluded node types\n const { $from, $to } = sel;\n const nodes: string[] = [];\n editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {\n nodes.push(node.type.name);\n });\n\n if (nodes.some((name) => excludedNodeTypes.includes(name))) return false;\n if (nodes.includes(\"codeBlock\")) return false;\n\n return true;\n};\n\n/**\n * Checks if the current text selection is valid for editing.\n */\nexport const isTextSelectionValid = (editor: Editor): boolean => {\n const { selection } = editor.state;\n if (!selection || selection.empty) return false;\n\n const { $from, $to } = selection;\n const nodes: string[] = [];\n editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {\n nodes.push(node.type.name);\n });\n\n return !nodes.includes(\"codeBlock\");\n};\n","import * as React from \"react\";\nimport {\n useFloating,\n offset,\n flip,\n shift,\n autoUpdate,\n limitShift,\n type UseFloatingOptions,\n} from \"@floating-ui/react\";\nimport { Editor } from \"@tiptap/core\";\nimport { createPortal } from \"react-dom\";\nimport { getSelectionBoundingRect } from \"../lib/tiptap-utils\";\n\ninterface FloatingElementProps {\n editor: Editor | null;\n shouldShow?: boolean;\n floatingOptions?: Partial<UseFloatingOptions>;\n zIndex?: number;\n onOpenChange?: (open: boolean) => void;\n referenceElement?: HTMLElement | null;\n getBoundingClientRect?: (editor: Editor) => DOMRect | null;\n closeOnEscape?: boolean;\n resetTextSelectionOnClose?: boolean;\n children: React.ReactNode;\n style?: React.CSSProperties;\n className?: string;\n}\n\nexport const FloatingElement = ({\n editor,\n shouldShow,\n floatingOptions = {},\n zIndex = 50,\n onOpenChange,\n referenceElement,\n getBoundingClientRect = getSelectionBoundingRect,\n closeOnEscape = true,\n children,\n style,\n className,\n}: FloatingElementProps) => {\n const [isOpen, setIsOpen] = React.useState(false);\n\n const { refs, floatingStyles, update } = useFloating({\n open: shouldShow ?? isOpen,\n onOpenChange: (open) => {\n setIsOpen(open);\n onOpenChange?.(open);\n },\n strategy: \"fixed\",\n middleware: [\n offset(10),\n flip({ fallbackAxisSideDirection: \"end\" }),\n shift({ limiter: limitShift() }),\n ...(floatingOptions.middleware || []),\n ],\n whileElementsMounted: autoUpdate,\n ...floatingOptions,\n });\n\n // Update reference position\n React.useEffect(() => {\n if (!editor || !(shouldShow ?? isOpen)) return;\n\n const handleUpdate = () => {\n if (referenceElement) {\n refs.setReference(referenceElement);\n return;\n }\n\n const rect = getBoundingClientRect(editor);\n if (rect) {\n refs.setReference({\n getBoundingClientRect: () => rect,\n });\n }\n };\n\n handleUpdate();\n\n // Listen to various events that might change position\n editor.on(\"selectionUpdate\", handleUpdate);\n editor.on(\"transaction\", handleUpdate);\n editor.on(\"focus\", handleUpdate);\n editor.on(\"blur\", handleUpdate);\n window.addEventListener(\"resize\", handleUpdate);\n window.addEventListener(\"scroll\", handleUpdate, true);\n\n return () => {\n editor.off(\"selectionUpdate\", handleUpdate);\n editor.off(\"transaction\", handleUpdate);\n editor.off(\"focus\", handleUpdate);\n editor.off(\"blur\", handleUpdate);\n window.removeEventListener(\"resize\", handleUpdate);\n window.removeEventListener(\"scroll\", handleUpdate, true);\n };\n }, [\n editor,\n referenceElement,\n refs,\n getBoundingClientRect,\n shouldShow,\n isOpen,\n ]);\n\n // Manually trigger update when visibility changes\n React.useEffect(() => {\n if (shouldShow ?? isOpen) {\n update();\n }\n }, [shouldShow, isOpen, update]);\n\n React.useEffect(() => {\n if (closeOnEscape && (shouldShow ?? isOpen)) {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"Escape\") {\n setIsOpen(false);\n onOpenChange?.(false);\n }\n };\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }\n }, [closeOnEscape, isOpen, shouldShow, onOpenChange]);\n\n const visible = shouldShow ?? isOpen;\n\n if (!visible || !editor) return null;\n\n return createPortal(\n <div\n ref={refs.setFloating}\n className={className}\n style={{\n ...floatingStyles,\n zIndex,\n pointerEvents: \"none\",\n ...style,\n }}\n >\n <div style={{ pointerEvents: \"auto\" }}>{children}</div>\n </div>,\n document.body,\n );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const isElementWithinEditor = (editor: Editor, element: Node) => {\n const editorElement = editor.options.element as HTMLElement;\n return editorElement?.contains(element);\n};\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 React from \"react\";\nimport { BoldIcon } 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 BoldToolbar = 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(\"bold\") && \"bg-accent\",\n className\n )}\n onClick={(e) => {\n editor?.chain().focus().toggleBold().run();\n onClick?.(e);\n }}\n disabled={!editor?.can().toggleBold()}\n ref={ref}\n {...props}\n >\n {children ?? <BoldIcon className=\"h-4 w-4\" />}\n </Button>\n </TooltipTrigger>\n <TooltipContent>\n <span>Negrita</span>\n <span className=\"ml-1 text-xs text-gray-11\">(cmd + b)</span>\n </TooltipContent>\n </Tooltip>\n );\n});\n\nBoldToolbar.displayName = \"BoldToolbar\";\n\nexport { BoldToolbar };\n","import React from \"react\";\nimport { List } 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 BulletListToolbar = React.forwardRef<\n HTMLButtonElement,\n React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, onClick, children, ...props }, ref) => {\n const { editor } = useToolbar();\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\n \"size-7\",\n editor?.isActive(\"bulletList\") && \"bg-accent\",\n className\n )}\n onClick={(e) => {\n e.preventDefault();\n editor?.chain().focus().toggleBulletList().run();\n onClick?.(e);\n }}\n ref={ref}\n {...props}\n >\n {children ?? <List className=\"h-4 w-4\" />}\n </Button>\n </TooltipTrigger>\n <TooltipContent>\n <span>Lista de viñetas</span>\n </TooltipContent>\n </Tooltip>\n );\n});\n\nBulletListToolbar.displayName = \"BulletListToolbar\";\n\nexport { BulletListToolbar };\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_FAMILY_OPTIONS = [\n { name: \"Predeterminado\", value: \"\" },\n { name: \"Arial\", value: \"Arial, sans-serif\" },\n { name: \"Helvetica\", value: \"Helvetica, Arial, sans-serif\" },\n { name: \"Times New Roman\", value: \"Times New Roman, Times, serif\" },\n { name: \"Courier New\", value: \"Courier New, Courier, monospace\" },\n { name: \"Georgia\", value: \"Georgia, serif\" },\n { name: \"Verdana\", value: \"Verdana, Geneva, sans-serif\" },\n] as const;\n","import { CheckIcon, ChevronDownIcon } from \"lucide-react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\";\nimport { Button } from \"@/components/button\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { ScrollArea } from \"@/components/scroll_area\";\nimport { cn } from \"@/utilities\";\nimport { useToolbar } from \"../toolbar_provider\";\nimport { useMediaQuery } from \"@/hooks\";\nimport { MobileToolbarGroup, MobileToolbarItem } from \"../mobile_toolbar_group\";\nimport { FONT_FAMILY_OPTIONS } from \"./constants\";\n\nexport const FontFamilyToolbar = () => {\n const { editor } = useToolbar();\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\n const current =\n (editor?.getAttributes(\"textStyle\").fontFamily as string | undefined) ?? \"\";\n\n const activeLabel =\n FONT_FAMILY_OPTIONS.find((o) => o.value === current)?.name ?? \"Fuente\";\n\n if (isMobile) {\n return (\n <MobileToolbarGroup label={activeLabel}>\n {FONT_FAMILY_OPTIONS.map(({ name, value }) => (\n <MobileToolbarItem\n key={name}\n onClick={() => {\n if (!value) {\n editor?.chain().focus().unsetFontFamily().run();\n } else {\n editor?.chain().focus().setFontFamily(value).run();\n }\n }}\n active={current === value}\n >\n <span style={value ? { fontFamily: value } : undefined}>\n {name}\n </span>\n </MobileToolbarItem>\n ))}\n </MobileToolbarGroup>\n );\n }\n\n return (\n <Popover>\n <div className=\"relative h-full\">\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className={cn(\"h-8 max-w-36 gap-1 px-2 font-normal\")}\n >\n <span className=\"truncate text-xs\">{activeLabel}</span>\n <ChevronDownIcon className=\"h-4 w-4 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>Fuente</TooltipContent>\n </Tooltip>\n\n <PopoverContent\n align=\"start\"\n className=\"w-56 p-1\"\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n >\n <ScrollArea className=\"max-h-72 pr-2\">\n <div className=\"mb-2 mt-2 px-2 text-xs text-muted-foreground\">\n Fuente\n </div>\n {FONT_FAMILY_OPTIONS.map(({ name, value }) => (\n <button\n key={name}\n type=\"button\"\n onClick={() => {\n if (!value) {\n editor?.chain().focus().unsetFontFamily().run();\n } else {\n editor?.chain().focus().setFontFamily(value).run();\n }\n }}\n className={cn(\n \"flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm hover:bg-accent\",\n current === value && \"bg-accent\",\n )}\n >\n <span style={value ? { fontFamily: value } : undefined}>\n {name}\n </span>\n {current === value ? (\n <CheckIcon className=\"h-4 w-4 shrink-0\" />\n ) : null}\n </button>\n ))}\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 { CheckIcon, ChevronDownIcon } from \"lucide-react\";\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 { useMediaQuery } from \"@/hooks\";\nimport { MobileToolbarGroup, MobileToolbarItem } from \"../mobile_toolbar_group\";\nimport { FONT_SIZE_PRESETS } from \"./constants\";\n\nexport const FontSizeToolbar = () => {\n const { editor } = useToolbar();\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\n const current =\n (editor?.getAttributes(\"textStyle\").fontSize as string | undefined) ?? \"\";\n\n const activeLabel = current || \"Tamaño\";\n\n if (isMobile) {\n return (\n <MobileToolbarGroup label={activeLabel}>\n <MobileToolbarItem\n onClick={() => editor?.chain().focus().unsetFontSize().run()}\n active={!current}\n >\n Predeterminado\n </MobileToolbarItem>\n {FONT_SIZE_PRESETS.map((size) => (\n <MobileToolbarItem\n key={size}\n onClick={() => editor?.chain().focus().setFontSize(size).run()}\n active={current === size}\n >\n {size.replace(\"px\", \" pt\")}\n </MobileToolbarItem>\n ))}\n </MobileToolbarGroup>\n );\n }\n\n return (\n <Popover>\n <div className=\"relative h-full\">\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className={cn(\"h-8 w-14 gap-1 px-2 font-normal\")}\n >\n <span className=\"text-xs\">{current || \"—\"}</span>\n <ChevronDownIcon className=\"h-4 w-4 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>Tamaño de fuente</TooltipContent>\n </Tooltip>\n\n <PopoverContent\n align=\"start\"\n className=\"w-48 p-0\"\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n >\n <div className=\"max-h-[min(70vh,22rem)] overflow-y-auto overflow-x-hidden p-1\">\n <div className=\"mb-2 mt-2 px-2 text-xs text-muted-foreground\">\n Tamaño\n </div>\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().unsetFontSize().run()}\n className={cn(\n \"flex w-full min-h-9 items-center justify-between rounded-sm px-2 py-1.5 text-sm hover:bg-accent\",\n !current && \"bg-accent\",\n )}\n >\n Predeterminado\n {!current ? <CheckIcon className=\"h-4 w-4 shrink-0\" /> : null}\n </button>\n {FONT_SIZE_PRESETS.map((size) => (\n <button\n key={size}\n type=\"button\"\n onClick={() => editor?.chain().focus().setFontSize(size).run()}\n className={cn(\n \"flex w-full min-h-9 items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent\",\n current === size && \"bg-accent\",\n )}\n >\n <span className=\"tabular-nums\">{size}</span>\n {current === size ? (\n <CheckIcon className=\"h-4 w-4 shrink-0\" />\n ) : null}\n </button>\n ))}\n </div>\n </PopoverContent>\n </div>\n </Popover>\n );\n};\n","import React from \"react\";\r\nimport { ChevronDown } from \"lucide-react\";\r\nimport { Button } from \"@/components/button\";\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuTrigger,\r\n} from \"@/components/dropdown_menu\";\r\nimport { cn } from \"@/utilities\";\r\nimport { useToolbar } from \"../toolbar_provider\";\r\nimport { useMediaQuery } from \"@/hooks\";\r\nimport { MobileToolbarGroup, MobileToolbarItem } from \"../\";\r\n\r\nconst levels = [1, 2, 3, 4] as const;\r\n\r\nexport const HeadingsToolbar = React.forwardRef<\r\n HTMLButtonElement,\r\n React.ButtonHTMLAttributes<HTMLButtonElement>\r\n>(({ className, ...props }, ref) => {\r\n const { editor } = useToolbar();\r\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\r\n const activeLevel = levels.find((level) =>\r\n editor?.isActive(\"heading\", { level }),\r\n );\r\n\r\n if (isMobile) {\r\n return (\r\n <MobileToolbarGroup label={activeLevel ? `T${activeLevel}` : \"Normal\"}>\r\n <MobileToolbarItem\r\n onClick={() => editor?.chain().focus().setParagraph().run()}\r\n active={!editor?.isActive(\"heading\")}\r\n >\r\n Normal\r\n </MobileToolbarItem>\r\n {levels.map((level) => (\r\n <MobileToolbarItem\r\n key={level}\r\n onClick={() =>\r\n editor?.chain().focus().toggleHeading({ level }).run()\r\n }\r\n active={editor?.isActive(\"heading\", { level })}\r\n >\r\n Título {level}\r\n </MobileToolbarItem>\r\n ))}\r\n </MobileToolbarGroup>\r\n );\r\n }\r\n\r\n return (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n type=\"button\"\r\n title=\"Encabezados\"\r\n className={cn(\r\n \"h-8 w-max gap-1 px-3 font-normal\",\r\n editor?.isActive(\"heading\") && \"bg-accent\",\r\n className,\r\n )}\r\n ref={ref}\r\n {...props}\r\n >\r\n {activeLevel ? `Título ${activeLevel}` : \"Normal\"}\r\n <ChevronDown className=\"h-4 w-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"start\">\r\n <DropdownMenuItem\r\n onClick={() => editor?.chain().focus().setParagraph().run()}\r\n className={cn(\r\n \"flex items-center gap-2 h-fit\",\r\n !editor?.isActive(\"heading\") && \"bg-accent\",\r\n )}\r\n >\r\n Normal\r\n </DropdownMenuItem>\r\n {levels.map((level) => (\r\n <DropdownMenuItem\r\n key={level}\r\n onClick={() =>\r\n editor?.chain().focus().toggleHeading({ level }).run()\r\n }\r\n className={cn(\r\n \"flex items-center gap-2\",\r\n editor?.isActive(\"heading\", { level }) && \"bg-accent\",\r\n )}\r\n >\r\n Título {level}\r\n </DropdownMenuItem>\r\n ))}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n );\r\n});\r\n\r\nHeadingsToolbar.displayName = \"HeadingsToolbar\";\r\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 { ListOrdered } from \"lucide-react\";\nimport React from \"react\";\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { Button } from \"@/components/button\";\nimport { cn } from \"@/utilities\";\nimport { useToolbar } from \"../toolbar_provider\";\n\nconst OrderedListToolbar = 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(\"orderedList\") && \"bg-accent\",\n className\n )}\n onClick={(e) => {\n e.preventDefault();\n editor?.chain().focus().toggleOrderedList().run();\n onClick?.(e);\n }}\n ref={ref}\n {...props}\n >\n {children ?? <ListOrdered className=\"h-4 w-4\" />}\n </Button>\n </TooltipTrigger>\n <TooltipContent>\n <span>Lista numerada</span>\n </TooltipContent>\n </Tooltip>\n );\n});\n\nOrderedListToolbar.displayName = \"OrderedListToolbar\";\n\nexport { OrderedListToolbar };\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 {\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\nimport { type Editor } from \"@tiptap/core\";\nimport {\n BoldToolbar,\n ItalicToolbar,\n UnderlineToolbar,\n ColorHighlightToolbar,\n ToolbarProvider,\n HeadingsToolbar,\n BulletListToolbar,\n OrderedListToolbar,\n FontFamilyToolbar,\n FontSizeToolbar,\n} from \"../../toolbars\";\nimport { useMediaQuery } from \"@/hooks\";\nimport { ScrollArea, ScrollBar } from \"@/components/scroll_area\";\nimport { TooltipProvider } from \"@/components/tooltip\";\nimport { FloatingElement } from \"../../ui/floating-element\";\nimport { isSelectionValid } from \"../../lib/tiptap-utils\";\nimport { cn } from \"@/utilities\";\n\nexport type FloatingToolbarProps = {\n editor: Editor | null;\n extraActions?: ReactNode;\n compact?: boolean;\n showWhenCaretCollapsed?: boolean;\n dismissOnBlurStrict?: boolean;\n presentation?: \"floating\" | \"dock\";\n panelClassName?: string;\n};\n\nexport function FloatingToolbar({\n editor,\n extraActions,\n compact = false,\n showWhenCaretCollapsed = false,\n dismissOnBlurStrict = false,\n presentation = \"floating\",\n panelClassName,\n}: FloatingToolbarProps) {\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\n const [isVisible, setIsVisible] = useState(false);\n const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const [isChildFocused, setIsChildFocused] = useState(false);\n const isChildFocusedRef = useRef(false);\n useLayoutEffect(() => {\n isChildFocusedRef.current = isChildFocused;\n });\n\n // Prevent default context menu on mobile\n useEffect(() => {\n if (!editor?.options.element || !isMobile) return;\n\n const handleContextMenu = (e: Event) => {\n e.preventDefault();\n };\n\n const el = editor.options.element;\n (el as HTMLElement).addEventListener(\"contextmenu\", handleContextMenu);\n\n return () =>\n (el as HTMLElement).removeEventListener(\"contextmenu\", handleContextMenu);\n }, [editor, isMobile]);\n\n useEffect(() => {\n if (!editor || presentation === \"dock\") return;\n\n const updateVisibility = () => {\n const sel = editor.state.selection;\n const nonEmptyText = isSelectionValid(editor);\n const collapsedCaret =\n showWhenCaretCollapsed &&\n sel.empty &&\n editor.isEditable &&\n sel.$from.parent.isTextblock;\n const shouldBeVisible =\n (editor.isFocused || isChildFocused) &&\n (nonEmptyText || collapsedCaret);\n setIsVisible(shouldBeVisible);\n };\n\n editor.on(\"selectionUpdate\", updateVisibility);\n editor.on(\"focus\", updateVisibility);\n const handleBlur = () => {\n if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);\n blurTimeoutRef.current = setTimeout(() => {\n blurTimeoutRef.current = null;\n const sel = editor.state.selection;\n const nonEmptyText = isSelectionValid(editor);\n const collapsedCaret =\n showWhenCaretCollapsed &&\n sel.empty &&\n editor.isEditable &&\n sel.$from.parent.isTextblock;\n const textOrCaret = nonEmptyText || collapsedCaret;\n const childHasFocus = isChildFocusedRef.current;\n if (dismissOnBlurStrict) {\n setIsVisible((editor.isFocused || childHasFocus) && textOrCaret);\n return;\n }\n const isPopOverOpen = document.querySelector(\n '[data-radix-popper-content-wrapper], [role=\"dialog\"]',\n );\n setIsVisible(\n (editor.isFocused || childHasFocus || !!isPopOverOpen) && textOrCaret,\n );\n }, 150);\n };\n editor.on(\"blur\", handleBlur);\n\n return () => {\n if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);\n blurTimeoutRef.current = null;\n editor.off(\"selectionUpdate\", updateVisibility);\n editor.off(\"focus\", updateVisibility);\n editor.off(\"blur\", handleBlur);\n };\n }, [\n editor,\n isChildFocused,\n showWhenCaretCollapsed,\n dismissOnBlurStrict,\n presentation,\n ]);\n\n if (!editor) return null;\n\n const controlsRow = (\n <div className=\"flex items-center gap-0.5 p-1\">\n <BoldToolbar />\n <ItalicToolbar />\n <UnderlineToolbar />\n {!compact && <HeadingsToolbar />}\n {!compact && !isMobile && (\n <>\n <BulletListToolbar />\n <OrderedListToolbar />\n </>\n )}\n <FontFamilyToolbar />\n <FontSizeToolbar />\n <ColorHighlightToolbar />\n {extraActions ? (\n <div className=\"flex shrink-0 items-center gap-0.5\">{extraActions}</div>\n ) : null}\n </div>\n );\n\n const toolbarPanel =\n presentation === \"dock\" ? (\n <div\n className={cn(\n \"tiptap-floating-toolbar flex w-fit max-w-[min(100vw-10rem,48rem)] items-center overflow-x-auto rounded-md border border-border bg-card shadow-sm\",\n panelClassName,\n )}\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n onFocus={() => setIsChildFocused(true)}\n onBlur={() => setIsChildFocused(false)}\n >\n <ToolbarProvider editor={editor}>\n <TooltipProvider>{controlsRow}</TooltipProvider>\n </ToolbarProvider>\n </div>\n ) : (\n <div\n className={cn(\n \"tiptap-floating-toolbar overflow-hidden shadow-lg border rounded-lg bg-card\",\n isMobile ? \"w-[calc(100vw-2rem)] mx-4\" : \"w-fit\",\n panelClassName,\n )}\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n onFocus={() => setIsChildFocused(true)}\n onBlur={() => setIsChildFocused(false)}\n >\n <ToolbarProvider editor={editor}>\n <TooltipProvider>\n <ScrollArea className=\"h-fit\">\n {controlsRow}\n <ScrollBar className=\"hidden\" orientation=\"horizontal\" />\n </ScrollArea>\n </TooltipProvider>\n </ToolbarProvider>\n </div>\n );\n\n if (presentation === \"dock\") {\n return toolbarPanel;\n }\n\n return (\n <FloatingElement\n editor={editor}\n shouldShow={isVisible}\n zIndex={50}\n floatingOptions={{\n placement: \"top\",\n }}\n >\n {toolbarPanel}\n </FloatingElement>\n );\n}\n","import type { Extension } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { TextStyle, FontFamily, FontSize } from \"@tiptap/extension-text-style\";\nimport { Color } from \"@tiptap/extension-color\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport Underline from \"@tiptap/extension-underline\";\n\nexport function createAnnotationEditorExtensions(\n placeholder = \"Escribe aquí…\",\n): Extension[] {\n return [\n StarterKit.configure({\n heading: false,\n blockquote: false,\n horizontalRule: false,\n codeBlock: false,\n code: false,\n strike: false,\n link: false,\n underline: false,\n }),\n Placeholder.configure({\n placeholder,\n emptyNodeClass: \"is-editor-empty\",\n includeChildren: false,\n }),\n TextStyle,\n FontFamily,\n FontSize,\n Underline,\n Color,\n Highlight.configure({\n multicolor: true,\n }),\n ] as Extension[];\n}\n"],"mappings":"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"}
package/dist/file-view.js CHANGED
@@ -1,4 +1,4 @@
1
- import { $ as e, Q as t, Y as n, Z as r, _ as i, at as a, ct as o, et as s, f as c, g as l, h as u, it as d, n as f, nt as p, p as m, rt as h, t as g, v as _ } from "./annotation_editor_extensions-BAw3S2bg.js";
1
+ import { $ as e, Q as t, Y as n, Z as r, _ as i, at as a, ct as o, et as s, f as c, g as l, h as u, it as d, n as f, nt as p, p as m, rt as h, t as g, v as _ } from "./annotation_editor_extensions-DrgVpi-0.js";
2
2
  import { _ as v, f as y, g as b, i as x, l as S, m as C, o as w, p as T, r as E, s as D, t as O, u as k, y as A } from "./sheet-ZTEGzLWO.js";
3
3
  import { createContext as j, forwardRef as M, useCallback as N, useContext as P, useEffect as F, useImperativeHandle as ee, useLayoutEffect as te, useMemo as I, useRef as L, useState as R } from "react";
4
4
  import { Fragment as ne, jsx as z, jsxs as B } from "react/jsx-runtime";
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as ee, Y as w, Z as T, _ as te, a as E, at as D, b as ne, c as O, ct as k, d as re, et as ie, f as ae, g as A, h as oe, i as se, it as ce, j as le, k as ue, l as de, lt as fe, m as pe, n as me, nt as he, o as ge, ot as _e, p as ve, q as ye, r as be, rt as xe, s as Se, st as Ce, t as we, tt as Te, u as Ee, ut as De, v as Oe, w as ke, x as Ae, y as je, z as Me } from "./annotation_editor_extensions-BAw3S2bg.js";
1
+ import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as ee, Y as w, Z as T, _ as te, a as E, at as D, b as ne, c as O, ct as k, d as re, et as ie, f as ae, g as A, h as oe, i as se, it as ce, j as le, k as ue, l as de, lt as fe, m as pe, n as me, nt as he, o as ge, ot as _e, p as ve, q as ye, r as be, rt as xe, s as Se, st as Ce, t as we, tt as Te, u as Ee, ut as De, v as Oe, w as ke, x as Ae, y as je, z as Me } from "./annotation_editor_extensions-DrgVpi-0.js";
2
2
  import { _ as j, a as Ne, c as Pe, d as Fe, f as M, g as Ie, h as Le, i as Re, l as N, m as P, n as ze, o as Be, p as Ve, r as He, s as Ue, t as We, u as F, v as Ge, y as I } from "./sheet-ZTEGzLWO.js";
3
3
  import { C as Ke, S as qe, _ as Je, a as Ye, b as Xe, c as Ze, d as Qe, f as $e, g as et, h as tt, i as nt, l as rt, m as it, n as at, o as ot, p as st, r as ct, s as lt, t as ut, u as dt, v as ft, w as pt, x as mt, y as ht } from "./sidebar-DxAB1ior.js";
4
4
  import * as L from "react";
package/dist/styles.css CHANGED
@@ -169,6 +169,41 @@
169
169
  --text-8xl--line-height: var(--font-line-height-8xl);
170
170
  --text-9xl: var(--font-size-9xl);
171
171
  --text-9xl--line-height: var(--font-line-height-9xl);
172
+ --spacing-0: var(--padding-0);
173
+ --spacing-px: var(--padding-px);
174
+ --spacing-0.5: var(--padding-0-5);
175
+ --spacing-1: var(--padding-1);
176
+ --spacing-1.5: var(--padding-1-5);
177
+ --spacing-2: var(--padding-2);
178
+ --spacing-2.5: var(--padding-2-5);
179
+ --spacing-3: var(--padding-3);
180
+ --spacing-3.5: var(--padding-3-5);
181
+ --spacing-4: var(--padding-4);
182
+ --spacing-5: var(--padding-5);
183
+ --spacing-6: var(--padding-6);
184
+ --spacing-7: var(--padding-7);
185
+ --spacing-8: var(--padding-8);
186
+ --spacing-9: var(--padding-9);
187
+ --spacing-10: var(--padding-10);
188
+ --spacing-11: var(--padding-11);
189
+ --spacing-12: var(--padding-12);
190
+ --spacing-14: var(--padding-14);
191
+ --spacing-16: var(--padding-16);
192
+ --spacing-20: var(--padding-20);
193
+ --spacing-24: var(--padding-24);
194
+ --spacing-28: var(--padding-28);
195
+ --spacing-32: var(--padding-32);
196
+ --spacing-36: var(--padding-36);
197
+ --spacing-40: var(--padding-40);
198
+ --spacing-44: var(--padding-44);
199
+ --spacing-48: var(--padding-48);
200
+ --spacing-52: var(--padding-52);
201
+ --spacing-56: var(--padding-56);
202
+ --spacing-60: var(--padding-60);
203
+ --spacing-64: var(--padding-64);
204
+ --spacing-72: var(--padding-72);
205
+ --spacing-80: var(--padding-80);
206
+ --spacing-96: var(--padding-96);
172
207
  --color-background: var(--background);
173
208
  --color-foreground: var(--foreground);
174
209
  --color-card: var(--card);
@@ -399,6 +434,43 @@
399
434
  --font-line-height-8xl: 1;
400
435
  --font-line-height-9xl: 1;
401
436
 
437
+ /* Spacing / padding scale (base 16px) */
438
+ --padding-0: 0; /* 0px */
439
+ --padding-px: 1px; /* 1px */
440
+ --padding-0-5: 0.0625rem; /* 1px */
441
+ --padding-1: 0.125rem; /* 2px */
442
+ --padding-1-5: 0.25rem; /* 4px */
443
+ --padding-2: 0.375rem; /* 6px */
444
+ --padding-2-5: 0.5rem; /* 8px */
445
+ --padding-3: 0.625rem; /* 10px */
446
+ --padding-3-5: 0.75rem; /* 12px */
447
+ --padding-4: 0.75rem; /* 12px */
448
+ --padding-5: 1rem; /* 16px */
449
+ --padding-6: 1.25rem; /* 20px */
450
+ --padding-7: 1.5rem; /* 24px */
451
+ --padding-8: 1.75rem; /* 28px */
452
+ --padding-9: 2rem; /* 32px */
453
+ --padding-10: 2.25rem; /* 36px */
454
+ --padding-11: 2.5rem; /* 40px */
455
+ --padding-12: 2.75rem; /* 44px */
456
+ --padding-14: 3.25rem; /* 52px */
457
+ --padding-16: 3.75rem; /* 60px */
458
+ --padding-20: 4.75rem; /* 76px */
459
+ --padding-24: 5.75rem; /* 92px */
460
+ --padding-28: 6.75rem; /* 108px */
461
+ --padding-32: 7.75rem; /* 124px */
462
+ --padding-36: 8.75rem; /* 140px */
463
+ --padding-40: 9.75rem; /* 156px */
464
+ --padding-44: 10.75rem; /* 172px */
465
+ --padding-48: 11.75rem; /* 188px */
466
+ --padding-52: 12.75rem; /* 204px */
467
+ --padding-56: 13.75rem; /* 220px */
468
+ --padding-60: 14.75rem; /* 236px */
469
+ --padding-64: 15.75rem; /* 252px */
470
+ --padding-72: 17.75rem; /* 284px */
471
+ --padding-80: 19.75rem; /* 316px */
472
+ --padding-96: 23.75rem; /* 380px */
473
+
402
474
  --background: oklch(1 0 0);
403
475
  --foreground: oklch(0.145 0 0);
404
476
  --card: oklch(98.5% 0 0);
@@ -432,36 +504,39 @@
432
504
  --sidebar-ring: oklch(0.708 0 0);
433
505
 
434
506
  /* Status colors for toast an messages*/
435
- --status-background-error: oklch(95% 0.014 252);
436
- --status-foreground-error: oklch(25% 0.014 252);
437
- --status-background-success: oklch(92% 0.012 245);
438
- --status-foreground-success: oklch(28% 0.012 245);
439
- --status-background-warning: oklch(88% 0.013 268);
440
- --status-foreground-warning: oklch(30% 0.013 268);
441
- --status-background-info: oklch(86% 0.015 232);
442
- --status-foreground-info: oklch(32% 0.015 232);
443
- --status-background-loading: oklch(90% 0.012 260);
444
- --status-foreground-loading: oklch(32% 0.012 260);
507
+ --status-background-error: oklch(94% 0.03 250);
508
+ --status-foreground-error: oklch(28% 0.035 250);
509
+ --status-background-success: oklch(92% 0.028 210);
510
+ --status-foreground-success: oklch(26% 0.032 210);
511
+ --status-background-warning: oklch(90% 0.03 275);
512
+ --status-foreground-warning: oklch(30% 0.033 275);
513
+ --status-background-info: oklch(88% 0.032 230);
514
+ --status-foreground-info: oklch(28% 0.035 230);
515
+ --status-background-loading: oklch(90% 0.018 260);
516
+ --status-foreground-loading: oklch(32% 0.018 260);
445
517
 
446
518
  /* Status colors for card */
447
- --status-card-background-error: oklch(95% 0.014 252);
448
- --status-card-foreground-error: oklch(25% 0.014 252);
449
- --status-card-background-icon-error: oklch(88% 0.014 252);
450
- --status-card-background-empty: oklch(90% 0.012 260);
451
- --status-card-foreground-empty: oklch(32% 0.012 260);
452
- --status-card-background-icon-empty: oklch(84% 0.012 260);
519
+ --status-card-background-error: oklch(94% 0.035 27.325);
520
+ --status-card-border-error: oklch(90% 0.055 27.325);
521
+ --status-card-foreground-error: var(--destructive);
522
+ --status-card-background-icon-error: oklch(90% 0.07 27.325);
523
+
524
+ --status-card-background-empty: oklch(98.5% 0 0);
525
+ --status-card-border-empty: oklch(0.922 0 0);
526
+ --status-card-foreground-empty: oklch(0.205 0 0);
527
+ --status-card-background-icon-empty: oklch(0.93 0 0);
453
528
 
454
529
  /* Calendar colors */
455
- --calendar-color-gray: oklch(52% 0.012 260);
456
- --calendar-color-red: oklch(36% 0.015 252);
457
- --calendar-color-yellow: oklch(48% 0.012 272);
458
- --calendar-color-orange: oklch(40% 0.014 256);
459
- --calendar-color-purple: oklch(32% 0.016 278);
460
- --calendar-color-blue: oklch(44% 0.015 242);
461
- --calendar-color-indigo: oklch(38% 0.013 266);
462
- --calendar-color-sky: oklch(50% 0.014 228);
463
- --calendar-color-green: oklch(46% 0.012 248);
464
- --calendar-color-lime: oklch(54% 0.013 220);
530
+ --calendar-color-gray: oklch(50% 0.02 260);
531
+ --calendar-color-red: oklch(34% 0.035 250);
532
+ --calendar-color-yellow: oklch(52% 0.03 278);
533
+ --calendar-color-orange: oklch(38% 0.032 258);
534
+ --calendar-color-purple: oklch(30% 0.038 285);
535
+ --calendar-color-blue: oklch(44% 0.035 240);
536
+ --calendar-color-indigo: oklch(36% 0.033 268);
537
+ --calendar-color-sky: oklch(48% 0.034 225);
538
+ --calendar-color-green: oklch(42% 0.028 210);
539
+ --calendar-color-lime: oklch(56% 0.03 205);
465
540
 
466
541
  /* Case urgency colors */
467
542
  --case-urgency-critical-background: oklch(95% 0.01 260);
@@ -497,18 +572,18 @@
497
572
  --selector-foreground: oklch(50% 0.134 242.749);
498
573
 
499
574
  /* License status colors */
500
- --license-valid-foreground: oklch(28% 0.012 245);
501
- --license-valid-background: oklch(92% 0.012 245);
502
- --license-invalid-foreground: oklch(25% 0.014 252);
503
- --license-invalid-background: oklch(95% 0.014 252);
504
- --license-no-config-foreground: oklch(32% 0.015 232);
505
- --license-no-config-background: oklch(86% 0.015 232);
575
+ --license-valid-foreground: oklch(26% 0.032 210);
576
+ --license-valid-background: oklch(92% 0.028 210);
577
+ --license-invalid-foreground: oklch(28% 0.035 250);
578
+ --license-invalid-background: oklch(94% 0.03 250);
579
+ --license-no-config-foreground: oklch(28% 0.035 230);
580
+ --license-no-config-background: oklch(86% 0.032 230);
506
581
 
507
582
  /* Finances type colors */
508
- --finance-type-income-background: oklch(92% 0.012 245);
509
- --finance-type-income-foreground: oklch(28% 0.012 245);
510
- --finance-type-expense-background: oklch(95% 0.014 252);
511
- --finance-type-expense-foreground: oklch(25% 0.014 252);
583
+ --finance-type-income-background: oklch(92% 0.028 210);
584
+ --finance-type-income-foreground: oklch(26% 0.032 210);
585
+ --finance-type-expense-background: oklch(94% 0.03 255);
586
+ --finance-type-expense-foreground: oklch(28% 0.035 255);
512
587
 
513
588
  /* TipTap / RichTextEditor */
514
589
  --editor-text-default: hsl(240 10% 3.9%);
@@ -559,47 +634,47 @@
559
634
  0 4px 6px -4px rgb(0 0 0 / 0.1);
560
635
 
561
636
  /* Task tag colors */
562
- --task-tag-foreground-gray: oklch(32% 0.012 260);
563
- --task-tag-background-gray: oklch(92% 0.012 260);
637
+ --task-tag-foreground-gray: oklch(32% 0.02 260);
638
+ --task-tag-background-gray: oklch(92% 0.02 260);
564
639
 
565
- --task-tag-foreground-red: oklch(26% 0.015 252);
566
- --task-tag-background-red: oklch(86% 0.015 252);
640
+ --task-tag-foreground-red: oklch(26% 0.035 250);
641
+ --task-tag-background-red: oklch(86% 0.03 250);
567
642
 
568
- --task-tag-foreground-yellow: oklch(34% 0.012 272);
569
- --task-tag-background-yellow: oklch(94% 0.012 272);
643
+ --task-tag-foreground-yellow: oklch(34% 0.032 278);
644
+ --task-tag-background-yellow: oklch(94% 0.028 278);
570
645
 
571
- --task-tag-foreground-orange: oklch(30% 0.014 256);
572
- --task-tag-background-orange: oklch(84% 0.014 256);
646
+ --task-tag-foreground-orange: oklch(30% 0.033 258);
647
+ --task-tag-background-orange: oklch(82% 0.03 258);
573
648
 
574
- --task-tag-foreground-purple: oklch(28% 0.016 278);
575
- --task-tag-background-purple: oklch(90% 0.016 278);
649
+ --task-tag-foreground-purple: oklch(28% 0.038 285);
650
+ --task-tag-background-purple: oklch(90% 0.035 285);
576
651
 
577
- --task-tag-foreground-blue: oklch(32% 0.015 242);
578
- --task-tag-background-blue: oklch(88% 0.015 242);
652
+ --task-tag-foreground-blue: oklch(32% 0.035 240);
653
+ --task-tag-background-blue: oklch(88% 0.032 240);
579
654
 
580
- --task-tag-foreground-indigo: oklch(29% 0.013 266);
581
- --task-tag-background-indigo: oklch(93% 0.013 266);
655
+ --task-tag-foreground-indigo: oklch(29% 0.033 270);
656
+ --task-tag-background-indigo: oklch(93% 0.03 270);
582
657
 
583
- --task-tag-foreground-sky: oklch(33% 0.014 228);
584
- --task-tag-background-sky: oklch(85% 0.014 228);
658
+ --task-tag-foreground-sky: oklch(33% 0.034 225);
659
+ --task-tag-background-sky: oklch(84% 0.032 225);
585
660
 
586
- --task-tag-foreground-green: oklch(28% 0.012 248);
587
- --task-tag-background-green: oklch(91% 0.012 248);
661
+ --task-tag-foreground-green: oklch(28% 0.028 210);
662
+ --task-tag-background-green: oklch(91% 0.025 210);
588
663
 
589
- --task-tag-foreground-lime: oklch(35% 0.013 220);
590
- --task-tag-background-lime: oklch(89% 0.013 220);
664
+ --task-tag-foreground-lime: oklch(36% 0.03 205);
665
+ --task-tag-background-lime: oklch(89% 0.028 205);
591
666
 
592
- --task-priority-foreground-low: oklch(28% 0.012 248);
593
- --task-priority-background-low: oklch(91% 0.012 248);
667
+ --task-priority-foreground-low: oklch(28% 0.028 210);
668
+ --task-priority-background-low: oklch(91% 0.025 210);
594
669
 
595
- --task-priority-foreground-medium: oklch(30% 0.013 260);
596
- --task-priority-background-medium: oklch(88% 0.013 260);
670
+ --task-priority-foreground-medium: oklch(30% 0.03 240);
671
+ --task-priority-background-medium: oklch(88% 0.028 240);
597
672
 
598
- --task-priority-foreground-high: oklch(32% 0.014 252);
599
- --task-priority-background-high: oklch(85% 0.014 252);
673
+ --task-priority-foreground-high: oklch(32% 0.033 260);
674
+ --task-priority-background-high: oklch(85% 0.03 260);
600
675
 
601
- --task-priority-foreground-critical: oklch(26% 0.015 244);
602
- --task-priority-background-critical: oklch(94% 0.015 244);
676
+ --task-priority-foreground-critical: oklch(26% 0.035 250);
677
+ --task-priority-background-critical: oklch(94% 0.032 250);
603
678
  }
604
679
 
605
680
  .dark {
@@ -636,36 +711,38 @@
636
711
  --sidebar-ring: oklch(0.5 0 0);
637
712
 
638
713
  /* Status colors for toast and messages */
639
- --status-background-error: oklch(25% 0.014 252);
640
- --status-foreground-error: oklch(95% 0.014 252);
641
- --status-background-success: oklch(28% 0.012 245);
642
- --status-foreground-success: oklch(92% 0.012 245);
643
- --status-background-warning: oklch(30% 0.013 268);
644
- --status-foreground-warning: oklch(88% 0.013 268);
645
- --status-background-info: oklch(32% 0.015 232);
646
- --status-foreground-info: oklch(86% 0.015 232);
647
- --status-background-loading: oklch(28% 0.012 260);
648
- --status-foreground-loading: oklch(90% 0.012 260);
714
+ --status-background-error: oklch(28% 0.03 250);
715
+ --status-foreground-error: oklch(94% 0.03 250);
716
+ --status-background-success: oklch(26% 0.028 210);
717
+ --status-foreground-success: oklch(92% 0.028 210);
718
+ --status-background-warning: oklch(30% 0.03 275);
719
+ --status-foreground-warning: oklch(90% 0.03 275);
720
+ --status-background-info: oklch(28% 0.032 230);
721
+ --status-foreground-info: oklch(88% 0.032 230);
722
+ --status-background-loading: oklch(28% 0.018 260);
723
+ --status-foreground-loading: oklch(90% 0.018 260);
649
724
 
650
725
  /* Status colors for card */
651
- --status-card-background-error: oklch(25% 0.014 252);
652
- --status-card-foreground-error: oklch(95% 0.014 252);
653
- --status-card-background-icon-error: oklch(30% 0.014 252);
654
- --status-card-background-empty: oklch(28% 0.012 260);
655
- --status-card-foreground-empty: oklch(90% 0.012 260);
656
- --status-card-background-icon-empty: oklch(34% 0.012 260);
726
+ --status-card-background-error: oklch(27% 0.085 22.216);
727
+ --status-card-border-error: oklch(32% 0.1 22.216);
728
+ --status-card-foreground-error: var(--destructive);
729
+ --status-card-background-icon-error: oklch(33% 0.11 22.216);
730
+ --status-card-background-empty: oklch(0.168 0 0);
731
+ --status-card-border-empty: oklch(1 0 0 / 4.5%);
732
+ --status-card-foreground-empty: oklch(0.985 0 0);
733
+ --status-card-background-icon-empty: oklch(0.32 0 0);
657
734
 
658
735
  /* Calendar colors */
659
- --calendar-color-gray: oklch(62% 0.012 260);
660
- --calendar-color-red: oklch(58% 0.015 252);
661
- --calendar-color-yellow: oklch(70% 0.012 272);
662
- --calendar-color-orange: oklch(62% 0.014 256);
663
- --calendar-color-purple: oklch(54% 0.016 278);
664
- --calendar-color-blue: oklch(66% 0.015 242);
665
- --calendar-color-indigo: oklch(60% 0.013 266);
666
- --calendar-color-sky: oklch(72% 0.014 228);
667
- --calendar-color-green: oklch(68% 0.012 248);
668
- --calendar-color-lime: oklch(74% 0.013 220);
736
+ --calendar-color-gray: oklch(60% 0.02 260);
737
+ --calendar-color-red: oklch(56% 0.035 250);
738
+ --calendar-color-yellow: oklch(72% 0.03 278);
739
+ --calendar-color-orange: oklch(62% 0.032 258);
740
+ --calendar-color-purple: oklch(52% 0.038 285);
741
+ --calendar-color-blue: oklch(66% 0.035 240);
742
+ --calendar-color-indigo: oklch(58% 0.033 268);
743
+ --calendar-color-sky: oklch(74% 0.034 225);
744
+ --calendar-color-green: oklch(68% 0.028 210);
745
+ --calendar-color-lime: oklch(78% 0.03 205);
669
746
 
670
747
  /* Case urgency colors */
671
748
  --case-urgency-critical-background: oklch(25% 0.01 260);
@@ -701,18 +778,18 @@
701
778
  --selector-foreground: oklch(50% 0.134 242.749);
702
779
 
703
780
  /* License status colors */
704
- --license-valid-foreground: oklch(92% 0.012 245);
705
- --license-valid-background: oklch(28% 0.012 245);
706
- --license-invalid-foreground: oklch(95% 0.014 252);
707
- --license-invalid-background: oklch(25% 0.014 252);
708
- --license-no-config-foreground: oklch(86% 0.015 232);
709
- --license-no-config-background: oklch(32% 0.015 232);
781
+ --license-valid-foreground: oklch(92% 0.028 210);
782
+ --license-valid-background: oklch(26% 0.032 210);
783
+ --license-invalid-foreground: oklch(94% 0.03 250);
784
+ --license-invalid-background: oklch(28% 0.035 250);
785
+ --license-no-config-foreground: oklch(88% 0.032 230);
786
+ --license-no-config-background: oklch(28% 0.035 230);
710
787
 
711
788
  /* Finances type colors */
712
- --finance-type-income-background: oklch(28% 0.012 245);
713
- --finance-type-income-foreground: oklch(92% 0.012 245);
714
- --finance-type-expense-background: oklch(25% 0.014 252);
715
- --finance-type-expense-foreground: oklch(95% 0.014 252);
789
+ --finance-type-income-background: oklch(26% 0.028 210);
790
+ --finance-type-income-foreground: oklch(92% 0.028 210);
791
+ --finance-type-expense-background: oklch(28% 0.03 255);
792
+ --finance-type-expense-foreground: oklch(94% 0.03 255);
716
793
 
717
794
  /* TipTap / RichTextEditor */
718
795
  --editor-text-default: hsl(0 0% 98%);
@@ -742,47 +819,47 @@
742
819
  --editor-border-strong: hsl(240 5% 64.9%);
743
820
 
744
821
  /* Task colors */
745
- --task-tag-foreground-gray: oklch(92% 0.012 260);
746
- --task-tag-background-gray: oklch(32% 0.012 260);
822
+ --task-tag-foreground-gray: oklch(92% 0.02 260);
823
+ --task-tag-background-gray: oklch(32% 0.02 260);
747
824
 
748
- --task-tag-foreground-red: oklch(86% 0.015 252);
749
- --task-tag-background-red: oklch(26% 0.015 252);
825
+ --task-tag-foreground-red: oklch(86% 0.03 250);
826
+ --task-tag-background-red: oklch(26% 0.035 250);
750
827
 
751
- --task-tag-foreground-yellow: oklch(94% 0.012 272);
752
- --task-tag-background-yellow: oklch(34% 0.012 272);
828
+ --task-tag-foreground-yellow: oklch(94% 0.028 278);
829
+ --task-tag-background-yellow: oklch(34% 0.032 278);
753
830
 
754
- --task-tag-foreground-orange: oklch(84% 0.014 256);
755
- --task-tag-background-orange: oklch(30% 0.014 256);
831
+ --task-tag-foreground-orange: oklch(82% 0.03 258);
832
+ --task-tag-background-orange: oklch(30% 0.033 258);
756
833
 
757
- --task-tag-foreground-purple: oklch(90% 0.016 278);
758
- --task-tag-background-purple: oklch(28% 0.016 278);
834
+ --task-tag-foreground-purple: oklch(90% 0.035 285);
835
+ --task-tag-background-purple: oklch(28% 0.038 285);
759
836
 
760
- --task-tag-foreground-blue: oklch(88% 0.015 242);
761
- --task-tag-background-blue: oklch(32% 0.015 242);
837
+ --task-tag-foreground-blue: oklch(88% 0.032 240);
838
+ --task-tag-background-blue: oklch(32% 0.035 240);
762
839
 
763
- --task-tag-foreground-indigo: oklch(93% 0.013 266);
764
- --task-tag-background-indigo: oklch(29% 0.013 266);
840
+ --task-tag-foreground-indigo: oklch(93% 0.03 270);
841
+ --task-tag-background-indigo: oklch(29% 0.033 270);
765
842
 
766
- --task-tag-foreground-sky: oklch(85% 0.014 228);
767
- --task-tag-background-sky: oklch(33% 0.014 228);
843
+ --task-tag-foreground-sky: oklch(84% 0.032 225);
844
+ --task-tag-background-sky: oklch(33% 0.034 225);
768
845
 
769
- --task-tag-foreground-green: oklch(91% 0.012 248);
770
- --task-tag-background-green: oklch(28% 0.012 248);
846
+ --task-tag-foreground-green: oklch(91% 0.025 210);
847
+ --task-tag-background-green: oklch(28% 0.028 210);
771
848
 
772
- --task-tag-foreground-lime: oklch(89% 0.013 220);
773
- --task-tag-background-lime: oklch(35% 0.013 220);
849
+ --task-tag-foreground-lime: oklch(89% 0.028 205);
850
+ --task-tag-background-lime: oklch(36% 0.03 205);
774
851
 
775
- --task-priority-foreground-low: oklch(91% 0.012 248);
776
- --task-priority-background-low: oklch(28% 0.012 248);
852
+ --task-priority-foreground-low: oklch(91% 0.025 210);
853
+ --task-priority-background-low: oklch(28% 0.028 210);
777
854
 
778
- --task-priority-foreground-medium: oklch(88% 0.013 260);
779
- --task-priority-background-medium: oklch(30% 0.013 260);
855
+ --task-priority-foreground-medium: oklch(88% 0.028 240);
856
+ --task-priority-background-medium: oklch(30% 0.03 240);
780
857
 
781
- --task-priority-foreground-high: oklch(85% 0.014 252);
782
- --task-priority-background-high: oklch(32% 0.014 252);
858
+ --task-priority-foreground-high: oklch(85% 0.03 260);
859
+ --task-priority-background-high: oklch(32% 0.033 260);
783
860
 
784
- --task-priority-foreground-critical: oklch(94% 0.015 244);
785
- --task-priority-background-critical: oklch(26% 0.015 244);
861
+ --task-priority-foreground-critical: oklch(94% 0.032 250);
862
+ --task-priority-background-critical: oklch(26% 0.035 250);
786
863
  }
787
864
 
788
865
  @layer base {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "arxatec-ui",
3
- "version": "0.1.37",
3
+ "version": "0.1.38",
4
4
  "description": "React component library for building Arxatec product UIs—built on established ecosystem libraries for a consistent, efficient workflow. More at https://arxatec.net.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -1 +0,0 @@
1
- {"version":3,"file":"annotation_editor_extensions-BAw3S2bg.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/badge/index.tsx","../src/components/popover/index.tsx","../src/components/drawer/index.tsx","../src/components/dropdown_menu/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/lib/tiptap-utils.ts","../src/components/rich_text_editor/ui/floating-element.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/bold/index.tsx","../src/components/rich_text_editor/toolbars/bullet_list/index.tsx","../src/components/rich_text_editor/toolbars/color_and_highlight/index.tsx","../src/components/rich_text_editor/toolbars/font_family/constants.ts","../src/components/rich_text_editor/toolbars/font_family/index.tsx","../src/components/rich_text_editor/toolbars/font_size/constants.ts","../src/components/rich_text_editor/toolbars/font_size/index.tsx","../src/components/rich_text_editor/toolbars/headings/index.tsx","../src/components/rich_text_editor/toolbars/italic/index.tsx","../src/components/rich_text_editor/toolbars/ordered_list/index.tsx","../src/components/rich_text_editor/toolbars/underline/index.tsx","../src/components/rich_text_editor/extensions/floating_toolbar/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","/* 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","/* eslint-disable react-refresh/only-export-components */\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@/utilities/index\";\n\nconst dropdownMenuItemVariants = cva(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n {\n variants: {\n size: {\n default:\n \"gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n sm: \"gap-1.5 px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n },\n },\n defaultVariants: {\n size: \"default\",\n },\n }\n);\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n );\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\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 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n );\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n );\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n} & VariantProps<typeof dropdownMenuItemVariants>) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n data-size={size}\n className={cn(dropdownMenuItemVariants({ size }), className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n );\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-normal data-inset:pl-8\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n );\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-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 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n dropdownMenuItemVariants,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\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 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 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\",\n size === \"sm\" ? \"p-4 gap-2\" : \"p-6 gap-4\",\n classNameCard,\n colorVariants[color].background\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 { Editor } from \"@tiptap/core\";\nimport { Selection, NodeSelection } from \"@tiptap/pm/state\";\n\n/**\n * Gets the bounding rectangle of the current selection in the editor.\n * Uses the native DOM selection for more reliable results with portaled elements.\n */\nexport const getSelectionBoundingRect = (editor: Editor): DOMRect | null => {\n try {\n const selection = window.getSelection();\n const { view, state } = editor;\n\n if (!selection || selection.rangeCount === 0) {\n const { from } = state.selection;\n const coords = view.coordsAtPos(from);\n return new DOMRect(\n coords.left,\n coords.top,\n 0,\n coords.bottom - coords.top\n );\n }\n\n const range = selection.getRangeAt(0);\n\n // Check if selection is actually inside the editor\n const editorElement = view.dom;\n if (!editorElement.contains(range.commonAncestorContainer)) {\n const { from } = state.selection;\n const coords = view.coordsAtPos(from);\n return new DOMRect(\n coords.left,\n coords.top,\n 0,\n coords.bottom - coords.top\n );\n }\n\n const rect = range.getBoundingClientRect();\n\n // If the rect is empty (e.g., collapsed selection), try to get coordinates\n if (rect.width === 0 && rect.height === 0) {\n const { from } = state.selection;\n const coords = view.coordsAtPos(from);\n return new DOMRect(\n coords.left,\n coords.top,\n 0,\n coords.bottom - coords.top\n );\n }\n\n return rect;\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n } catch (e) {\n return null;\n }\n};\n\n/**\n * Checks if the current selection is valid for showing floating elements.\n */\nexport const isSelectionValid = (\n editor: Editor,\n selection?: Selection,\n excludedNodeTypes: string[] = [\"imageUpload\", \"horizontalRule\"]\n): boolean => {\n const sel = selection || editor.state.selection;\n if (!sel || sel.empty) return false;\n\n // Check if it's a node selection (like an image)\n if (sel instanceof NodeSelection) {\n return false;\n }\n\n // Check if selection is within excluded node types\n const { $from, $to } = sel;\n const nodes: string[] = [];\n editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {\n nodes.push(node.type.name);\n });\n\n if (nodes.some((name) => excludedNodeTypes.includes(name))) return false;\n if (nodes.includes(\"codeBlock\")) return false;\n\n return true;\n};\n\n/**\n * Checks if the current text selection is valid for editing.\n */\nexport const isTextSelectionValid = (editor: Editor): boolean => {\n const { selection } = editor.state;\n if (!selection || selection.empty) return false;\n\n const { $from, $to } = selection;\n const nodes: string[] = [];\n editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {\n nodes.push(node.type.name);\n });\n\n return !nodes.includes(\"codeBlock\");\n};\n","import * as React from \"react\";\nimport {\n useFloating,\n offset,\n flip,\n shift,\n autoUpdate,\n limitShift,\n type UseFloatingOptions,\n} from \"@floating-ui/react\";\nimport { Editor } from \"@tiptap/core\";\nimport { createPortal } from \"react-dom\";\nimport { getSelectionBoundingRect } from \"../lib/tiptap-utils\";\n\ninterface FloatingElementProps {\n editor: Editor | null;\n shouldShow?: boolean;\n floatingOptions?: Partial<UseFloatingOptions>;\n zIndex?: number;\n onOpenChange?: (open: boolean) => void;\n referenceElement?: HTMLElement | null;\n getBoundingClientRect?: (editor: Editor) => DOMRect | null;\n closeOnEscape?: boolean;\n resetTextSelectionOnClose?: boolean;\n children: React.ReactNode;\n style?: React.CSSProperties;\n className?: string;\n}\n\nexport const FloatingElement = ({\n editor,\n shouldShow,\n floatingOptions = {},\n zIndex = 50,\n onOpenChange,\n referenceElement,\n getBoundingClientRect = getSelectionBoundingRect,\n closeOnEscape = true,\n children,\n style,\n className,\n}: FloatingElementProps) => {\n const [isOpen, setIsOpen] = React.useState(false);\n\n const { refs, floatingStyles, update } = useFloating({\n open: shouldShow ?? isOpen,\n onOpenChange: (open) => {\n setIsOpen(open);\n onOpenChange?.(open);\n },\n strategy: \"fixed\",\n middleware: [\n offset(10),\n flip({ fallbackAxisSideDirection: \"end\" }),\n shift({ limiter: limitShift() }),\n ...(floatingOptions.middleware || []),\n ],\n whileElementsMounted: autoUpdate,\n ...floatingOptions,\n });\n\n // Update reference position\n React.useEffect(() => {\n if (!editor || !(shouldShow ?? isOpen)) return;\n\n const handleUpdate = () => {\n if (referenceElement) {\n refs.setReference(referenceElement);\n return;\n }\n\n const rect = getBoundingClientRect(editor);\n if (rect) {\n refs.setReference({\n getBoundingClientRect: () => rect,\n });\n }\n };\n\n handleUpdate();\n\n // Listen to various events that might change position\n editor.on(\"selectionUpdate\", handleUpdate);\n editor.on(\"transaction\", handleUpdate);\n editor.on(\"focus\", handleUpdate);\n editor.on(\"blur\", handleUpdate);\n window.addEventListener(\"resize\", handleUpdate);\n window.addEventListener(\"scroll\", handleUpdate, true);\n\n return () => {\n editor.off(\"selectionUpdate\", handleUpdate);\n editor.off(\"transaction\", handleUpdate);\n editor.off(\"focus\", handleUpdate);\n editor.off(\"blur\", handleUpdate);\n window.removeEventListener(\"resize\", handleUpdate);\n window.removeEventListener(\"scroll\", handleUpdate, true);\n };\n }, [\n editor,\n referenceElement,\n refs,\n getBoundingClientRect,\n shouldShow,\n isOpen,\n ]);\n\n // Manually trigger update when visibility changes\n React.useEffect(() => {\n if (shouldShow ?? isOpen) {\n update();\n }\n }, [shouldShow, isOpen, update]);\n\n React.useEffect(() => {\n if (closeOnEscape && (shouldShow ?? isOpen)) {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"Escape\") {\n setIsOpen(false);\n onOpenChange?.(false);\n }\n };\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }\n }, [closeOnEscape, isOpen, shouldShow, onOpenChange]);\n\n const visible = shouldShow ?? isOpen;\n\n if (!visible || !editor) return null;\n\n return createPortal(\n <div\n ref={refs.setFloating}\n className={className}\n style={{\n ...floatingStyles,\n zIndex,\n pointerEvents: \"none\",\n ...style,\n }}\n >\n <div style={{ pointerEvents: \"auto\" }}>{children}</div>\n </div>,\n document.body,\n );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const isElementWithinEditor = (editor: Editor, element: Node) => {\n const editorElement = editor.options.element as HTMLElement;\n return editorElement?.contains(element);\n};\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 React from \"react\";\nimport { BoldIcon } 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 BoldToolbar = 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(\"bold\") && \"bg-accent\",\n className\n )}\n onClick={(e) => {\n editor?.chain().focus().toggleBold().run();\n onClick?.(e);\n }}\n disabled={!editor?.can().toggleBold()}\n ref={ref}\n {...props}\n >\n {children ?? <BoldIcon className=\"h-4 w-4\" />}\n </Button>\n </TooltipTrigger>\n <TooltipContent>\n <span>Negrita</span>\n <span className=\"ml-1 text-xs text-gray-11\">(cmd + b)</span>\n </TooltipContent>\n </Tooltip>\n );\n});\n\nBoldToolbar.displayName = \"BoldToolbar\";\n\nexport { BoldToolbar };\n","import React from \"react\";\nimport { List } 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 BulletListToolbar = React.forwardRef<\n HTMLButtonElement,\n React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, onClick, children, ...props }, ref) => {\n const { editor } = useToolbar();\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\n \"size-7\",\n editor?.isActive(\"bulletList\") && \"bg-accent\",\n className\n )}\n onClick={(e) => {\n e.preventDefault();\n editor?.chain().focus().toggleBulletList().run();\n onClick?.(e);\n }}\n ref={ref}\n {...props}\n >\n {children ?? <List className=\"h-4 w-4\" />}\n </Button>\n </TooltipTrigger>\n <TooltipContent>\n <span>Lista de viñetas</span>\n </TooltipContent>\n </Tooltip>\n );\n});\n\nBulletListToolbar.displayName = \"BulletListToolbar\";\n\nexport { BulletListToolbar };\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_FAMILY_OPTIONS = [\n { name: \"Predeterminado\", value: \"\" },\n { name: \"Arial\", value: \"Arial, sans-serif\" },\n { name: \"Helvetica\", value: \"Helvetica, Arial, sans-serif\" },\n { name: \"Times New Roman\", value: \"Times New Roman, Times, serif\" },\n { name: \"Courier New\", value: \"Courier New, Courier, monospace\" },\n { name: \"Georgia\", value: \"Georgia, serif\" },\n { name: \"Verdana\", value: \"Verdana, Geneva, sans-serif\" },\n] as const;\n","import { CheckIcon, ChevronDownIcon } from \"lucide-react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\";\nimport { Button } from \"@/components/button\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { ScrollArea } from \"@/components/scroll_area\";\nimport { cn } from \"@/utilities\";\nimport { useToolbar } from \"../toolbar_provider\";\nimport { useMediaQuery } from \"@/hooks\";\nimport { MobileToolbarGroup, MobileToolbarItem } from \"../mobile_toolbar_group\";\nimport { FONT_FAMILY_OPTIONS } from \"./constants\";\n\nexport const FontFamilyToolbar = () => {\n const { editor } = useToolbar();\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\n const current =\n (editor?.getAttributes(\"textStyle\").fontFamily as string | undefined) ?? \"\";\n\n const activeLabel =\n FONT_FAMILY_OPTIONS.find((o) => o.value === current)?.name ?? \"Fuente\";\n\n if (isMobile) {\n return (\n <MobileToolbarGroup label={activeLabel}>\n {FONT_FAMILY_OPTIONS.map(({ name, value }) => (\n <MobileToolbarItem\n key={name}\n onClick={() => {\n if (!value) {\n editor?.chain().focus().unsetFontFamily().run();\n } else {\n editor?.chain().focus().setFontFamily(value).run();\n }\n }}\n active={current === value}\n >\n <span style={value ? { fontFamily: value } : undefined}>\n {name}\n </span>\n </MobileToolbarItem>\n ))}\n </MobileToolbarGroup>\n );\n }\n\n return (\n <Popover>\n <div className=\"relative h-full\">\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className={cn(\"h-8 max-w-36 gap-1 px-2 font-normal\")}\n >\n <span className=\"truncate text-xs\">{activeLabel}</span>\n <ChevronDownIcon className=\"h-4 w-4 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>Fuente</TooltipContent>\n </Tooltip>\n\n <PopoverContent\n align=\"start\"\n className=\"w-56 p-1\"\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n >\n <ScrollArea className=\"max-h-72 pr-2\">\n <div className=\"mb-2 mt-2 px-2 text-xs text-muted-foreground\">\n Fuente\n </div>\n {FONT_FAMILY_OPTIONS.map(({ name, value }) => (\n <button\n key={name}\n type=\"button\"\n onClick={() => {\n if (!value) {\n editor?.chain().focus().unsetFontFamily().run();\n } else {\n editor?.chain().focus().setFontFamily(value).run();\n }\n }}\n className={cn(\n \"flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm hover:bg-accent\",\n current === value && \"bg-accent\",\n )}\n >\n <span style={value ? { fontFamily: value } : undefined}>\n {name}\n </span>\n {current === value ? (\n <CheckIcon className=\"h-4 w-4 shrink-0\" />\n ) : null}\n </button>\n ))}\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 { CheckIcon, ChevronDownIcon } from \"lucide-react\";\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 { useMediaQuery } from \"@/hooks\";\nimport { MobileToolbarGroup, MobileToolbarItem } from \"../mobile_toolbar_group\";\nimport { FONT_SIZE_PRESETS } from \"./constants\";\n\nexport const FontSizeToolbar = () => {\n const { editor } = useToolbar();\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\n const current =\n (editor?.getAttributes(\"textStyle\").fontSize as string | undefined) ?? \"\";\n\n const activeLabel = current || \"Tamaño\";\n\n if (isMobile) {\n return (\n <MobileToolbarGroup label={activeLabel}>\n <MobileToolbarItem\n onClick={() => editor?.chain().focus().unsetFontSize().run()}\n active={!current}\n >\n Predeterminado\n </MobileToolbarItem>\n {FONT_SIZE_PRESETS.map((size) => (\n <MobileToolbarItem\n key={size}\n onClick={() => editor?.chain().focus().setFontSize(size).run()}\n active={current === size}\n >\n {size.replace(\"px\", \" pt\")}\n </MobileToolbarItem>\n ))}\n </MobileToolbarGroup>\n );\n }\n\n return (\n <Popover>\n <div className=\"relative h-full\">\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className={cn(\"h-8 w-14 gap-1 px-2 font-normal\")}\n >\n <span className=\"text-xs\">{current || \"—\"}</span>\n <ChevronDownIcon className=\"h-4 w-4 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>Tamaño de fuente</TooltipContent>\n </Tooltip>\n\n <PopoverContent\n align=\"start\"\n className=\"w-48 p-0\"\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n >\n <div className=\"max-h-[min(70vh,22rem)] overflow-y-auto overflow-x-hidden p-1\">\n <div className=\"mb-2 mt-2 px-2 text-xs text-muted-foreground\">\n Tamaño\n </div>\n <button\n type=\"button\"\n onClick={() => editor?.chain().focus().unsetFontSize().run()}\n className={cn(\n \"flex w-full min-h-9 items-center justify-between rounded-sm px-2 py-1.5 text-sm hover:bg-accent\",\n !current && \"bg-accent\",\n )}\n >\n Predeterminado\n {!current ? <CheckIcon className=\"h-4 w-4 shrink-0\" /> : null}\n </button>\n {FONT_SIZE_PRESETS.map((size) => (\n <button\n key={size}\n type=\"button\"\n onClick={() => editor?.chain().focus().setFontSize(size).run()}\n className={cn(\n \"flex w-full min-h-9 items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent\",\n current === size && \"bg-accent\",\n )}\n >\n <span className=\"tabular-nums\">{size}</span>\n {current === size ? (\n <CheckIcon className=\"h-4 w-4 shrink-0\" />\n ) : null}\n </button>\n ))}\n </div>\n </PopoverContent>\n </div>\n </Popover>\n );\n};\n","import React from \"react\";\r\nimport { ChevronDown } from \"lucide-react\";\r\nimport { Button } from \"@/components/button\";\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuTrigger,\r\n} from \"@/components/dropdown_menu\";\r\nimport { cn } from \"@/utilities\";\r\nimport { useToolbar } from \"../toolbar_provider\";\r\nimport { useMediaQuery } from \"@/hooks\";\r\nimport { MobileToolbarGroup, MobileToolbarItem } from \"../\";\r\n\r\nconst levels = [1, 2, 3, 4] as const;\r\n\r\nexport const HeadingsToolbar = React.forwardRef<\r\n HTMLButtonElement,\r\n React.ButtonHTMLAttributes<HTMLButtonElement>\r\n>(({ className, ...props }, ref) => {\r\n const { editor } = useToolbar();\r\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\r\n const activeLevel = levels.find((level) =>\r\n editor?.isActive(\"heading\", { level }),\r\n );\r\n\r\n if (isMobile) {\r\n return (\r\n <MobileToolbarGroup label={activeLevel ? `T${activeLevel}` : \"Normal\"}>\r\n <MobileToolbarItem\r\n onClick={() => editor?.chain().focus().setParagraph().run()}\r\n active={!editor?.isActive(\"heading\")}\r\n >\r\n Normal\r\n </MobileToolbarItem>\r\n {levels.map((level) => (\r\n <MobileToolbarItem\r\n key={level}\r\n onClick={() =>\r\n editor?.chain().focus().toggleHeading({ level }).run()\r\n }\r\n active={editor?.isActive(\"heading\", { level })}\r\n >\r\n Título {level}\r\n </MobileToolbarItem>\r\n ))}\r\n </MobileToolbarGroup>\r\n );\r\n }\r\n\r\n return (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n type=\"button\"\r\n title=\"Encabezados\"\r\n className={cn(\r\n \"h-8 w-max gap-1 px-3 font-normal\",\r\n editor?.isActive(\"heading\") && \"bg-accent\",\r\n className,\r\n )}\r\n ref={ref}\r\n {...props}\r\n >\r\n {activeLevel ? `Título ${activeLevel}` : \"Normal\"}\r\n <ChevronDown className=\"h-4 w-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"start\">\r\n <DropdownMenuItem\r\n onClick={() => editor?.chain().focus().setParagraph().run()}\r\n className={cn(\r\n \"flex items-center gap-2 h-fit\",\r\n !editor?.isActive(\"heading\") && \"bg-accent\",\r\n )}\r\n >\r\n Normal\r\n </DropdownMenuItem>\r\n {levels.map((level) => (\r\n <DropdownMenuItem\r\n key={level}\r\n onClick={() =>\r\n editor?.chain().focus().toggleHeading({ level }).run()\r\n }\r\n className={cn(\r\n \"flex items-center gap-2\",\r\n editor?.isActive(\"heading\", { level }) && \"bg-accent\",\r\n )}\r\n >\r\n Título {level}\r\n </DropdownMenuItem>\r\n ))}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n );\r\n});\r\n\r\nHeadingsToolbar.displayName = \"HeadingsToolbar\";\r\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 { ListOrdered } from \"lucide-react\";\nimport React from \"react\";\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport { Button } from \"@/components/button\";\nimport { cn } from \"@/utilities\";\nimport { useToolbar } from \"../toolbar_provider\";\n\nconst OrderedListToolbar = 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(\"orderedList\") && \"bg-accent\",\n className\n )}\n onClick={(e) => {\n e.preventDefault();\n editor?.chain().focus().toggleOrderedList().run();\n onClick?.(e);\n }}\n ref={ref}\n {...props}\n >\n {children ?? <ListOrdered className=\"h-4 w-4\" />}\n </Button>\n </TooltipTrigger>\n <TooltipContent>\n <span>Lista numerada</span>\n </TooltipContent>\n </Tooltip>\n );\n});\n\nOrderedListToolbar.displayName = \"OrderedListToolbar\";\n\nexport { OrderedListToolbar };\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 {\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\nimport { type Editor } from \"@tiptap/core\";\nimport {\n BoldToolbar,\n ItalicToolbar,\n UnderlineToolbar,\n ColorHighlightToolbar,\n ToolbarProvider,\n HeadingsToolbar,\n BulletListToolbar,\n OrderedListToolbar,\n FontFamilyToolbar,\n FontSizeToolbar,\n} from \"../../toolbars\";\nimport { useMediaQuery } from \"@/hooks\";\nimport { ScrollArea, ScrollBar } from \"@/components/scroll_area\";\nimport { TooltipProvider } from \"@/components/tooltip\";\nimport { FloatingElement } from \"../../ui/floating-element\";\nimport { isSelectionValid } from \"../../lib/tiptap-utils\";\nimport { cn } from \"@/utilities\";\n\nexport type FloatingToolbarProps = {\n editor: Editor | null;\n extraActions?: ReactNode;\n compact?: boolean;\n showWhenCaretCollapsed?: boolean;\n dismissOnBlurStrict?: boolean;\n presentation?: \"floating\" | \"dock\";\n panelClassName?: string;\n};\n\nexport function FloatingToolbar({\n editor,\n extraActions,\n compact = false,\n showWhenCaretCollapsed = false,\n dismissOnBlurStrict = false,\n presentation = \"floating\",\n panelClassName,\n}: FloatingToolbarProps) {\n const isMobile = useMediaQuery(\"(max-width: 640px)\");\n const [isVisible, setIsVisible] = useState(false);\n const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const [isChildFocused, setIsChildFocused] = useState(false);\n const isChildFocusedRef = useRef(false);\n useLayoutEffect(() => {\n isChildFocusedRef.current = isChildFocused;\n });\n\n // Prevent default context menu on mobile\n useEffect(() => {\n if (!editor?.options.element || !isMobile) return;\n\n const handleContextMenu = (e: Event) => {\n e.preventDefault();\n };\n\n const el = editor.options.element;\n (el as HTMLElement).addEventListener(\"contextmenu\", handleContextMenu);\n\n return () =>\n (el as HTMLElement).removeEventListener(\"contextmenu\", handleContextMenu);\n }, [editor, isMobile]);\n\n useEffect(() => {\n if (!editor || presentation === \"dock\") return;\n\n const updateVisibility = () => {\n const sel = editor.state.selection;\n const nonEmptyText = isSelectionValid(editor);\n const collapsedCaret =\n showWhenCaretCollapsed &&\n sel.empty &&\n editor.isEditable &&\n sel.$from.parent.isTextblock;\n const shouldBeVisible =\n (editor.isFocused || isChildFocused) &&\n (nonEmptyText || collapsedCaret);\n setIsVisible(shouldBeVisible);\n };\n\n editor.on(\"selectionUpdate\", updateVisibility);\n editor.on(\"focus\", updateVisibility);\n const handleBlur = () => {\n if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);\n blurTimeoutRef.current = setTimeout(() => {\n blurTimeoutRef.current = null;\n const sel = editor.state.selection;\n const nonEmptyText = isSelectionValid(editor);\n const collapsedCaret =\n showWhenCaretCollapsed &&\n sel.empty &&\n editor.isEditable &&\n sel.$from.parent.isTextblock;\n const textOrCaret = nonEmptyText || collapsedCaret;\n const childHasFocus = isChildFocusedRef.current;\n if (dismissOnBlurStrict) {\n setIsVisible((editor.isFocused || childHasFocus) && textOrCaret);\n return;\n }\n const isPopOverOpen = document.querySelector(\n '[data-radix-popper-content-wrapper], [role=\"dialog\"]',\n );\n setIsVisible(\n (editor.isFocused || childHasFocus || !!isPopOverOpen) && textOrCaret,\n );\n }, 150);\n };\n editor.on(\"blur\", handleBlur);\n\n return () => {\n if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);\n blurTimeoutRef.current = null;\n editor.off(\"selectionUpdate\", updateVisibility);\n editor.off(\"focus\", updateVisibility);\n editor.off(\"blur\", handleBlur);\n };\n }, [\n editor,\n isChildFocused,\n showWhenCaretCollapsed,\n dismissOnBlurStrict,\n presentation,\n ]);\n\n if (!editor) return null;\n\n const controlsRow = (\n <div className=\"flex items-center gap-0.5 p-1\">\n <BoldToolbar />\n <ItalicToolbar />\n <UnderlineToolbar />\n {!compact && <HeadingsToolbar />}\n {!compact && !isMobile && (\n <>\n <BulletListToolbar />\n <OrderedListToolbar />\n </>\n )}\n <FontFamilyToolbar />\n <FontSizeToolbar />\n <ColorHighlightToolbar />\n {extraActions ? (\n <div className=\"flex shrink-0 items-center gap-0.5\">{extraActions}</div>\n ) : null}\n </div>\n );\n\n const toolbarPanel =\n presentation === \"dock\" ? (\n <div\n className={cn(\n \"tiptap-floating-toolbar flex w-fit max-w-[min(100vw-10rem,48rem)] items-center overflow-x-auto rounded-md border border-border bg-card shadow-sm\",\n panelClassName,\n )}\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n onFocus={() => setIsChildFocused(true)}\n onBlur={() => setIsChildFocused(false)}\n >\n <ToolbarProvider editor={editor}>\n <TooltipProvider>{controlsRow}</TooltipProvider>\n </ToolbarProvider>\n </div>\n ) : (\n <div\n className={cn(\n \"tiptap-floating-toolbar overflow-hidden shadow-lg border rounded-lg bg-card\",\n isMobile ? \"w-[calc(100vw-2rem)] mx-4\" : \"w-fit\",\n panelClassName,\n )}\n onWheel={(e) => e.stopPropagation()}\n onTouchMove={(e) => e.stopPropagation()}\n onFocus={() => setIsChildFocused(true)}\n onBlur={() => setIsChildFocused(false)}\n >\n <ToolbarProvider editor={editor}>\n <TooltipProvider>\n <ScrollArea className=\"h-fit\">\n {controlsRow}\n <ScrollBar className=\"hidden\" orientation=\"horizontal\" />\n </ScrollArea>\n </TooltipProvider>\n </ToolbarProvider>\n </div>\n );\n\n if (presentation === \"dock\") {\n return toolbarPanel;\n }\n\n return (\n <FloatingElement\n editor={editor}\n shouldShow={isVisible}\n zIndex={50}\n floatingOptions={{\n placement: \"top\",\n }}\n >\n {toolbarPanel}\n </FloatingElement>\n );\n}\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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"}