@iclips/ui 0.0.6 → 0.0.8

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.
package/dist/index.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
2
- import { AlertCircle, CheckCircle2, Clock, Circle, Edit, Calendar as Calendar$1, User, ChevronLeft, ChevronRight, ChevronDown, MoreVertical, CheckSquare, MessageSquare, Paperclip, ChevronDownIcon, MoreHorizontal, ArrowLeft, ArrowRight, Check, XIcon, SearchIcon, ChevronRightIcon, CheckIcon, CircleIcon, MinusIcon, ChevronLeftIcon, MoreHorizontalIcon, GripVerticalIcon, ChevronUpIcon, X, Filter, Plus as Plus$1, Download, Star, Trash2, PanelLeftIcon, CalendarIcon, Link2 as Link2$1, Smile, Type, Send, Undo, Redo, Heading1, Heading2, Heading3, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, Quote, Link, Image as Image$1, PanelLeftOpen, PanelLeftClose, Youtube, Twitter, Facebook, Linkedin, Instagram, FileText, GripVertical, Pencil, RefreshCw, PlusCircle } from 'lucide-react';
2
+ import { AlertCircle, CheckCircle2, Clock, Circle, Edit, Calendar, User, ChevronLeft, ChevronRight, ChevronDown, MoreVertical, CheckSquare, MessageSquare, Paperclip, ChevronDownIcon, Home, Folder, Users, BarChart3, Settings, Pin, Plus, LayoutGrid, FileText, Star, Download, Sparkles, Zap, PanelLeftClose, PanelLeft, Bell, MoreHorizontal, ArrowLeft, ArrowRight, Check, XIcon, SearchIcon, ChevronRightIcon, CheckIcon, CircleIcon, MinusIcon, ChevronLeftIcon, MoreHorizontalIcon, GripVerticalIcon, ChevronUpIcon, X, Filter, Trash2, PanelLeftIcon, CalendarIcon, Link2 as Link2$1, Smile, Type, Send, Undo, Redo, Heading1, Heading2, Heading3, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, Quote, Link, Image as Image$1, PanelLeftOpen, Youtube, Twitter, Facebook, Linkedin, Instagram, GripVertical, Pencil, RefreshCw, PlusCircle } from 'lucide-react';
3
3
  import { clsx } from 'clsx';
4
4
  import { twMerge } from 'tailwind-merge';
5
5
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
- import * as React4 from 'react';
7
- import React4__default, { forwardRef, createContext, useContext, useState, useEffect, useImperativeHandle, memo, useRef, useDebugValue, useMemo, createElement, useLayoutEffect, version, createRef, Fragment as Fragment$1, useCallback, isValidElement, Suspense, cloneElement, Component } from 'react';
6
+ import * as React5 from 'react';
7
+ import React5__default, { forwardRef, createContext, useContext, useState, useEffect, useImperativeHandle, memo, useRef, useDebugValue, useMemo, createElement, useLayoutEffect, version, createRef, Fragment as Fragment$1, useCallback, isValidElement, Suspense, cloneElement, Component } from 'react';
8
8
  import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
9
9
  import { Slot } from '@radix-ui/react-slot';
10
10
  import { cva } from 'class-variance-authority';
11
+ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
11
12
  import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
12
13
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
13
14
  import { DayPicker } from 'react-day-picker';
@@ -29,7 +30,6 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
29
30
  import * as ProgressPrimitive from '@radix-ui/react-progress';
30
31
  import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
31
32
  import * as ResizablePrimitive from 'react-resizable-panels';
32
- import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
33
33
  import * as SelectPrimitive from '@radix-ui/react-select';
34
34
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
35
35
  import * as SliderPrimitive from '@radix-ui/react-slider';
@@ -251,7 +251,7 @@ var buttonVariants = cva(
251
251
  }
252
252
  }
253
253
  );
254
- var Button = React4.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
254
+ var Button = React5.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
255
255
  const Comp = asChild ? Slot : "button";
256
256
  return /* @__PURE__ */ jsx(
257
257
  Comp,
@@ -279,7 +279,7 @@ function AlertDialogPortal({
279
279
  }) {
280
280
  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
281
281
  }
282
- var AlertDialogOverlay = React4.forwardRef(({ className, ...props }, ref) => {
282
+ var AlertDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => {
283
283
  return /* @__PURE__ */ jsx(
284
284
  AlertDialogPrimitive.Overlay,
285
285
  {
@@ -450,6 +450,283 @@ function AlertDescription({
450
450
  }
451
451
  );
452
452
  }
453
+ function ScrollArea({
454
+ className,
455
+ children,
456
+ ...props
457
+ }) {
458
+ return /* @__PURE__ */ jsxs(
459
+ ScrollAreaPrimitive.Root,
460
+ {
461
+ "data-slot": "scroll-area",
462
+ className: cn("relative", className),
463
+ ...props,
464
+ children: [
465
+ /* @__PURE__ */ jsx(
466
+ ScrollAreaPrimitive.Viewport,
467
+ {
468
+ "data-slot": "scroll-area-viewport",
469
+ className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
470
+ children
471
+ }
472
+ ),
473
+ /* @__PURE__ */ jsx(ScrollBar, {}),
474
+ /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
475
+ ]
476
+ }
477
+ );
478
+ }
479
+ function ScrollBar({
480
+ className,
481
+ orientation = "vertical",
482
+ ...props
483
+ }) {
484
+ return /* @__PURE__ */ jsx(
485
+ ScrollAreaPrimitive.ScrollAreaScrollbar,
486
+ {
487
+ "data-slot": "scroll-area-scrollbar",
488
+ orientation,
489
+ className: cn(
490
+ "flex touch-none p-px transition-colors select-none",
491
+ orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
492
+ orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
493
+ className
494
+ ),
495
+ ...props,
496
+ children: /* @__PURE__ */ jsx(
497
+ ScrollAreaPrimitive.ScrollAreaThumb,
498
+ {
499
+ "data-slot": "scroll-area-thumb",
500
+ className: "bg-border relative flex-1 rounded-full"
501
+ }
502
+ )
503
+ }
504
+ );
505
+ }
506
+ var badgeVariants = cva(
507
+ "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",
508
+ {
509
+ variants: {
510
+ variant: {
511
+ default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
512
+ secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
513
+ destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
514
+ outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
515
+ }
516
+ },
517
+ defaultVariants: {
518
+ variant: "default"
519
+ }
520
+ }
521
+ );
522
+ var Badge = React5.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
523
+ const Comp = asChild ? Slot : "span";
524
+ return /* @__PURE__ */ jsx(
525
+ Comp,
526
+ {
527
+ ref,
528
+ "data-slot": "badge",
529
+ className: cn(badgeVariants({ variant }), className),
530
+ ...props
531
+ }
532
+ );
533
+ });
534
+ Badge.displayName = "Badge";
535
+ function BrandLogo({ variant = "full", className }) {
536
+ return /* @__PURE__ */ jsxs(
537
+ "svg",
538
+ {
539
+ viewBox: "0 0 120 40",
540
+ className: cn("h-8", className),
541
+ fill: "none",
542
+ xmlns: "http://www.w3.org/2000/svg",
543
+ children: [
544
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "logoGradient", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
545
+ /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#7F26BF" }),
546
+ /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#A855F7" })
547
+ ] }) }),
548
+ /* @__PURE__ */ jsx("rect", { x: "4", y: "8", width: "24", height: "24", rx: "6", fill: "url(#logoGradient)" }),
549
+ /* @__PURE__ */ jsx("path", { d: "M16 18 L16 28", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
550
+ /* @__PURE__ */ jsx("circle", { cx: "16", cy: "14", r: "2", fill: "white" }),
551
+ variant === "full" && /* @__PURE__ */ jsx("text", { x: "36", y: "26", fontFamily: "system-ui", fontSize: "18", fontWeight: "600", fill: "currentColor", children: "iClips" })
552
+ ]
553
+ }
554
+ );
555
+ }
556
+ var DEFAULT_PRIMARY_NAV_ITEMS = [
557
+ { id: "home", label: "In\xEDcio", icon: Home },
558
+ { id: "projects", label: "Projetos", icon: Folder },
559
+ { id: "clients", label: "Clientes", icon: Users },
560
+ { id: "calendar", label: "Calend\xE1rio", icon: Calendar },
561
+ { id: "reports", label: "Relat\xF3rios", icon: BarChart3 },
562
+ { id: "settings", label: "Configura\xE7\xF5es", icon: Settings }
563
+ ];
564
+ var DEFAULT_SECONDARY_NAV_ITEMS = [
565
+ { label: "Todos os Projetos", icon: LayoutGrid },
566
+ { label: "Documentos", icon: FileText, badge: "3" },
567
+ { label: "Favoritos", icon: Star, chevron: true },
568
+ { label: "Coment\xE1rios", icon: MessageSquare, badge: "12", highlighted: true },
569
+ { label: "Downloads", icon: Download },
570
+ { label: "Recentes", icon: Sparkles, chevron: true }
571
+ ];
572
+ function AppLayout({
573
+ children,
574
+ title = "Dashboard",
575
+ theme = "light",
576
+ onThemeToggle,
577
+ primaryNavItems = DEFAULT_PRIMARY_NAV_ITEMS,
578
+ secondaryNavItems = DEFAULT_SECONDARY_NAV_ITEMS,
579
+ secondaryNavTitle = "Menu",
580
+ activePrimaryItem,
581
+ onPrimaryItemClick,
582
+ logoComponent,
583
+ hideSecondaryNav = false,
584
+ defaultPrimaryNavPinned = false,
585
+ defaultSecondaryNavOpen = true
586
+ }) {
587
+ const [isPrimaryNavPinned, setIsPrimaryNavPinned] = React5.useState(defaultPrimaryNavPinned);
588
+ const [isPrimaryNavHovered, setIsPrimaryNavHovered] = React5.useState(false);
589
+ const [isSecondaryNavOpen, setIsSecondaryNavOpen] = React5.useState(defaultSecondaryNavOpen);
590
+ const [activeItem, setActiveItem] = React5.useState(activePrimaryItem || primaryNavItems[0]?.id);
591
+ const isPrimaryNavExpanded = isPrimaryNavPinned || isPrimaryNavHovered;
592
+ const handlePrimaryItemClick = (id) => {
593
+ setActiveItem(id);
594
+ if (onPrimaryItemClick) {
595
+ onPrimaryItemClick(id);
596
+ }
597
+ };
598
+ return /* @__PURE__ */ jsxs("div", { className: "flex h-screen w-full bg-background", children: [
599
+ /* @__PURE__ */ jsx(
600
+ "div",
601
+ {
602
+ className: cn(
603
+ "relative border-r bg-card transition-all duration-300 ease-in-out",
604
+ isPrimaryNavExpanded ? "w-56" : "w-16"
605
+ ),
606
+ onMouseEnter: () => setIsPrimaryNavHovered(true),
607
+ onMouseLeave: () => setIsPrimaryNavHovered(false),
608
+ children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
609
+ /* @__PURE__ */ jsx("div", { className: "flex h-16 items-center justify-between border-b px-4", children: logoComponent || /* @__PURE__ */ jsx(
610
+ BrandLogo,
611
+ {
612
+ variant: isPrimaryNavExpanded ? "full" : "symbol",
613
+ className: "transition-all duration-300"
614
+ }
615
+ ) }),
616
+ /* @__PURE__ */ jsx("nav", { className: "flex-1 space-y-1 p-2", children: primaryNavItems.map((item) => {
617
+ const Icon2 = item.icon;
618
+ const isActive2 = activeItem === item.id;
619
+ return /* @__PURE__ */ jsxs(
620
+ "button",
621
+ {
622
+ onClick: () => handlePrimaryItemClick(item.id),
623
+ className: cn(
624
+ "flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors",
625
+ isActive2 ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
626
+ ),
627
+ children: [
628
+ /* @__PURE__ */ jsx(Icon2, { className: "h-5 w-5 shrink-0" }),
629
+ /* @__PURE__ */ jsx(
630
+ "span",
631
+ {
632
+ className: cn(
633
+ "transition-all duration-300",
634
+ isPrimaryNavExpanded ? "opacity-100" : "w-0 opacity-0"
635
+ ),
636
+ children: item.label
637
+ }
638
+ )
639
+ ]
640
+ },
641
+ item.id
642
+ );
643
+ }) }),
644
+ isPrimaryNavExpanded && /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsxs(
645
+ Button,
646
+ {
647
+ variant: "ghost",
648
+ size: "sm",
649
+ onClick: () => setIsPrimaryNavPinned(!isPrimaryNavPinned),
650
+ className: "w-full justify-start gap-2",
651
+ children: [
652
+ /* @__PURE__ */ jsx(Pin, { className: cn("h-4 w-4", isPrimaryNavPinned && "fill-current") }),
653
+ /* @__PURE__ */ jsx("span", { className: "text-xs", children: isPrimaryNavPinned ? "Desafixar" : "Fixar menu" })
654
+ ]
655
+ }
656
+ ) })
657
+ ] }) })
658
+ }
659
+ ),
660
+ !hideSecondaryNav && isSecondaryNavOpen && /* @__PURE__ */ jsx("div", { className: "w-[264px] border-r bg-card", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
661
+ /* @__PURE__ */ jsxs("div", { className: "flex h-16 items-center justify-between border-b px-4", children: [
662
+ /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: secondaryNavTitle }),
663
+ /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }) })
664
+ ] }),
665
+ /* @__PURE__ */ jsx("nav", { className: "flex-1 space-y-1 p-2", children: secondaryNavItems.map((item, index) => {
666
+ const Icon2 = item.icon;
667
+ return /* @__PURE__ */ jsxs(
668
+ "button",
669
+ {
670
+ className: cn(
671
+ "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors",
672
+ item.highlighted ? "bg-primary/10 text-primary hover:bg-primary/20" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
673
+ ),
674
+ children: [
675
+ /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4 shrink-0" }),
676
+ /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: item.label }),
677
+ item.badge && /* @__PURE__ */ jsx(
678
+ Badge,
679
+ {
680
+ variant: item.highlighted ? "default" : "secondary",
681
+ className: "h-5 min-w-5 px-1.5 text-xs",
682
+ children: item.badge
683
+ }
684
+ ),
685
+ item.chevron && /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
686
+ ]
687
+ },
688
+ index
689
+ );
690
+ }) }),
691
+ /* @__PURE__ */ jsx("div", { className: "border-t p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
692
+ /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx(Zap, { className: "h-4 w-4" }) }),
693
+ /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
694
+ /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "A\xE7\xF5es r\xE1pidas" }),
695
+ /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Ver todas" })
696
+ ] })
697
+ ] }) })
698
+ ] }) }) }),
699
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
700
+ /* @__PURE__ */ jsxs("div", { className: "flex h-16 items-center justify-between border-b bg-card px-6", children: [
701
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
702
+ !hideSecondaryNav && /* @__PURE__ */ jsx(
703
+ Button,
704
+ {
705
+ variant: "ghost",
706
+ size: "icon",
707
+ onClick: () => setIsSecondaryNavOpen(!isSecondaryNavOpen),
708
+ children: isSecondaryNavOpen ? /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(PanelLeft, { className: "h-5 w-5" })
709
+ }
710
+ ),
711
+ /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold", children: title })
712
+ ] }),
713
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
714
+ /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5" }) }),
715
+ onThemeToggle && /* @__PURE__ */ jsx(
716
+ Button,
717
+ {
718
+ variant: "outline",
719
+ size: "sm",
720
+ onClick: onThemeToggle,
721
+ children: theme === "light" ? "\u{1F319}" : "\u2600\uFE0F"
722
+ }
723
+ )
724
+ ] })
725
+ ] }),
726
+ /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx("div", { className: "p-6", children }) })
727
+ ] })
728
+ ] });
729
+ }
453
730
  function AspectRatio({
454
731
  ...props
455
732
  }) {
@@ -500,35 +777,6 @@ function AvatarFallback({
500
777
  }
501
778
  );
502
779
  }
503
- var badgeVariants = cva(
504
- "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",
505
- {
506
- variants: {
507
- variant: {
508
- default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
509
- secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
510
- destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
511
- outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
512
- }
513
- },
514
- defaultVariants: {
515
- variant: "default"
516
- }
517
- }
518
- );
519
- var Badge = React4.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
520
- const Comp = asChild ? Slot : "span";
521
- return /* @__PURE__ */ jsx(
522
- Comp,
523
- {
524
- ref,
525
- "data-slot": "badge",
526
- className: cn(badgeVariants({ variant }), className),
527
- ...props
528
- }
529
- );
530
- });
531
- Badge.displayName = "Badge";
532
780
  function Breadcrumb({ ...props }) {
533
781
  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
534
782
  }
@@ -619,7 +867,7 @@ function BreadcrumbEllipsis({
619
867
  }
620
868
  );
621
869
  }
622
- function Calendar({
870
+ function Calendar2({
623
871
  className,
624
872
  classNames,
625
873
  showOutsideDays = true,
@@ -753,9 +1001,9 @@ function CardFooter({ className, ...props }) {
753
1001
  }
754
1002
  );
755
1003
  }
756
- var CarouselContext = React4.createContext(null);
1004
+ var CarouselContext = React5.createContext(null);
757
1005
  function useCarousel() {
758
- const context = React4.useContext(CarouselContext);
1006
+ const context = React5.useContext(CarouselContext);
759
1007
  if (!context) {
760
1008
  throw new Error("useCarousel must be used within a <Carousel />");
761
1009
  }
@@ -777,20 +1025,20 @@ function Carousel({
777
1025
  },
778
1026
  plugins
779
1027
  );
780
- const [canScrollPrev, setCanScrollPrev] = React4.useState(false);
781
- const [canScrollNext, setCanScrollNext] = React4.useState(false);
782
- const onSelect = React4.useCallback((api2) => {
1028
+ const [canScrollPrev, setCanScrollPrev] = React5.useState(false);
1029
+ const [canScrollNext, setCanScrollNext] = React5.useState(false);
1030
+ const onSelect = React5.useCallback((api2) => {
783
1031
  if (!api2) return;
784
1032
  setCanScrollPrev(api2.canScrollPrev());
785
1033
  setCanScrollNext(api2.canScrollNext());
786
1034
  }, []);
787
- const scrollPrev = React4.useCallback(() => {
1035
+ const scrollPrev = React5.useCallback(() => {
788
1036
  api?.scrollPrev();
789
1037
  }, [api]);
790
- const scrollNext = React4.useCallback(() => {
1038
+ const scrollNext = React5.useCallback(() => {
791
1039
  api?.scrollNext();
792
1040
  }, [api]);
793
- const handleKeyDown2 = React4.useCallback(
1041
+ const handleKeyDown2 = React5.useCallback(
794
1042
  (event) => {
795
1043
  if (event.key === "ArrowLeft") {
796
1044
  event.preventDefault();
@@ -802,11 +1050,11 @@ function Carousel({
802
1050
  },
803
1051
  [scrollPrev, scrollNext]
804
1052
  );
805
- React4.useEffect(() => {
1053
+ React5.useEffect(() => {
806
1054
  if (!api || !setApi) return;
807
1055
  setApi(api);
808
1056
  }, [api, setApi]);
809
- React4.useEffect(() => {
1057
+ React5.useEffect(() => {
810
1058
  if (!api) return;
811
1059
  onSelect(api);
812
1060
  api.on("reInit", onSelect);
@@ -1009,7 +1257,7 @@ function DialogClose({
1009
1257
  }) {
1010
1258
  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
1011
1259
  }
1012
- var DialogOverlay = React4.forwardRef(({ className, ...props }, ref) => {
1260
+ var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => {
1013
1261
  return /* @__PURE__ */ jsx(
1014
1262
  DialogPrimitive.Overlay,
1015
1263
  {
@@ -1452,7 +1700,7 @@ function Drawer({
1452
1700
  }) {
1453
1701
  return /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
1454
1702
  }
1455
- var DrawerTrigger = React4.forwardRef(({ ...props }, ref) => {
1703
+ var DrawerTrigger = React5.forwardRef(({ ...props }, ref) => {
1456
1704
  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { ref, "data-slot": "drawer-trigger", ...props });
1457
1705
  });
1458
1706
  DrawerTrigger.displayName = "DrawerTrigger";
@@ -1461,11 +1709,11 @@ function DrawerPortal({
1461
1709
  }) {
1462
1710
  return /* @__PURE__ */ jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
1463
1711
  }
1464
- var DrawerClose = React4.forwardRef(({ ...props }, ref) => {
1712
+ var DrawerClose = React5.forwardRef(({ ...props }, ref) => {
1465
1713
  return /* @__PURE__ */ jsx(Drawer$1.Close, { ref, "data-slot": "drawer-close", ...props });
1466
1714
  });
1467
1715
  DrawerClose.displayName = "DrawerClose";
1468
- var DrawerOverlay = React4.forwardRef(({ className, ...props }, ref) => {
1716
+ var DrawerOverlay = React5.forwardRef(({ className, ...props }, ref) => {
1469
1717
  return /* @__PURE__ */ jsx(
1470
1718
  Drawer$1.Overlay,
1471
1719
  {
@@ -1480,7 +1728,7 @@ var DrawerOverlay = React4.forwardRef(({ className, ...props }, ref) => {
1480
1728
  );
1481
1729
  });
1482
1730
  DrawerOverlay.displayName = "DrawerOverlay";
1483
- var DrawerContent = React4.forwardRef(({ className, children, ...props }, ref) => {
1731
+ var DrawerContent = React5.forwardRef(({ className, children, ...props }, ref) => {
1484
1732
  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
1485
1733
  /* @__PURE__ */ jsx(DrawerOverlay, {}),
1486
1734
  /* @__PURE__ */ jsxs(
@@ -1526,7 +1774,7 @@ function DrawerFooter({ className, ...props }) {
1526
1774
  }
1527
1775
  );
1528
1776
  }
1529
- var DrawerTitle = React4.forwardRef(({ className, ...props }, ref) => {
1777
+ var DrawerTitle = React5.forwardRef(({ className, ...props }, ref) => {
1530
1778
  return /* @__PURE__ */ jsx(
1531
1779
  Drawer$1.Title,
1532
1780
  {
@@ -1538,7 +1786,7 @@ var DrawerTitle = React4.forwardRef(({ className, ...props }, ref) => {
1538
1786
  );
1539
1787
  });
1540
1788
  DrawerTitle.displayName = "DrawerTitle";
1541
- var DrawerDescription = React4.forwardRef(({ className, ...props }, ref) => {
1789
+ var DrawerDescription = React5.forwardRef(({ className, ...props }, ref) => {
1542
1790
  return /* @__PURE__ */ jsx(
1543
1791
  Drawer$1.Description,
1544
1792
  {
@@ -1777,7 +2025,7 @@ function Label3({
1777
2025
  );
1778
2026
  }
1779
2027
  var Form = FormProvider;
1780
- var FormFieldContext = React4.createContext(
2028
+ var FormFieldContext = React5.createContext(
1781
2029
  {}
1782
2030
  );
1783
2031
  var FormField = ({
@@ -1786,8 +2034,8 @@ var FormField = ({
1786
2034
  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
1787
2035
  };
1788
2036
  var useFormField = () => {
1789
- const fieldContext = React4.useContext(FormFieldContext);
1790
- const itemContext = React4.useContext(FormItemContext);
2037
+ const fieldContext = React5.useContext(FormFieldContext);
2038
+ const itemContext = React5.useContext(FormItemContext);
1791
2039
  const { getFieldState } = useFormContext();
1792
2040
  const formState = useFormState({ name: fieldContext.name });
1793
2041
  const fieldState = getFieldState(fieldContext.name, formState);
@@ -1804,11 +2052,11 @@ var useFormField = () => {
1804
2052
  ...fieldState
1805
2053
  };
1806
2054
  };
1807
- var FormItemContext = React4.createContext(
2055
+ var FormItemContext = React5.createContext(
1808
2056
  {}
1809
2057
  );
1810
2058
  function FormItem({ className, ...props }) {
1811
- const id = React4.useId();
2059
+ const id = React5.useId();
1812
2060
  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
1813
2061
  "div",
1814
2062
  {
@@ -1939,7 +2187,7 @@ function InputOTPSlot({
1939
2187
  className,
1940
2188
  ...props
1941
2189
  }) {
1942
- const inputOTPContext = React4.useContext(OTPInputContext);
2190
+ const inputOTPContext = React5.useContext(OTPInputContext);
1943
2191
  const { char, hasFakeCaret, isActive: isActive2 } = inputOTPContext?.slots[index] ?? {};
1944
2192
  return /* @__PURE__ */ jsxs(
1945
2193
  "div",
@@ -2470,11 +2718,11 @@ function Popover({
2470
2718
  }) {
2471
2719
  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
2472
2720
  }
2473
- var PopoverTrigger = React4.forwardRef((props, ref) => {
2721
+ var PopoverTrigger = React5.forwardRef((props, ref) => {
2474
2722
  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { ref, "data-slot": "popover-trigger", ...props });
2475
2723
  });
2476
2724
  PopoverTrigger.displayName = PopoverPrimitive.Trigger.displayName;
2477
- var PopoverContent = React4.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
2725
+ var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
2478
2726
  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
2479
2727
  PopoverPrimitive.Content,
2480
2728
  {
@@ -2491,7 +2739,7 @@ var PopoverContent = React4.forwardRef(({ className, align = "center", sideOffse
2491
2739
  ) });
2492
2740
  });
2493
2741
  PopoverContent.displayName = PopoverPrimitive.Content.displayName;
2494
- var PopoverAnchor = React4.forwardRef((props, ref) => {
2742
+ var PopoverAnchor = React5.forwardRef((props, ref) => {
2495
2743
  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { ref, "data-slot": "popover-anchor", ...props });
2496
2744
  });
2497
2745
  PopoverAnchor.displayName = PopoverPrimitive.Anchor.displayName;
@@ -2596,59 +2844,6 @@ function ResizableHandle({
2596
2844
  }
2597
2845
  );
2598
2846
  }
2599
- function ScrollArea({
2600
- className,
2601
- children,
2602
- ...props
2603
- }) {
2604
- return /* @__PURE__ */ jsxs(
2605
- ScrollAreaPrimitive.Root,
2606
- {
2607
- "data-slot": "scroll-area",
2608
- className: cn("relative", className),
2609
- ...props,
2610
- children: [
2611
- /* @__PURE__ */ jsx(
2612
- ScrollAreaPrimitive.Viewport,
2613
- {
2614
- "data-slot": "scroll-area-viewport",
2615
- className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
2616
- children
2617
- }
2618
- ),
2619
- /* @__PURE__ */ jsx(ScrollBar, {}),
2620
- /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
2621
- ]
2622
- }
2623
- );
2624
- }
2625
- function ScrollBar({
2626
- className,
2627
- orientation = "vertical",
2628
- ...props
2629
- }) {
2630
- return /* @__PURE__ */ jsx(
2631
- ScrollAreaPrimitive.ScrollAreaScrollbar,
2632
- {
2633
- "data-slot": "scroll-area-scrollbar",
2634
- orientation,
2635
- className: cn(
2636
- "flex touch-none p-px transition-colors select-none",
2637
- orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
2638
- orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
2639
- className
2640
- ),
2641
- ...props,
2642
- children: /* @__PURE__ */ jsx(
2643
- ScrollAreaPrimitive.ScrollAreaThumb,
2644
- {
2645
- "data-slot": "scroll-area-thumb",
2646
- className: "bg-border relative flex-1 rounded-full"
2647
- }
2648
- )
2649
- }
2650
- );
2651
- }
2652
2847
  function Select({
2653
2848
  ...props
2654
2849
  }) {
@@ -2840,7 +3035,7 @@ function SheetPortal({
2840
3035
  }) {
2841
3036
  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
2842
3037
  }
2843
- var SheetOverlay = React4.forwardRef(({ className, ...props }, ref) => {
3038
+ var SheetOverlay = React5.forwardRef(({ className, ...props }, ref) => {
2844
3039
  return /* @__PURE__ */ jsx(
2845
3040
  DialogPrimitive.Overlay,
2846
3041
  {
@@ -2951,7 +3146,7 @@ function Slider({
2951
3146
  max: max2 = 100,
2952
3147
  ...props
2953
3148
  }) {
2954
- const _values = React4.useMemo(
3149
+ const _values = React5.useMemo(
2955
3150
  () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
2956
3151
  [value, defaultValue, min2, max2]
2957
3152
  );
@@ -3090,7 +3285,7 @@ function TableFooter({ className, ...props }) {
3090
3285
  }
3091
3286
  );
3092
3287
  }
3093
- var TableRow = React4.forwardRef(({ className, ...props }, ref) => {
3288
+ var TableRow = React5.forwardRef(({ className, ...props }, ref) => {
3094
3289
  return /* @__PURE__ */ jsx(
3095
3290
  "tr",
3096
3291
  {
@@ -3250,7 +3445,7 @@ function Toggle({
3250
3445
  }
3251
3446
  );
3252
3447
  }
3253
- var ToggleGroupContext = React4.createContext({
3448
+ var ToggleGroupContext = React5.createContext({
3254
3449
  size: "default",
3255
3450
  variant: "default"
3256
3451
  });
@@ -3283,7 +3478,7 @@ function ToggleGroupItem({
3283
3478
  size,
3284
3479
  ...props
3285
3480
  }) {
3286
- const context = React4.useContext(ToggleGroupContext);
3481
+ const context = React5.useContext(ToggleGroupContext);
3287
3482
  return /* @__PURE__ */ jsx(
3288
3483
  ToggleGroupPrimitive.Item,
3289
3484
  {
@@ -3381,7 +3576,7 @@ var svg_agvoxj05dl_default = {
3381
3576
  p75f2980: "M20.3786 15.1414V5.89714C20.3786 5.76004 20.4058 5.62432 20.4588 5.49788C20.5118 5.37144 20.5894 5.2568 20.6871 5.16067C20.7849 5.06453 20.9008 4.98881 21.0281 4.93792C21.1553 4.88704 21.2915 4.862 21.4286 4.86428H22.4186V16.1743H21.4286C21.2915 16.1766 21.1553 16.1515 21.0281 16.1006C20.9008 16.0498 20.7849 15.974 20.6871 15.8779C20.5894 15.7818 20.5118 15.6671 20.4588 15.5407C20.4058 15.4142 20.3786 15.2785 20.3786 15.1414V15.1414Z",
3382
3577
  pb292700: "M35.4086 9.31285C36.1566 10.1046 36.5616 11.1597 36.5357 12.2486C36.562 13.3426 36.1572 14.4032 35.4086 15.2014C35.0701 15.5832 34.6534 15.8876 34.1867 16.094C33.7201 16.3003 33.2144 16.4037 32.7043 16.3971C32.2189 16.4239 31.7343 16.3336 31.2912 16.1337C30.8481 15.9337 30.4596 15.6302 30.1586 15.2486V19.6371H29.1686C28.8946 19.6371 28.6319 19.5283 28.4382 19.3346C28.2445 19.1409 28.1357 18.8782 28.1357 18.6043V8.31857H29.3314C29.4402 8.318 29.548 8.33901 29.6486 8.38037C29.7492 8.42174 29.8406 8.48264 29.9176 8.55957C29.9945 8.63649 30.0554 8.7279 30.0967 8.82851C30.1381 8.92912 30.1591 9.03693 30.1586 9.14571V9.24428C30.4606 8.864 30.8493 8.56165 31.2923 8.36255C31.7352 8.16346 32.2194 8.07343 32.7043 8.1C33.2156 8.09642 33.7218 8.20287 34.1884 8.41214C34.655 8.62141 35.0711 8.92859 35.4086 9.31285V9.31285ZM32.3271 14.4557C32.6145 14.465 32.9008 14.4155 33.1683 14.3101C33.4359 14.2047 33.679 14.0457 33.8828 13.8429C34.0917 13.6329 34.2554 13.3823 34.3638 13.1067C34.4721 12.831 34.5229 12.536 34.5128 12.24C34.5244 11.9463 34.4743 11.6535 34.3658 11.3804C34.2573 11.1073 34.0928 10.86 33.8828 10.6543C33.4656 10.2505 32.9077 10.0248 32.3271 10.0248C31.7465 10.0248 31.1887 10.2505 30.7714 10.6543C30.5665 10.8628 30.4064 11.1111 30.301 11.3838C30.1956 11.6565 30.1471 11.9479 30.1586 12.24C30.1495 12.5344 30.199 12.8278 30.3042 13.1029C30.4094 13.3781 30.5682 13.6296 30.7714 13.8429C30.9757 14.0456 31.2187 14.2051 31.486 14.3119C31.7533 14.4187 32.0394 14.4705 32.3271 14.4643V14.4557Z"
3383
3578
  };
3384
- function BrandLogo({ variant = "full", mode = "positive", className, ...props }) {
3579
+ function BrandLogo2({ variant = "full", mode = "positive", className, ...props }) {
3385
3580
  if (variant === "symbol") {
3386
3581
  return /* @__PURE__ */ jsx("div", { className: cn("relative inline-block", className), ...props, "data-name": "Logo S\xEDmbolo", children: /* @__PURE__ */ jsxs(
3387
3582
  "svg",
@@ -3451,9 +3646,9 @@ function BrandLogo({ variant = "full", mode = "positive", className, ...props })
3451
3646
  ) });
3452
3647
  }
3453
3648
  var THEMES = { light: "", dark: ".dark" };
3454
- var ChartContext = React4.createContext(null);
3649
+ var ChartContext = React5.createContext(null);
3455
3650
  function useChart() {
3456
- const context = React4.useContext(ChartContext);
3651
+ const context = React5.useContext(ChartContext);
3457
3652
  if (!context) {
3458
3653
  throw new Error("useChart must be used within a <ChartContainer />");
3459
3654
  }
@@ -3466,7 +3661,7 @@ function ChartContainer({
3466
3661
  config,
3467
3662
  ...props
3468
3663
  }) {
3469
- const uniqueId = React4.useId();
3664
+ const uniqueId = React5.useId();
3470
3665
  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
3471
3666
  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
3472
3667
  "div",
@@ -3527,7 +3722,7 @@ function ChartTooltipContent({
3527
3722
  labelKey
3528
3723
  }) {
3529
3724
  const { config } = useChart();
3530
- const tooltipLabel = React4.useMemo(() => {
3725
+ const tooltipLabel = React5.useMemo(() => {
3531
3726
  if (hideLabel || !payload?.length) {
3532
3727
  return null;
3533
3728
  }
@@ -3689,7 +3884,7 @@ function ColorPicker({
3689
3884
  }) {
3690
3885
  const [color, setColor] = useState(value);
3691
3886
  const [open, setOpen] = useState(false);
3692
- React4.useEffect(() => {
3887
+ React5.useEffect(() => {
3693
3888
  setColor(value);
3694
3889
  }, [value]);
3695
3890
  const handleColorChange = (newColor) => {
@@ -21535,11 +21730,11 @@ function getInstance() {
21535
21730
  }
21536
21731
  };
21537
21732
  }
21538
- var PureEditorContent = class extends React4__default.Component {
21733
+ var PureEditorContent = class extends React5__default.Component {
21539
21734
  constructor(props) {
21540
21735
  var _a;
21541
21736
  super(props);
21542
- this.editorContentRef = React4__default.createRef();
21737
+ this.editorContentRef = React5__default.createRef();
21543
21738
  this.initialized = false;
21544
21739
  this.state = {
21545
21740
  hasContentComponentInitialized: Boolean((_a = props.editor) == null ? void 0 : _a.contentComponent)
@@ -21620,17 +21815,17 @@ var PureEditorContent = class extends React4__default.Component {
21620
21815
  };
21621
21816
  var EditorContentWithKey = forwardRef(
21622
21817
  (props, ref) => {
21623
- const key = React4__default.useMemo(() => {
21818
+ const key = React5__default.useMemo(() => {
21624
21819
  return Math.floor(Math.random() * 4294967295).toString();
21625
21820
  }, [props.editor]);
21626
- return React4__default.createElement(PureEditorContent, {
21821
+ return React5__default.createElement(PureEditorContent, {
21627
21822
  key,
21628
21823
  innerRef: ref,
21629
21824
  ...props
21630
21825
  });
21631
21826
  }
21632
21827
  );
21633
- var EditorContent = React4__default.memo(EditorContentWithKey);
21828
+ var EditorContent = React5__default.memo(EditorContentWithKey);
21634
21829
  var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
21635
21830
  var EditorStateManager = class {
21636
21831
  constructor(initialEditor) {
@@ -21975,7 +22170,7 @@ var ReactNodeViewContext = createContext({
21975
22170
  }
21976
22171
  });
21977
22172
  var useReactNodeView = () => useContext(ReactNodeViewContext);
21978
- React4__default.forwardRef((props, ref) => {
22173
+ React5__default.forwardRef((props, ref) => {
21979
22174
  const { onDragStart } = useReactNodeView();
21980
22175
  const Tag = props.as || "div";
21981
22176
  return (
@@ -22109,7 +22304,7 @@ var ReactRenderer = class {
22109
22304
  });
22110
22305
  }
22111
22306
  };
22112
- React4__default.createContext({
22307
+ React5__default.createContext({
22113
22308
  markViewContentRef: () => {
22114
22309
  }
22115
22310
  });
@@ -48267,7 +48462,7 @@ function emojiUnified(emoji2, skinTone) {
48267
48462
  function useGetEmojisByCategory() {
48268
48463
  var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
48269
48464
  var _useUpdateSuggested = useUpdateSuggested(), suggestedUpdated = _useUpdateSuggested[0];
48270
- var suggested = React4__default.useMemo(
48465
+ var suggested = React5__default.useMemo(
48271
48466
  function() {
48272
48467
  var _getSuggested;
48273
48468
  var suggested2 = (_getSuggested = getSuggested(suggestedEmojisModeConfig)) != null ? _getSuggested : [];
@@ -48435,22 +48630,22 @@ function useSetConfig(config) {
48435
48630
  function usePickerConfig() {
48436
48631
  return useContext(ConfigContext);
48437
48632
  }
48438
- var MutableConfigContext = /* @__PURE__ */ React4__default.createContext({});
48633
+ var MutableConfigContext = /* @__PURE__ */ React5__default.createContext({});
48439
48634
  function useMutableConfig() {
48440
- var mutableConfig = React4__default.useContext(MutableConfigContext);
48635
+ var mutableConfig = React5__default.useContext(MutableConfigContext);
48441
48636
  return mutableConfig;
48442
48637
  }
48443
48638
  function useDefineMutableConfig(config) {
48444
- var MutableConfigRef = React4__default.useRef({
48639
+ var MutableConfigRef = React5__default.useRef({
48445
48640
  onEmojiClick: config.onEmojiClick || emptyFunc,
48446
48641
  onReactionClick: config.onReactionClick || config.onEmojiClick,
48447
48642
  onSkinToneChange: config.onSkinToneChange || emptyFunc
48448
48643
  });
48449
- React4__default.useEffect(function() {
48644
+ React5__default.useEffect(function() {
48450
48645
  MutableConfigRef.current.onEmojiClick = config.onEmojiClick || emptyFunc;
48451
48646
  MutableConfigRef.current.onReactionClick = config.onReactionClick || config.onEmojiClick;
48452
48647
  }, [config.onEmojiClick, config.onReactionClick]);
48453
- React4__default.useEffect(function() {
48648
+ React5__default.useEffect(function() {
48454
48649
  MutableConfigRef.current.onSkinToneChange = config.onSkinToneChange || emptyFunc;
48455
48650
  }, [config.onSkinToneChange]);
48456
48651
  return MutableConfigRef;
@@ -50249,7 +50444,7 @@ function ClickableEmoji(_ref) {
50249
50444
  className
50250
50445
  }));
50251
50446
  }
50252
- var Plus = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCAyMCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjODY4Njg2IiBkPSJNNS43LDEwLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40QzYsMTAuOSw2LjEsMTEsNi4zLDExaDMuNHYzLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40CgljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41di0zLjRoMy40YzAuMywwLDAuNS0wLjIsMC41LTAuNXMtMC4yLTAuNS0wLjUtMC41aC0zLjRWNi43YzAtMC4zLTAuMi0wLjUtMC41LTAuNQoJQzkuOCw2LDkuNiw2LjIsOS42LDYuNXYzLjRINi4yQzUuOSw5LjksNS43LDEwLjEsNS43LDEwLjRMNS43LDEwLjR6Ii8+CjxwYXRoIGZpbGw9IiMzMzcxQjciIGQ9Ik01LjcsMzAuNGMwLDAuMSwwLjEsMC4zLDAuMiwwLjRTNi4xLDMxLDYuMywzMWgzLjR2My40YzAsMC4xLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMgoJYzAuMywwLDAuNS0wLjIsMC41LTAuNXYtMy40aDMuNGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVzLTAuMi0wLjUtMC41LTAuNWgtMy40di0zLjRjMC0wLjMtMC4yLTAuNS0wLjUtMC41cy0wLjUsMC4yLTAuNSwwLjV2My40SDYuMgoJQzUuOSwyOS45LDUuNywzMC4xLDUuNywzMC40TDUuNywzMC40eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNNS43LDUwLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40QzYsNTAuOSw2LjEsNTEsNi4zLDUxaDMuNHYzLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40CgljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41di0zLjRoMy40YzAuMywwLDAuNS0wLjIsMC41LTAuNXMtMC4yLTAuNS0wLjUtMC41aC0zLjR2LTMuNGMwLTAuMy0wLjItMC41LTAuNS0wLjUKCXMtMC41LDAuMi0wLjUsMC41djMuNEg2LjJDNS45LDQ5LjksNS43LDUwLjEsNS43LDUwLjRMNS43LDUwLjR6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik01LjcsNzAuNGMwLDAuMSwwLjEsMC4zLDAuMiwwLjRTNi4xLDcxLDYuMyw3MWgzLjR2My40YzAsMC4xLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMgoJYzAuMywwLDAuNS0wLjIsMC41LTAuNXYtMy40aDMuNGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVzLTAuMi0wLjUtMC41LTAuNWgtMy40di0zLjRjMC0wLjMtMC4yLTAuNS0wLjUtMC41cy0wLjUsMC4yLTAuNSwwLjV2My40SDYuNAoJQzUuOSw2OS45LDUuNyw3MC4xLDUuNyw3MC40TDUuNyw3MC40eiIvPgo8L3N2Zz4=";
50447
+ var Plus2 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCAyMCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjODY4Njg2IiBkPSJNNS43LDEwLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40QzYsMTAuOSw2LjEsMTEsNi4zLDExaDMuNHYzLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40CgljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41di0zLjRoMy40YzAuMywwLDAuNS0wLjIsMC41LTAuNXMtMC4yLTAuNS0wLjUtMC41aC0zLjRWNi43YzAtMC4zLTAuMi0wLjUtMC41LTAuNQoJQzkuOCw2LDkuNiw2LjIsOS42LDYuNXYzLjRINi4yQzUuOSw5LjksNS43LDEwLjEsNS43LDEwLjRMNS43LDEwLjR6Ii8+CjxwYXRoIGZpbGw9IiMzMzcxQjciIGQ9Ik01LjcsMzAuNGMwLDAuMSwwLjEsMC4zLDAuMiwwLjRTNi4xLDMxLDYuMywzMWgzLjR2My40YzAsMC4xLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMgoJYzAuMywwLDAuNS0wLjIsMC41LTAuNXYtMy40aDMuNGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVzLTAuMi0wLjUtMC41LTAuNWgtMy40di0zLjRjMC0wLjMtMC4yLTAuNS0wLjUtMC41cy0wLjUsMC4yLTAuNSwwLjV2My40SDYuMgoJQzUuOSwyOS45LDUuNywzMC4xLDUuNywzMC40TDUuNywzMC40eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNNS43LDUwLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40QzYsNTAuOSw2LjEsNTEsNi4zLDUxaDMuNHYzLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40CgljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41di0zLjRoMy40YzAuMywwLDAuNS0wLjIsMC41LTAuNXMtMC4yLTAuNS0wLjUtMC41aC0zLjR2LTMuNGMwLTAuMy0wLjItMC41LTAuNS0wLjUKCXMtMC41LDAuMi0wLjUsMC41djMuNEg2LjJDNS45LDQ5LjksNS43LDUwLjEsNS43LDUwLjRMNS43LDUwLjR6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik01LjcsNzAuNGMwLDAuMSwwLjEsMC4zLDAuMiwwLjRTNi4xLDcxLDYuMyw3MWgzLjR2My40YzAsMC4xLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMgoJYzAuMywwLDAuNS0wLjIsMC41LTAuNXYtMy40aDMuNGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVzLTAuMi0wLjUtMC41LTAuNWgtMy40di0zLjRjMC0wLjMtMC4yLTAuNS0wLjUtMC41cy0wLjUsMC4yLTAuNSwwLjV2My40SDYuNAoJQzUuOSw2OS45LDUuNyw3MC4xLDUuNyw3MC40TDUuNyw3MC40eiIvPgo8L3N2Zz4=";
50253
50448
  function BtnPlus() {
50254
50449
  var _useReactionsModeStat = useReactionsModeState(), setReactionsMode = _useReactionsModeStat[1];
50255
50450
  return createElement(Button3, {
@@ -50280,7 +50475,7 @@ var styles$5 = /* @__PURE__ */ stylesheet.create(/* @__PURE__ */ _extends({
50280
50475
  content: "",
50281
50476
  minWidth: "20px",
50282
50477
  minHeight: "20px",
50283
- backgroundImage: "url(" + Plus + ")",
50478
+ backgroundImage: "url(" + Plus2 + ")",
50284
50479
  backgroundColor: "transparent",
50285
50480
  backgroundRepeat: "no-repeat",
50286
50481
  backgroundSize: "20px",
@@ -51845,12 +52040,12 @@ var CommentEditor = ({
51845
52040
  onSubmit,
51846
52041
  users = []
51847
52042
  }) => {
51848
- const [isRevision, setIsRevision] = React4.useState(false);
51849
- const [showToolbar, setShowToolbar] = React4.useState(false);
51850
- const [attachments, setAttachments] = React4.useState([]);
51851
- const [isEditorEmpty, setIsEditorEmpty] = React4.useState(true);
51852
- const fileInputRef = React4.useRef(null);
51853
- const extensions = React4.useMemo(() => [
52043
+ const [isRevision, setIsRevision] = React5.useState(false);
52044
+ const [showToolbar, setShowToolbar] = React5.useState(false);
52045
+ const [attachments, setAttachments] = React5.useState([]);
52046
+ const [isEditorEmpty, setIsEditorEmpty] = React5.useState(true);
52047
+ const fileInputRef = React5.useRef(null);
52048
+ const extensions = React5.useMemo(() => [
51854
52049
  index_default3.configure({
51855
52050
  // @ts-ignore
51856
52051
  link: false,
@@ -52181,7 +52376,7 @@ var CommentItem = ({
52181
52376
  variant: "ghost",
52182
52377
  size: "icon",
52183
52378
  className: "h-6 w-6 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted/50",
52184
- children: /* @__PURE__ */ jsx(Plus$1, { className: "h-3.5 w-3.5" })
52379
+ children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" })
52185
52380
  }
52186
52381
  ) }),
52187
52382
  /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0 border-none", align: "start", children: /* @__PURE__ */ jsx(
@@ -52250,13 +52445,13 @@ function TimePicker({
52250
52445
  className,
52251
52446
  disabled = false
52252
52447
  }) {
52253
- const [hours, setHours2] = React4.useState(
52448
+ const [hours, setHours2] = React5.useState(
52254
52449
  date ? String(date.getHours()).padStart(2, "0") : "00"
52255
52450
  );
52256
- const [minutes, setMinutes] = React4.useState(
52451
+ const [minutes, setMinutes] = React5.useState(
52257
52452
  date ? String(date.getMinutes()).padStart(2, "0") : "00"
52258
52453
  );
52259
- React4.useEffect(() => {
52454
+ React5.useEffect(() => {
52260
52455
  if (date) {
52261
52456
  setHours2(String(date.getHours()).padStart(2, "0"));
52262
52457
  setMinutes(String(date.getMinutes()).padStart(2, "0"));
@@ -52352,9 +52547,9 @@ function DateRangePicker({
52352
52547
  disabled = false,
52353
52548
  withTime = false
52354
52549
  }) {
52355
- const [open, setOpen] = React4.useState(false);
52356
- const [range, setRange] = React4.useState(dateRange);
52357
- React4.useEffect(() => {
52550
+ const [open, setOpen] = React5.useState(false);
52551
+ const [range, setRange] = React5.useState(dateRange);
52552
+ React5.useEffect(() => {
52358
52553
  setRange(dateRange);
52359
52554
  }, [dateRange]);
52360
52555
  const handleRangeSelect = (newRange) => {
@@ -52420,14 +52615,14 @@ function DateRangePicker({
52420
52615
  ),
52421
52616
  disabled,
52422
52617
  children: [
52423
- /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
52618
+ /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
52424
52619
  /* @__PURE__ */ jsx("span", { children: formatRangeDisplay() })
52425
52620
  ]
52426
52621
  }
52427
52622
  ) }),
52428
52623
  /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-3", children: [
52429
52624
  /* @__PURE__ */ jsx(
52430
- Calendar,
52625
+ Calendar2,
52431
52626
  {
52432
52627
  mode: "range",
52433
52628
  selected: range,
@@ -52490,9 +52685,9 @@ function DateTimePicker({
52490
52685
  className,
52491
52686
  disabled = false
52492
52687
  }) {
52493
- const [open, setOpen] = React4.useState(false);
52494
- const [selectedDate, setSelectedDate] = React4.useState(date);
52495
- React4.useEffect(() => {
52688
+ const [open, setOpen] = React5.useState(false);
52689
+ const [selectedDate, setSelectedDate] = React5.useState(date);
52690
+ React5.useEffect(() => {
52496
52691
  setSelectedDate(date);
52497
52692
  }, [date]);
52498
52693
  const handleDateSelect = (newDate) => {
@@ -52531,14 +52726,14 @@ function DateTimePicker({
52531
52726
  ),
52532
52727
  disabled,
52533
52728
  children: [
52534
- /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
52729
+ /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
52535
52730
  selectedDate ? format(selectedDate, "dd/MM/yyyy HH:mm") : /* @__PURE__ */ jsx("span", { children: placeholder })
52536
52731
  ]
52537
52732
  }
52538
52733
  ) }),
52539
52734
  /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-3", children: [
52540
52735
  /* @__PURE__ */ jsx(
52541
- Calendar,
52736
+ Calendar2,
52542
52737
  {
52543
52738
  mode: "single",
52544
52739
  selected: selectedDate,
@@ -52725,7 +52920,7 @@ function DocumentEditor({
52725
52920
  readOnly = false,
52726
52921
  label
52727
52922
  }) {
52728
- const extensions = React4.useMemo(() => {
52923
+ const extensions = React5.useMemo(() => {
52729
52924
  return [
52730
52925
  index_default3.configure({
52731
52926
  heading: {
@@ -56068,8 +56263,8 @@ var ChannelIcons = {
56068
56263
  facebook: Facebook,
56069
56264
  twitter: Twitter,
56070
56265
  youtube: Youtube,
56071
- blog: Calendar$1,
56072
- other: Calendar$1
56266
+ blog: Calendar,
56267
+ other: Calendar
56073
56268
  };
56074
56269
  var ChannelColors = {
56075
56270
  instagram: "text-pink-600",
@@ -56114,7 +56309,7 @@ function DraggableTaskCard({
56114
56309
  isDragging: !!monitor.isDragging()
56115
56310
  })
56116
56311
  }), [task.id]);
56117
- const ChannelIcon = task.channel ? ChannelIcons[task.channel] : Calendar$1;
56312
+ const ChannelIcon = task.channel ? ChannelIcons[task.channel] : Calendar;
56118
56313
  const startDate = task.date ? new Date(task.date) : null;
56119
56314
  const endDate = task.endDate ? new Date(task.endDate) : startDate ? addHours(startDate, 1) : null;
56120
56315
  const timeString = startDate ? format(startDate, "HH:mm") : null;
@@ -56314,7 +56509,7 @@ function EditorialColumn({ day, tasks, onDropTask, onTaskClick, onAddClick, isTo
56314
56509
  className: "w-full mb-2 justify-center px-1",
56315
56510
  onClick: () => onAddClick(day),
56316
56511
  children: [
56317
- /* @__PURE__ */ jsx(Plus$1, { size: 12, className: "flex-shrink-0" }),
56512
+ /* @__PURE__ */ jsx(Plus, { size: 12, className: "flex-shrink-0" }),
56318
56513
  /* @__PURE__ */ jsx("span", { className: "truncate ml-1.5 hidden xl:inline", children: "Add Post" }),
56319
56514
  /* @__PURE__ */ jsx("span", { className: "truncate ml-1.5 inline xl:hidden", children: "Add" })
56320
56515
  ]
@@ -56520,7 +56715,7 @@ function DroppableMonthCell({
56520
56715
  size: "icon",
56521
56716
  className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
56522
56717
  onClick: () => onAddClick(date),
56523
- children: /* @__PURE__ */ jsx(Plus$1, { size: 14 })
56718
+ children: /* @__PURE__ */ jsx(Plus, { size: 14 })
56524
56719
  }
56525
56720
  )
56526
56721
  ] }),
@@ -56784,7 +56979,7 @@ function CalendarSidebar({ isOpen, setIsOpen, tasks, onAddClick, onTaskClick, mo
56784
56979
  size: "sm",
56785
56980
  className: "w-full justify-start pl-2",
56786
56981
  children: [
56787
- /* @__PURE__ */ jsx(Plus$1, { size: 12, className: "mr-1.5" }),
56982
+ /* @__PURE__ */ jsx(Plus, { size: 12, className: "mr-1.5" }),
56788
56983
  " New Task"
56789
56984
  ]
56790
56985
  }
@@ -56824,7 +57019,7 @@ function CalendarHeader({ title, onPrev, onNext, onToday, onAdd, view, setView }
56824
57019
  className: "h-9 px-4 flex-shrink-0",
56825
57020
  onClick: onAdd,
56826
57021
  children: [
56827
- /* @__PURE__ */ jsx(Plus$1, { className: "mr-2 h-4 w-4" }),
57022
+ /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
56828
57023
  " Create"
56829
57024
  ]
56830
57025
  }
@@ -57101,7 +57296,7 @@ function FilterBuilder({
57101
57296
  onClick: addCondition,
57102
57297
  className: "gap-2",
57103
57298
  children: [
57104
- /* @__PURE__ */ jsx(Plus$1, { className: "h-4 w-4" }),
57299
+ /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
57105
57300
  "Adicionar condi\xE7\xE3o"
57106
57301
  ]
57107
57302
  }
@@ -57387,7 +57582,7 @@ function getPositionAndWidth(taskStart, taskEnd, timelineStart, timelineEnd, col
57387
57582
  const width = duration / totalDays * 100;
57388
57583
  return { left: left2, width };
57389
57584
  }
57390
- var TaskRow = React4.memo(({
57585
+ var TaskRow = React5.memo(({
57391
57586
  task,
57392
57587
  timelineStart,
57393
57588
  timelineEnd,
@@ -57516,7 +57711,7 @@ var TaskRow = React4.memo(({
57516
57711
  ] }),
57517
57712
  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
57518
57713
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
57519
- /* @__PURE__ */ jsx(Calendar$1, { className: "size-4 text-muted-foreground" }),
57714
+ /* @__PURE__ */ jsx(Calendar, { className: "size-4 text-muted-foreground" }),
57520
57715
  /* @__PURE__ */ jsxs("span", { children: [
57521
57716
  format(task.startDate, "dd/MM/yyyy", { locale: ptBR }),
57522
57717
  " -",
@@ -57551,7 +57746,7 @@ var TaskRow = React4.memo(({
57551
57746
  });
57552
57747
  TaskRow.displayName = "TaskRow";
57553
57748
  var WEEKDAYS = ["DOM", "SEG", "TER", "QUA", "QUI", "SEX", "SAB"];
57554
- var GanttChart = React4.forwardRef(
57749
+ var GanttChart = React5.forwardRef(
57555
57750
  ({
57556
57751
  tasks,
57557
57752
  projects = [],
@@ -57561,15 +57756,15 @@ var GanttChart = React4.forwardRef(
57561
57756
  columnWidth = 40,
57562
57757
  groupBy = "projects"
57563
57758
  }, ref) => {
57564
- const [currentDate, setCurrentDate] = React4.useState(/* @__PURE__ */ new Date());
57565
- const [collapsedGroups, setCollapsedGroups] = React4.useState(/* @__PURE__ */ new Set());
57759
+ const [currentDate, setCurrentDate] = React5.useState(/* @__PURE__ */ new Date());
57760
+ const [collapsedGroups, setCollapsedGroups] = React5.useState(/* @__PURE__ */ new Set());
57566
57761
  const timelineStart = startOfMonth(currentDate);
57567
57762
  const timelineEnd = endOfMonth(currentDate);
57568
57763
  const days = eachDayOfInterval({ start: timelineStart, end: timelineEnd });
57569
57764
  const handlePrevMonth = () => setCurrentDate(subMonths(currentDate, 1));
57570
57765
  const handleNextMonth = () => setCurrentDate(addMonths(currentDate, 1));
57571
57766
  const handleToday = () => setCurrentDate(/* @__PURE__ */ new Date());
57572
- const taskGroups = React4.useMemo(() => {
57767
+ const taskGroups = React5.useMemo(() => {
57573
57768
  if (groupBy === "assignees") {
57574
57769
  const grouped = /* @__PURE__ */ new Map();
57575
57770
  tasks.forEach((task) => {
@@ -57785,7 +57980,7 @@ var GanttChart = React4.forwardRef(
57785
57980
  }
57786
57981
  );
57787
57982
  GanttChart.displayName = "GanttChart";
57788
- var GanttLegend = React4.forwardRef(
57983
+ var GanttLegend = React5.forwardRef(
57789
57984
  ({ className }, ref) => {
57790
57985
  return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-wrap gap-4", className), children: [
57791
57986
  Object.entries(statusConfig).map(([status, config]) => {
@@ -57828,7 +58023,7 @@ var priorityConfig = {
57828
58023
  bgColor: "bg-red-50 dark:bg-red-950/20"
57829
58024
  }
57830
58025
  };
57831
- var KanbanCard = React4.forwardRef(
58026
+ var KanbanCard = React5.forwardRef(
57832
58027
  ({
57833
58028
  title,
57834
58029
  description,
@@ -58025,7 +58220,7 @@ var KanbanCard = React4.forwardRef(
58025
58220
  ),
58026
58221
  children: [
58027
58222
  isOverdue && /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3" }),
58028
- /* @__PURE__ */ jsx(Calendar$1, { className: "h-3 w-3" }),
58223
+ /* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3" }),
58029
58224
  /* @__PURE__ */ jsx("span", { children: formatDate(dueDate) })
58030
58225
  ]
58031
58226
  }
@@ -58173,10 +58368,10 @@ function FilterMenuItem({
58173
58368
  }
58174
58369
  var MOBILE_BREAKPOINT = 768;
58175
58370
  function useIsMobile() {
58176
- const [isMobile, setIsMobile] = React4.useState(
58371
+ const [isMobile, setIsMobile] = React5.useState(
58177
58372
  void 0
58178
58373
  );
58179
- React4.useEffect(() => {
58374
+ React5.useEffect(() => {
58180
58375
  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
58181
58376
  const onChange = () => {
58182
58377
  setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -58193,9 +58388,9 @@ var SIDEBAR_WIDTH = "16rem";
58193
58388
  var SIDEBAR_WIDTH_MOBILE = "18rem";
58194
58389
  var SIDEBAR_WIDTH_ICON = "3rem";
58195
58390
  var SIDEBAR_KEYBOARD_SHORTCUT = "b";
58196
- var SidebarContext = React4.createContext(null);
58391
+ var SidebarContext = React5.createContext(null);
58197
58392
  function useSidebar() {
58198
- const context = React4.useContext(SidebarContext);
58393
+ const context = React5.useContext(SidebarContext);
58199
58394
  if (!context) {
58200
58395
  throw new Error("useSidebar must be used within a SidebarProvider.");
58201
58396
  }
@@ -58211,10 +58406,10 @@ function SidebarProvider({
58211
58406
  ...props
58212
58407
  }) {
58213
58408
  const isMobile = useIsMobile();
58214
- const [openMobile, setOpenMobile] = React4.useState(false);
58215
- const [_open, _setOpen] = React4.useState(defaultOpen);
58409
+ const [openMobile, setOpenMobile] = React5.useState(false);
58410
+ const [_open, _setOpen] = React5.useState(defaultOpen);
58216
58411
  const open = openProp ?? _open;
58217
- const setOpen = React4.useCallback(
58412
+ const setOpen = React5.useCallback(
58218
58413
  (value) => {
58219
58414
  const openState = typeof value === "function" ? value(open) : value;
58220
58415
  if (setOpenProp) {
@@ -58226,10 +58421,10 @@ function SidebarProvider({
58226
58421
  },
58227
58422
  [setOpenProp, open]
58228
58423
  );
58229
- const toggleSidebar = React4.useCallback(() => {
58424
+ const toggleSidebar = React5.useCallback(() => {
58230
58425
  return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
58231
58426
  }, [isMobile, setOpen, setOpenMobile]);
58232
- React4.useEffect(() => {
58427
+ React5.useEffect(() => {
58233
58428
  const handleKeyDown2 = (event) => {
58234
58429
  if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
58235
58430
  event.preventDefault();
@@ -58240,7 +58435,7 @@ function SidebarProvider({
58240
58435
  return () => window.removeEventListener("keydown", handleKeyDown2);
58241
58436
  }, [toggleSidebar]);
58242
58437
  const state = open ? "expanded" : "collapsed";
58243
- const contextValue = React4.useMemo(
58438
+ const contextValue = React5.useMemo(
58244
58439
  () => ({
58245
58440
  state,
58246
58441
  open,
@@ -58698,7 +58893,7 @@ function SidebarMenuSkeleton({
58698
58893
  showIcon = false,
58699
58894
  ...props
58700
58895
  }) {
58701
- const width = React4.useMemo(() => {
58896
+ const width = React5.useMemo(() => {
58702
58897
  return `${Math.floor(Math.random() * 40) + 50}%`;
58703
58898
  }, []);
58704
58899
  return /* @__PURE__ */ jsxs(
@@ -58802,10 +58997,10 @@ function TaskEditDialog({
58802
58997
  availableTasks = [],
58803
58998
  availableAssignees = []
58804
58999
  }) {
58805
- const [formData, setFormData] = React4.useState(null);
58806
- const [startDateOpen, setStartDateOpen] = React4.useState(false);
58807
- const [endDateOpen, setEndDateOpen] = React4.useState(false);
58808
- React4.useEffect(() => {
59000
+ const [formData, setFormData] = React5.useState(null);
59001
+ const [startDateOpen, setStartDateOpen] = React5.useState(false);
59002
+ const [endDateOpen, setEndDateOpen] = React5.useState(false);
59003
+ React5.useEffect(() => {
58809
59004
  if (task) {
58810
59005
  setFormData({ ...task });
58811
59006
  }
@@ -58878,7 +59073,7 @@ function TaskEditDialog({
58878
59073
  }
58879
59074
  ) }),
58880
59075
  /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
58881
- Calendar,
59076
+ Calendar2,
58882
59077
  {
58883
59078
  mode: "single",
58884
59079
  selected: formData.startDate,
@@ -58911,7 +59106,7 @@ function TaskEditDialog({
58911
59106
  }
58912
59107
  ) }),
58913
59108
  /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
58914
- Calendar,
59109
+ Calendar2,
58915
59110
  {
58916
59111
  mode: "single",
58917
59112
  selected: formData.endDate,
@@ -59092,7 +59287,7 @@ var getActionColor = (type) => {
59092
59287
  }
59093
59288
  };
59094
59289
  var TimelineItem = ({ event, isLast }) => {
59095
- const [isOpen, setIsOpen] = React4.useState(false);
59290
+ const [isOpen, setIsOpen] = React5.useState(false);
59096
59291
  const hasDetails = !!(event.metadata?.before || event.metadata?.after || event.metadata?.details);
59097
59292
  return /* @__PURE__ */ jsxs("div", { className: "flex gap-4 group", children: [
59098
59293
  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
@@ -59152,9 +59347,9 @@ var Timeline = ({ events, className }) => {
59152
59347
  event.id
59153
59348
  )) });
59154
59349
  };
59155
- var UnderlineTabsContext = React4.createContext(void 0);
59350
+ var UnderlineTabsContext = React5.createContext(void 0);
59156
59351
  function useUnderlineTabs() {
59157
- const context = React4.useContext(UnderlineTabsContext);
59352
+ const context = React5.useContext(UnderlineTabsContext);
59158
59353
  if (!context) {
59159
59354
  throw new Error("UnderlineTabs components must be used within UnderlineTabs");
59160
59355
  }
@@ -59167,7 +59362,7 @@ function UnderlineTabs({
59167
59362
  children,
59168
59363
  className
59169
59364
  }) {
59170
- const [internalValue, setInternalValue] = React4.useState(defaultValue || "");
59365
+ const [internalValue, setInternalValue] = React5.useState(defaultValue || "");
59171
59366
  const value = controlledValue !== void 0 ? controlledValue : internalValue;
59172
59367
  const handleValueChange = (newValue) => {
59173
59368
  if (controlledValue === void 0) {
@@ -59228,6 +59423,6 @@ function UnderlineTabsContent({
59228
59423
  );
59229
59424
  }
59230
59425
 
59231
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BrandLogo, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, ColorPickerInline, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentSystem, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentEditor, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditorialCalendar, FilterBar, FilterBuilder, FilterChip, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GanttChart, GanttLegend, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KanbanCard, Label3 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SavedFilters, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator5 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskCalendar, TaskEditDialog, Textarea, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, useSidebar };
59426
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BrandLogo2 as BrandLogo, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar2 as Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, ColorPickerInline, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentSystem, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentEditor, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditorialCalendar, FilterBar, FilterBuilder, FilterChip, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GanttChart, GanttLegend, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KanbanCard, Label3 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SavedFilters, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator5 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskCalendar, TaskEditDialog, Textarea, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, useSidebar };
59232
59427
  //# sourceMappingURL=index.js.map
59233
59428
  //# sourceMappingURL=index.js.map