@greatapps/common 1.1.139 → 1.1.140

package/dist/components/layouts/ProfilePopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layouts/ProfilePopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport { Popover } from \"../ui/overlay/Popover\";\r\nimport { Button } from \"../ui/buttons/Button\";\r\nimport { Progress } from \"../ui/feedback/Progress\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { NavBarItem } from \"./NavBarItem\";\r\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\r\nimport { LoadingOverlay } from \"../ui/feedback/LoadingOverlay\";\r\nimport { useAuth } from \"../../providers/auth.provider\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport { useIaCredits } from \"../../modules/ia-credits/hooks/ia-credits.hook\";\r\n\r\nexport interface ProfileMenuItem {\r\n  icon?: React.ReactNode;\r\n  label: string;\r\n  onClick: () => void;\r\n}\r\n\r\nexport interface ProfilePopoverProps {\r\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  align?: \"start\" | \"center\" | \"end\";\r\n  contentClassName?: string;\r\n  onEditProfile?: () => void;\r\n  onCreditsClick?: () => void;\r\n  menuItems?: ProfileMenuItem[];\r\n  logoutRedirect?: string;\r\n}\r\n\r\nfunction ProfilePopover({\r\n  side = \"top\",\r\n  align = \"start\",\r\n  contentClassName = \"absolute bottom-2 left-[26px]\",\r\n  onEditProfile,\r\n  onCreditsClick,\r\n  menuItems = [],\r\n  logoutRedirect = \"/login\",\r\n}: ProfilePopoverProps) {\r\n  const router = useRouter();\r\n  const { user, logout } = useAuth();\r\n  const [isLoggingOut, setIsLoggingOut] = useState(false);\r\n\r\n  const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =\r\n    useIaCredits();\r\n\r\n  const handleLogout = async () => {\r\n    try {\r\n      setIsLoggingOut(true);\r\n      await logout();\r\n      router.push(logoutRedirect);\r\n    } catch (error) {\r\n      console.error(\"Erro ao fazer logout:\", error);\r\n    } finally {\r\n      setIsLoggingOut(false);\r\n    }\r\n  };\r\n\r\n  const hasSubscription = !isSubscriptionLoading && subscription !== null;\r\n  const showCreditsSkeleton = hasSubscription && isCreditsLoading;\r\n  const showCredits =\r\n    hasSubscription && !isCreditsLoading;\r\n  const creditsPercentage =\r\n    showCredits && summary.totalCredits > 0\r\n      ? (summary.usedCredits / summary.totalCredits) * 100\r\n      : 0;\r\n\r\n  return (\r\n    <>\r\n      <LoadingOverlay isLoading={isLoggingOut} message=\"Saindo da sua conta...\" />\r\n      <Popover>\r\n        <PopoverPrimitive.Trigger className=\"cursor-pointer\">\r\n          {user && (\r\n            <UserAvatar\r\n              key={user.id}\r\n              photo={user.photo}\r\n              name={user.name}\r\n              size={40}\r\n            />\r\n          )}\r\n        </PopoverPrimitive.Trigger>\r\n\r\n        <PopoverPrimitive.Portal>\r\n          <PopoverPrimitive.Content\r\n            className={cn(\r\n              \"w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99\",\r\n              contentClassName,\r\n            )}\r\n            side={side}\r\n            align={align}\r\n            sideOffset={8}\r\n          >\r\n            <div className=\"grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full\">\r\n              {user && (\r\n                <UserAvatar\r\n                  key={user.id}\r\n                  photo={user.photo}\r\n                  name={user.name}\r\n                  size={32}\r\n                />\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-0.5 min-w-0\">\r\n                <span className=\"paragraph-small-semibold text-gray-950 truncate\">\r\n                  {user?.name || \"\"}\r\n                </span>\r\n                <span className=\"paragraph-xsmall-medium text-gray-500 truncate\">\r\n                  {user?.email || \"\"}\r\n                </span>\r\n              </div>\r\n\r\n              {onEditProfile && (\r\n                <Button\r\n                  variant=\"secondary\"\r\n                  className=\"paragraph-small-semibold h-8! whitespace-nowrap px-3 w-fit\"\r\n                  onClick={onEditProfile}\r\n                >\r\n                  Editar Perfil\r\n                </Button>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5\">\r\n              {showCreditsSkeleton && (\r\n                <div className=\"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4\">\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <div className=\"skeleton h-3.5 w-16 rounded\" />\r\n                  </div>\r\n                  <div className=\"skeleton h-1.5 w-full rounded-full\" />\r\n                </div>\r\n              )}\r\n\r\n              {showCredits && (\r\n                <div\r\n                  className={cn(\r\n                    \"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors\",\r\n                    onCreditsClick && \"cursor-pointer hover:bg-gray-900\",\r\n                  )}\r\n                  onClick={onCreditsClick}\r\n                >\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <span className=\"paragraph-xsmall-medium text-white/50\">\r\n                      {summary.usedCredits.toLocaleString(\"pt-BR\")}/\r\n                      {summary.totalCredits.toLocaleString(\"pt-BR\")}\r\n                    </span>\r\n                  </div>\r\n                  <Progress\r\n                    className=\"bg-white/10\"\r\n                    indicatorColor=\"bg-white\"\r\n                    value={creditsPercentage}\r\n                  />\r\n                </div>\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                {menuItems.length > 0 && (\r\n                  <div className=\"flex flex-col\">\r\n                    {menuItems.map((item, index) => (\r\n                      <NavBarItem\r\n                        key={index}\r\n                        icon={item.icon}\r\n                        label={item.label}\r\n                        onClick={item.onClick}\r\n                      />\r\n                    ))}\r\n                  </div>\r\n                )}\r\n                <Separator />\r\n                <NavBarItem label=\"Sair\" onClick={handleLogout} />\r\n              </div>\r\n            </div>\r\n          </PopoverPrimitive.Content>\r\n        </PopoverPrimitive.Portal>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { ProfilePopover };\r\n"],"mappings":"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","names":[]}

package/dist/components/layouts/SideBarNavigation.mjs

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../infra/utils/clsx";
+function SideBarNavigation({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sidebar-navigation",
+      className: cn("hidden lg:flex flex-col h-screen p-4 border-r w-[273px] border-gray-200", className),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  SideBarNavigation
+};
+//# sourceMappingURL=SideBarNavigation.mjs.map

package/dist/components/layouts/SideBarNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layouts/SideBarNavigation.tsx"],"sourcesContent":["'use client';\n\n\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction SideBarNavigation({\r\n    className,\r\n    children,\r\n    ...props\r\n}: React.ComponentProps<\"div\">) {\r\n    return (\r\n        <div\r\n            data-slot=\"sidebar-navigation\"\r\n            className={cn(\"hidden lg:flex flex-col h-screen p-4 border-r w-[273px] border-gray-200\", className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { SideBarNavigation };\r\n"],"mappings":";AAaQ;AARR,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,2EAA2E,SAAS;AAAA,MACjG,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;","names":[]}

package/dist/components/layouts/UsersSelectorPopover.mjs

@@ -0,0 +1,236 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Plus, Settings, User, Users } from "lucide-react";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { useQueryClient, useMutation } from "@tanstack/react-query";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/overlay/Popover";
+import { Button } from "../ui/buttons/Button";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "../ui/overlay/Command";
+import { Checkbox } from "../ui/form/Checkbox";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
+import { cn } from "../../infra/utils/clsx";
+import { useListProjectUsers, LIST_PROJECT_USERS_BASE_KEY } from "../../modules/projects/hooks/list-project-users.hook";
+import { useListAvailableUsers, LIST_AVAILABLE_USERS_BASE_KEY } from "../../modules/projects/hooks/list-available-users.hook";
+import { addProjectUserAction } from "../../modules/projects/actions/add-project-user.action";
+import { removeProjectUserAction } from "../../modules/projects/actions/remove-project-user.action";
+const DEFAULT_AVATAR = "/images/Logomark.png";
+function UserItemSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "skeleton size-8 rounded-full shrink-0" }),
+      /* @__PURE__ */ jsx("div", { className: "skeleton h-3.5 w-28 rounded" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "skeleton size-4 rounded shrink-0" })
+  ] });
+}
+function UsersSelectorPopover({
+  projectId,
+  addRoute = "/my-teams?createNew=true",
+  manageRoute = "/my-teams",
+  side,
+  align,
+  contentClassName
+}) {
+  const router = useRouter();
+  const queryClient = useQueryClient();
+  const [open, setOpen] = useState(false);
+  const [hoveredId, setHoveredId] = useState(null);
+  const [searchInput, setSearchInput] = useState("");
+  const [search, setSearch] = useState("");
+  const id = projectId ?? 0;
+  useEffect(() => {
+    const timer = setTimeout(() => setSearch(searchInput), 300);
+    return () => clearTimeout(timer);
+  }, [searchInput]);
+  const projectUsers = useListProjectUsers(id, search);
+  const availableUsers = useListAvailableUsers(id, search);
+  const inProject = projectUsers.data?.pages.flatMap((p) => p.data) ?? [];
+  const notInProject = availableUsers.data?.pages.flatMap((p) => p.data) ?? [];
+  const isLoading = projectUsers.isLoading || availableUsers.isLoading;
+  const isFetchingMore = projectUsers.isFetchingNextPage || availableUsers.isFetchingNextPage;
+  const totalInProject = projectUsers.data?.pages[0]?.total ?? inProject.length;
+  const invalidate = () => {
+    queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(id) });
+    queryClient.invalidateQueries({ queryKey: LIST_AVAILABLE_USERS_BASE_KEY(id) });
+  };
+  const addMutation = useMutation({
+    mutationFn: (userId) => addProjectUserAction({ projectId: id, users: [userId] }),
+    onSuccess: invalidate
+  });
+  const removeMutation = useMutation({
+    mutationFn: (userId) => removeProjectUserAction({ projectId: id, users: [userId] }),
+    onSuccess: invalidate
+  });
+  const allUsers = [
+    ...inProject.map((u) => ({
+      id: u.id_user,
+      name: u.name,
+      avatar: u.photo ?? DEFAULT_AVATAR,
+      checked: true,
+      removable: u.profile !== "owner" && u.profile !== "admin"
+    })),
+    ...notInProject.map((u) => ({
+      id: u.id,
+      name: u.name,
+      avatar: u.photo ?? DEFAULT_AVATAR,
+      checked: false,
+      removable: true
+    }))
+  ];
+  const toggleUser = (id2, checked, removable) => {
+    if (checked) {
+      if (!removable) return;
+      removeMutation.mutate(id2);
+    } else {
+      addMutation.mutate(id2);
+    }
+  };
+  const handleScroll = (e) => {
+    const target = e.currentTarget;
+    const nearBottom = target.scrollTop + target.clientHeight >= target.scrollHeight - 50;
+    if (!nearBottom) return;
+    if (projectUsers.hasNextPage && !projectUsers.isFetchingNextPage) {
+      projectUsers.fetchNextPage();
+    } else if (availableUsers.hasNextPage && !availableUsers.isFetchingNextPage) {
+      availableUsers.fetchNextPage();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { className: "cursor-pointer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950", children: [
+      /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold", children: totalInProject }),
+      /* @__PURE__ */ jsx(User, { size: 16 })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: cn(
+          "absolute right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
+          contentClassName
+        ),
+        side,
+        align,
+        sideOffset: 8,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-3 gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold", children: "Usu\xE1rios" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "secondary",
+                  className: "h-8 paragraph-small-semibold text-gray-950",
+                  onClick: () => router.push(addRoute),
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { size: 16 }),
+                    "Adicionar"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "secondary",
+                    className: "p-0 size-8",
+                    onClick: () => router.push(manageRoute),
+                    children: /* @__PURE__ */ jsx(Settings, { size: 18 })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(TooltipContent, { children: "Visualizar todos usu\xE1rios" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Command, { shouldFilter: false, className: "gap-2", value: "", children: [
+            /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                placeholder: "Busque aqui",
+                value: searchInput,
+                onValueChange: setSearchInput
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              CommandList,
+              {
+                className: "custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]",
+                onScroll: handleScroll,
+                children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(UserItemSkeleton, {}),
+                  /* @__PURE__ */ jsx(UserItemSkeleton, {}),
+                  /* @__PURE__ */ jsx(UserItemSkeleton, {})
+                ] }) : allUsers.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4", children: [
+                  /* @__PURE__ */ jsx(Users, { size: 28, className: "text-gray-300" }),
+                  /* @__PURE__ */ jsxs("span", { className: "paragraph-small-medium text-center text-gray-500", children: [
+                    "Nenhum usu\xE1rio neste projeto.",
+                    /* @__PURE__ */ jsx("br", {}),
+                    "Adicione um usu\xE1rio para come\xE7ar."
+                  ] })
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(CommandEmpty, { children: "Nenhum resultado encontrado." }),
+                  allUsers.map((user) => /* @__PURE__ */ jsx(
+                    CommandItem,
+                    {
+                      value: user.name || String(user.id),
+                      autoFocus: false,
+                      onPointerEnter: () => setHoveredId(user.id),
+                      onPointerLeave: () => setHoveredId(null),
+                      onFocus: () => setHoveredId(user.id),
+                      onBlur: () => setHoveredId(null),
+                      onSelect: () => toggleUser(user.id, user.checked, user.removable),
+                      className: user.removable ? "cursor-pointer" : "cursor-default",
+                      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx(
+                            Image,
+                            {
+                              alt: "Avatar",
+                              src: user.avatar,
+                              width: 32,
+                              height: 32,
+                              className: "rounded-full"
+                            }
+                          ),
+                          user.name
+                        ] }),
+                        /* @__PURE__ */ jsxs(Tooltip, { open: user.removable && hoveredId === user.id, children: [
+                          /* @__PURE__ */ jsx(
+                            TooltipTrigger,
+                            {
+                              onClick: (e) => e.stopPropagation(),
+                              onPointerDown: (e) => e.stopPropagation(),
+                              children: /* @__PURE__ */ jsx(
+                                Checkbox,
+                                {
+                                  checked: user.checked,
+                                  disabled: !user.removable,
+                                  onCheckedChange: () => toggleUser(user.id, user.checked, user.removable),
+                                  className: user.removable && hoveredId === user.id ? "border-gray-950" : ""
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(TooltipContent, { children: user.checked ? "Remover do projeto" : "Adicionar ao projeto" })
+                        ] })
+                      ] })
+                    },
+                    user.id
+                  )),
+                  isFetchingMore && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(UserItemSkeleton, {}),
+                    /* @__PURE__ */ jsx(UserItemSkeleton, {})
+                  ] })
+                ] })
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  UsersSelectorPopover
+};
+//# sourceMappingURL=UsersSelectorPopover.mjs.map

package/dist/components/layouts/UsersSelectorPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["'use client';\n\n\"use client\"\r\n\r\nimport { useEffect, useState } from 'react';\r\nimport { Plus, Settings, User, Users } from 'lucide-react';\r\nimport Image from 'next/image';\r\nimport { useRouter } from 'next/navigation';\r\nimport { useQueryClient, useMutation } from '@tanstack/react-query';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/overlay/Popover';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from '../ui/overlay/Command';\r\nimport { Checkbox } from '../ui/form/Checkbox';\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/overlay/Tooltip';\r\nimport { cn } from '../../infra/utils/clsx';\r\nimport { useListProjectUsers, LIST_PROJECT_USERS_BASE_KEY } from '../../modules/projects/hooks/list-project-users.hook';\r\nimport { useListAvailableUsers, LIST_AVAILABLE_USERS_BASE_KEY } from '../../modules/projects/hooks/list-available-users.hook';\r\nimport { addProjectUserAction } from '../../modules/projects/actions/add-project-user.action';\r\nimport { removeProjectUserAction } from '../../modules/projects/actions/remove-project-user.action';\r\n\r\nconst DEFAULT_AVATAR = '/images/Logomark.png';\r\n\r\nexport interface UsersSelectorPopoverProps {\r\n  projectId?: number;\r\n  addRoute?: string;\r\n  manageRoute?: string;\r\n  side?: 'top' | 'bottom' | 'left' | 'right';\r\n  align?: 'start' | 'center' | 'end';\r\n  contentClassName?: string;\r\n}\r\n\r\nfunction UserItemSkeleton() {\r\n  return (\r\n    <div className=\"flex items-center justify-between px-2 py-1.5 gap-2\">\r\n      <div className=\"flex items-center gap-2 flex-1\">\r\n        <div className=\"skeleton size-8 rounded-full shrink-0\" />\r\n        <div className=\"skeleton h-3.5 w-28 rounded\" />\r\n      </div>\r\n      <div className=\"skeleton size-4 rounded shrink-0\" />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function UsersSelectorPopover({\r\n  projectId,\r\n  addRoute = '/my-teams?createNew=true',\r\n  manageRoute = '/my-teams',\r\n  side,\r\n  align,\r\n  contentClassName,\r\n}: UsersSelectorPopoverProps) {\r\n  const router = useRouter();\r\n  const queryClient = useQueryClient();\r\n  const [open, setOpen] = useState(false);\r\n  const [hoveredId, setHoveredId] = useState<number | null>(null);\r\n  const [searchInput, setSearchInput] = useState('');\r\n  const [search, setSearch] = useState('');\r\n\r\n  const id = projectId ?? 0;\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setSearch(searchInput), 300);\r\n    return () => clearTimeout(timer);\r\n  }, [searchInput]);\r\n\r\n  const projectUsers = useListProjectUsers(id, search);\r\n  const availableUsers = useListAvailableUsers(id, search);\r\n\r\n  const inProject = projectUsers.data?.pages.flatMap((p) => p.data) ?? [];\r\n  const notInProject = availableUsers.data?.pages.flatMap((p) => p.data) ?? [];\r\n  const isLoading = projectUsers.isLoading || availableUsers.isLoading;\r\n  const isFetchingMore = projectUsers.isFetchingNextPage || availableUsers.isFetchingNextPage;\r\n  const totalInProject = projectUsers.data?.pages[0]?.total ?? inProject.length;\r\n\r\n  const invalidate = () => {\r\n    queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(id) });\r\n    queryClient.invalidateQueries({ queryKey: LIST_AVAILABLE_USERS_BASE_KEY(id) });\r\n  };\r\n\r\n  const addMutation = useMutation({\r\n    mutationFn: (userId: number) => addProjectUserAction({ projectId: id, users: [userId] }),\r\n    onSuccess: invalidate,\r\n  });\r\n\r\n  const removeMutation = useMutation({\r\n    mutationFn: (userId: number) => removeProjectUserAction({ projectId: id, users: [userId] }),\r\n    onSuccess: invalidate,\r\n  });\r\n\r\n  const allUsers = [\r\n    ...inProject.map((u) => ({\r\n      id: u.id_user,\r\n      name: u.name,\r\n      avatar: u.photo ?? DEFAULT_AVATAR,\r\n      checked: true as const,\r\n      removable: u.profile !== 'owner' && u.profile !== 'admin',\r\n    })),\r\n    ...notInProject.map((u) => ({\r\n      id: u.id,\r\n      name: u.name,\r\n      avatar: u.photo ?? DEFAULT_AVATAR,\r\n      checked: false as const,\r\n      removable: true,\r\n    })),\r\n  ];\r\n\r\n  const toggleUser = (id: number, checked: boolean, removable: boolean) => {\r\n    if (checked) {\r\n      if (!removable) return;\r\n      removeMutation.mutate(id);\r\n    } else {\r\n      addMutation.mutate(id);\r\n    }\r\n  };\r\n\r\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\r\n    const target = e.currentTarget;\r\n    const nearBottom = target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\r\n    if (!nearBottom) return;\r\n    if (projectUsers.hasNextPage && !projectUsers.isFetchingNextPage) {\r\n      projectUsers.fetchNextPage();\r\n    } else if (availableUsers.hasNextPage && !availableUsers.isFetchingNextPage) {\r\n      availableUsers.fetchNextPage();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger className=\"cursor-pointer\">\r\n        <div className=\"flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950\">\r\n          <span className=\"paragraph-small-semibold\">{totalInProject}</span>\r\n          <User size={16} />\r\n        </div>\r\n      </PopoverTrigger>\r\n\r\n      <PopoverContent\r\n        className={cn(\r\n          'absolute right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200',\r\n          contentClassName\r\n        )}\r\n        side={side}\r\n        align={align}\r\n        sideOffset={8}\r\n      >\r\n        <div className=\"flex flex-col p-3 gap-2\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <span className=\"paragraph-small-semibold\">Usuários</span>\r\n            <div className=\"flex items-center gap-1.5\">\r\n              <Button\r\n                variant=\"secondary\"\r\n                className=\"h-8 paragraph-small-semibold text-gray-950\"\r\n                onClick={() => router.push(addRoute)}\r\n              >\r\n                <Plus size={16} />\r\n                Adicionar\r\n              </Button>\r\n              <Tooltip>\r\n                <TooltipTrigger asChild>\r\n                  <Button\r\n                    variant=\"secondary\"\r\n                    className=\"p-0 size-8\"\r\n                    onClick={() => router.push(manageRoute)}\r\n                  >\r\n                    <Settings size={18} />\r\n                  </Button>\r\n                </TooltipTrigger>\r\n                <TooltipContent>Visualizar todos usuários</TooltipContent>\r\n              </Tooltip>\r\n            </div>\r\n          </div>\r\n\r\n          <Command shouldFilter={false} className=\"gap-2\" value=\"\">\r\n            <CommandInput\r\n              placeholder=\"Busque aqui\"\r\n              value={searchInput}\r\n              onValueChange={setSearchInput}\r\n            />\r\n            <CommandList\r\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\"\r\n              onScroll={handleScroll}\r\n            >\r\n              {isLoading ? (\r\n                <>\r\n                  <UserItemSkeleton />\r\n                  <UserItemSkeleton />\r\n                  <UserItemSkeleton />\r\n                </>\r\n              ) : allUsers.length === 0 ? (\r\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\r\n                  <Users size={28} className=\"text-gray-300\" />\r\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\r\n                    Nenhum usuário neste projeto.\r\n                    <br />\r\n                    Adicione um usuário para começar.\r\n                  </span>\r\n                </div>\r\n              ) : (\r\n                <>\r\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n                  {allUsers.map((user) => (\r\n                    <CommandItem\r\n                      key={user.id}\r\n                      value={user.name || String(user.id)}\r\n                      autoFocus={false}\r\n                      onPointerEnter={() => setHoveredId(user.id)}\r\n                      onPointerLeave={() => setHoveredId(null)}\r\n                      onFocus={() => setHoveredId(user.id)}\r\n                      onBlur={() => setHoveredId(null)}\r\n                      onSelect={() => toggleUser(user.id, user.checked, user.removable)}\r\n                      className={user.removable ? 'cursor-pointer' : 'cursor-default'}\r\n                    >\r\n                      <div className=\"flex items-center justify-between w-full\">\r\n                        <div className=\"flex items-center gap-2\">\r\n                          <Image\r\n                            alt=\"Avatar\"\r\n                            src={user.avatar}\r\n                            width={32}\r\n                            height={32}\r\n                            className=\"rounded-full\"\r\n                          />\r\n                          {user.name}\r\n                        </div>\r\n                        <Tooltip open={user.removable && hoveredId === user.id}>\r\n                          <TooltipTrigger\r\n                            onClick={(e) => e.stopPropagation()}\r\n                            onPointerDown={(e) => e.stopPropagation()}\r\n                          >\r\n                            <Checkbox\r\n                              checked={user.checked}\r\n                              disabled={!user.removable}\r\n                              onCheckedChange={() => toggleUser(user.id, user.checked, user.removable)}\r\n                              className={user.removable && hoveredId === user.id ? 'border-gray-950' : ''}\r\n                            />\r\n                          </TooltipTrigger>\r\n                          <TooltipContent>\r\n                            {user.checked ? 'Remover do projeto' : 'Adicionar ao projeto'}\r\n                          </TooltipContent>\r\n                        </Tooltip>\r\n                      </div>\r\n                    </CommandItem>\r\n                  ))}\r\n                  {isFetchingMore && (\r\n                    <>\r\n                      <UserItemSkeleton />\r\n                      <UserItemSkeleton />\r\n                    </>\r\n                  )}\r\n                </>\r\n              )}\r\n            </CommandList>\r\n          </Command>\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n"],"mappings":"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","names":["id"]}

package/dist/components/modals/ModalManager.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useModalManager } from "../../store/useModalManager";
+function ModalManager({ registry }) {
+  const { modalStack } = useModalManager();
+  if (modalStack.length === 0) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: modalStack.map((modal) => {
+    const ModalComponent = registry[modal.key];
+    if (!ModalComponent) {
+      console.warn(`Modal "${modal.key}" not found in registry`);
+      return null;
+    }
+    return /* @__PURE__ */ jsx(ModalComponent, {}, modal.key);
+  }) });
+}
+export {
+  ModalManager
+};
+//# sourceMappingURL=ModalManager.mjs.map

package/dist/components/modals/ModalManager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/modals/ModalManager.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentType } from 'react';\nimport { useModalManager } from '../../store/useModalManager';\n\ninterface ModalManagerProps {\n  registry: Record<string, ComponentType>;\n}\n\nexport function ModalManager({ registry }: ModalManagerProps) {\n  const { modalStack } = useModalManager();\n\n  if (modalStack.length === 0) return null;\n\n  return (\n    <>\n      {modalStack.map((modal) => {\n        const ModalComponent = registry[modal.key];\n\n        if (!ModalComponent) {\n          console.warn(`Modal \"${modal.key}\" not found in registry`);\n          return null;\n        }\n\n        return <ModalComponent key={modal.key} />;\n      })}\n    </>\n  );\n}\n"],"mappings":";AAeI,mBASW,WATX;AAZJ,SAAS,uBAAuB;AAMzB,SAAS,aAAa,EAAE,SAAS,GAAsB;AAC5D,QAAM,EAAE,WAAW,IAAI,gBAAgB;AAEvC,MAAI,WAAW,WAAW,EAAG,QAAO;AAEpC,SACE,gCACG,qBAAW,IAAI,CAAC,UAAU;AACzB,UAAM,iBAAiB,SAAS,MAAM,GAAG;AAEzC,QAAI,CAAC,gBAAgB;AACnB,cAAQ,KAAK,UAAU,MAAM,GAAG,yBAAyB;AACzD,aAAO;AAAA,IACT;AAEA,WAAO,oBAAC,oBAAoB,MAAM,GAAK;AAAA,EACzC,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/modals/Modals.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import AccountModals from "../account/AccountModals";
+import { ModalManager } from "./ModalManager";
+import { useAccountModals } from "../../store/useAccountModals";
+function Modals({ registry, hasActiveSubscription, onGoToSubscription }) {
+  const { updateConfig } = useAccountModals();
+  useEffect(() => {
+    updateConfig({ hasActiveSubscription, onGoToSubscription });
+  }, [hasActiveSubscription, onGoToSubscription, updateConfig]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AccountModals, {}),
+    /* @__PURE__ */ jsx(ModalManager, { registry })
+  ] });
+}
+export {
+  Modals
+};
+//# sourceMappingURL=Modals.mjs.map

package/dist/components/modals/Modals.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/modals/Modals.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentType, useEffect } from 'react';\nimport AccountModals from '../account/AccountModals';\nimport { ModalManager } from './ModalManager';\nimport { useAccountModals } from '../../store/useAccountModals';\ninterface ModalsProps {\n  registry: Record<string, ComponentType>;\n  hasActiveSubscription?: boolean;\n  onGoToSubscription?: () => void;\n}\n\nexport function Modals({ registry, hasActiveSubscription, onGoToSubscription }: ModalsProps) {\n  const { updateConfig } = useAccountModals();\n\n  useEffect(() => {\n    updateConfig({ hasActiveSubscription, onGoToSubscription });\n  }, [hasActiveSubscription, onGoToSubscription, updateConfig]);\n\n  return (\n    <>\n      <AccountModals />\n      <ModalManager registry={registry} />\n    </>\n  );\n}\n"],"mappings":";AAoBI,mBACE,KADF;AAlBJ,SAAwB,iBAAiB;AACzC,OAAO,mBAAmB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAO1B,SAAS,OAAO,EAAE,UAAU,uBAAuB,mBAAmB,GAAgB;AAC3F,QAAM,EAAE,aAAa,IAAI,iBAAiB;AAE1C,YAAU,MAAM;AACd,iBAAa,EAAE,uBAAuB,mBAAmB,CAAC;AAAA,EAC5D,GAAG,CAAC,uBAAuB,oBAAoB,YAAY,CAAC;AAE5D,SACE,iCACE;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,gBAAa,UAAoB;AAAA,KACpC;AAEJ;","names":[]}

package/dist/components/navigation/AppNavigation.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DesktopShell } from "./shells/DesktopShell";
+import { MdShell } from "./shells/MdShell";
+import { MobileShell } from "./shells/MobileShell";
+import { TabsMobileShell } from "./shells/TabsMobileShell";
+import { NavItems } from "./subcomponents/NavItems";
+import { ProjectSelector } from "./subcomponents/ProjectSelector";
+import { PlanCard } from "./subcomponents/PlanCard";
+import { CreditsCard } from "./subcomponents/CreditsCard";
+import { NavItemsContext } from "./NavItemsContext";
+function AppNavigationRoot({ children, mobileVariant = "sheet", mobileTabsOffset }) {
+  const [navItems, setNavItems] = useState([]);
+  return /* @__PURE__ */ jsxs(NavItemsContext.Provider, { value: { navItems, setNavItems, mobileVariant }, children: [
+    /* @__PURE__ */ jsx(DesktopShell, { children }),
+    /* @__PURE__ */ jsx(MdShell, { children }),
+    mobileVariant === "sheet" ? /* @__PURE__ */ jsx(MobileShell, { children }) : /* @__PURE__ */ jsx(TabsMobileShell, { topOffset: mobileTabsOffset, children })
+  ] });
+}
+const AppNavigation = Object.assign(AppNavigationRoot, {
+  NavItems,
+  ProjectSelector,
+  PlanCard,
+  CreditsCard
+});
+export {
+  AppNavigation
+};
+//# sourceMappingURL=AppNavigation.mjs.map

package/dist/components/navigation/AppNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation/AppNavigation.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode, useState } from 'react';\r\nimport { DesktopShell } from './shells/DesktopShell';\r\nimport { MdShell } from './shells/MdShell';\r\nimport { MobileShell } from './shells/MobileShell';\r\nimport { TabsMobileShell } from './shells/TabsMobileShell';\r\nimport { NavItems } from './subcomponents/NavItems';\r\nimport { ProjectSelector } from './subcomponents/ProjectSelector';\r\nimport { PlanCard } from './subcomponents/PlanCard';\r\nimport { CreditsCard } from './subcomponents/CreditsCard';\r\nimport { NavItemsContext } from './NavItemsContext';\r\nimport type { NavItemConfig } from './subcomponents/NavItems';\r\n\r\nexport type { NavItemConfig } from './subcomponents/NavItems';\r\nexport type { ProjectSelectorProps } from './subcomponents/ProjectSelector';\r\nexport type { PlanCardProps } from './subcomponents/PlanCard';\r\nexport type { CreditsCardProps } from './subcomponents/CreditsCard';\r\n\r\ninterface AppNavigationProps {\r\n  children: ReactNode;\r\n  mobileVariant?: 'sheet' | 'tabs';\r\n  mobileTabsOffset?: string;\r\n}\r\n\r\nfunction AppNavigationRoot({ children, mobileVariant = 'sheet', mobileTabsOffset }: AppNavigationProps) {\r\n  const [navItems, setNavItems] = useState<NavItemConfig[]>([]);\r\n\r\n  return (\r\n    <NavItemsContext.Provider value={{ navItems, setNavItems, mobileVariant }}>\r\n      <DesktopShell>{children}</DesktopShell>\r\n      <MdShell>{children}</MdShell>\r\n      {mobileVariant === 'sheet' ? (\r\n        <MobileShell>{children}</MobileShell>\r\n      ) : (\r\n        <TabsMobileShell topOffset={mobileTabsOffset}>{children}</TabsMobileShell>\r\n      )}\r\n    </NavItemsContext.Provider>\r\n  );\r\n}\r\n\r\nexport const AppNavigation = Object.assign(AppNavigationRoot, {\r\n  NavItems,\r\n  ProjectSelector,\r\n  PlanCard,\r\n  CreditsCard,\r\n});\r\n"],"mappings":";AA6BI,SACE,KADF;AA3BJ,SAAoB,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAchC,SAAS,kBAAkB,EAAE,UAAU,gBAAgB,SAAS,iBAAiB,GAAuB;AACtG,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,CAAC,CAAC;AAE5D,SACE,qBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,aAAa,cAAc,GACtE;AAAA,wBAAC,gBAAc,UAAS;AAAA,IACxB,oBAAC,WAAS,UAAS;AAAA,IAClB,kBAAkB,UACjB,oBAAC,eAAa,UAAS,IAEvB,oBAAC,mBAAgB,WAAW,kBAAmB,UAAS;AAAA,KAE5D;AAEJ;AAEO,MAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;","names":[]}

package/dist/components/navigation/AppNavigationContext.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { createContext, useContext } from "react";
+const AppNavigationContext = createContext(void 0);
+function useAppNavigationContext() {
+  const ctx = useContext(AppNavigationContext);
+  if (!ctx) throw new Error("useAppNavigationContext must be used inside AppNavigation");
+  return ctx;
+}
+export {
+  AppNavigationContext,
+  useAppNavigationContext
+};
+//# sourceMappingURL=AppNavigationContext.mjs.map

package/dist/components/navigation/AppNavigationContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation/AppNavigationContext.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, useContext } from 'react';\r\n\r\nexport type Breakpoint = 'desktop' | 'md' | 'mobile';\r\n\r\ninterface AppNavigationContextValue {\r\n  breakpoint: Breakpoint;\r\n}\r\n\r\nexport const AppNavigationContext = createContext<AppNavigationContextValue | undefined>(undefined);\r\n\r\nexport function useAppNavigationContext(): AppNavigationContextValue {\r\n  const ctx = useContext(AppNavigationContext);\r\n  if (!ctx) throw new Error('useAppNavigationContext must be used inside AppNavigation');\r\n  return ctx;\r\n}\r\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAQnC,MAAM,uBAAuB,cAAqD,MAAS;AAE3F,SAAS,0BAAqD;AACnE,QAAM,MAAM,WAAW,oBAAoB;AAC3C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,2DAA2D;AACrF,SAAO;AACT;","names":[]}

package/dist/components/navigation/NavItem.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAppNavigationContext } from "./AppNavigationContext";
+import { useMobileNavbarSheet } from "../../store/useMobileNavbarSheet";
+function NavItem({ icon: Icon, label, onClick, isActive = false }) {
+  const { breakpoint } = useAppNavigationContext();
+  const { close } = useMobileNavbarSheet();
+  const handleClick = () => {
+    onClick();
+    if (breakpoint === "mobile") {
+      close();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rounded-md flex items-center gap-2 p-3 cursor-pointer transition-colors ${isActive ? "bg-gray-50" : "bg-white hover:bg-gray-100"} active:bg-gray-50`,
+      onClick: handleClick,
+      children: [
+        Icon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            size: 20,
+            className: isActive ? "text-gray-950" : "text-gray-400"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: `paragraph-small-medium ${isActive ? "text-gray-950" : "text-gray-500"}`, children: label })
+      ]
+    }
+  );
+}
+export {
+  NavItem
+};
+//# sourceMappingURL=NavItem.mjs.map

package/dist/components/navigation/NavItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation/NavItem.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ElementType } from 'react';\r\nimport { useAppNavigationContext } from './AppNavigationContext';\r\nimport { useMobileNavbarSheet } from '../../store/useMobileNavbarSheet';\r\n\r\ninterface NavItemProps {\r\n  icon?: ElementType;\r\n  label: string;\r\n  onClick: () => void;\r\n  isActive?: boolean;\r\n}\r\n\r\nexport function NavItem({ icon: Icon, label, onClick, isActive = false }: NavItemProps) {\r\n  const { breakpoint } = useAppNavigationContext();\r\n  const { close } = useMobileNavbarSheet();\r\n\r\n  const handleClick = () => {\r\n    onClick();\r\n    if (breakpoint === 'mobile') {\r\n      close();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={`rounded-md flex items-center gap-2 p-3 cursor-pointer transition-colors ${\r\n        isActive ? 'bg-gray-50' : 'bg-white hover:bg-gray-100'\r\n      } active:bg-gray-50`}\r\n      onClick={handleClick}\r\n    >\r\n      {Icon && (\r\n        <Icon\r\n          size={20}\r\n          className={isActive ? 'text-gray-950' : 'text-gray-400'}\r\n        />\r\n      )}\r\n      <span className={`paragraph-small-medium ${isActive ? 'text-gray-950' : 'text-gray-500'}`}>\r\n        {label}\r\n      </span>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAyBI,SAOI,KAPJ;AAtBJ,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AAS9B,SAAS,QAAQ,EAAE,MAAM,MAAM,OAAO,SAAS,WAAW,MAAM,GAAiB;AACtF,QAAM,EAAE,WAAW,IAAI,wBAAwB;AAC/C,QAAM,EAAE,MAAM,IAAI,qBAAqB;AAEvC,QAAM,cAAc,MAAM;AACxB,YAAQ;AACR,QAAI,eAAe,UAAU;AAC3B,YAAM;AAAA,IACR;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,2EACT,WAAW,eAAe,4BAC5B;AAAA,MACA,SAAS;AAAA,MAER;AAAA,gBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW,WAAW,kBAAkB;AAAA;AAAA,QAC1C;AAAA,QAEF,oBAAC,UAAK,WAAW,0BAA0B,WAAW,kBAAkB,eAAe,IACpF,iBACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/navigation/NavItemsContext.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { createContext, useContext } from "react";
+const NavItemsContext = createContext({
+  navItems: [],
+  setNavItems: () => {
+  },
+  mobileVariant: "sheet"
+});
+function useNavItemsContext() {
+  return useContext(NavItemsContext);
+}
+export {
+  NavItemsContext,
+  useNavItemsContext
+};
+//# sourceMappingURL=NavItemsContext.mjs.map

package/dist/components/navigation/NavItemsContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation/NavItemsContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport type { NavItemConfig } from './subcomponents/NavItems';\n\ninterface NavItemsContextValue {\n  navItems: NavItemConfig[];\n  setNavItems: (items: NavItemConfig[]) => void;\n  mobileVariant: 'sheet' | 'tabs';\n}\n\nexport const NavItemsContext = createContext<NavItemsContextValue>({\n  navItems: [],\n  setNavItems: () => {},\n  mobileVariant: 'sheet',\n});\n\nexport function useNavItemsContext(): NavItemsContextValue {\n  return useContext(NavItemsContext);\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AASnC,MAAM,kBAAkB,cAAoC;AAAA,EACjE,UAAU,CAAC;AAAA,EACX,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,eAAe;AACjB,CAAC;AAEM,SAAS,qBAA2C;AACzD,SAAO,WAAW,eAAe;AACnC;","names":[]}

package/dist/components/navigation/ProjectSelectorPopover.mjs

@@ -0,0 +1,128 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import {
+  Button,
+  Command,
+  CommandEmpty,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "../../index";
+import { CheckIcon, ChevronDown, FolderOpen, Plus, Settings } from "lucide-react";
+function ProjectItemSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "skeleton size-8 rounded-lg shrink-0" }),
+      /* @__PURE__ */ jsx("div", { className: "skeleton h-3.5 w-32 rounded" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "skeleton size-4 rounded-full shrink-0" })
+  ] });
+}
+function ProjectSelectorPopover({
+  open,
+  setOpen,
+  titleRef,
+  projects,
+  selectedProject,
+  onSelectProject,
+  onAddProject,
+  onManageProjects
+}) {
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { className: "cursor-pointer", children: /* @__PURE__ */ jsx(
+      ChevronDown,
+      {
+        size: 20,
+        className: `transition-transform duration-200 ${open ? "rotate-180 text-gray-950" : "text-gray-400"}`
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "absolute right-[-158px] top-2.5 w-[296px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
+        sideOffset: 8,
+        onOpenAutoFocus: (e) => e.preventDefault(),
+        onInteractOutside: (event) => {
+          if (titleRef?.current?.contains(event.target)) {
+            event.preventDefault();
+          }
+        },
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-3 gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold", children: "Projetos" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "secondary",
+                  className: "h-8! paragraph-small-semibold text-gray-950",
+                  onClick: onAddProject,
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { size: 16 }),
+                    "Adicionar"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "p-0 size-8", onClick: onManageProjects, children: /* @__PURE__ */ jsx(Settings, { size: 18 }) }) }),
+                /* @__PURE__ */ jsx(TooltipContent, { children: "Visualizar todos projetos" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Command, { className: "gap-2", children: [
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: "Busque aqui" }),
+            /* @__PURE__ */ jsx(CommandList, { className: "custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]", children: projects.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4", children: [
+              /* @__PURE__ */ jsx(FolderOpen, { size: 28, className: "text-gray-300" }),
+              /* @__PURE__ */ jsxs("span", { className: "paragraph-small-medium text-center text-gray-500", children: [
+                "Nenhum projeto encontrado.",
+                /* @__PURE__ */ jsx("br", {}),
+                "Crie um projeto para come\xE7ar."
+              ] })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(CommandEmpty, { children: "Nenhum resultado encontrado." }),
+              projects.map((project) => {
+                const isSelected = selectedProject?.id === project.id;
+                return /* @__PURE__ */ jsx(
+                  CommandItem,
+                  {
+                    value: project.title,
+                    className: isSelected ? "bg-gray-50" : "",
+                    onSelect: () => onSelectProject(project),
+                    children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full cursor-pointer", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+                        /* @__PURE__ */ jsx(
+                          Image,
+                          {
+                            alt: "Icon Project",
+                            src: project.photo ? `${process.env.NEXT_PUBLIC_STORAGE_URL}/${project.photo}` : "/images/Logomark.png",
+                            width: 32,
+                            height: 32,
+                            className: "rounded-lg"
+                          }
+                        ),
+                        project.title
+                      ] }),
+                      isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 text-gray-950" })
+                    ] })
+                  },
+                  project.id
+                );
+              })
+            ] }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  ProjectSelectorPopover
+};
+//# sourceMappingURL=ProjectSelectorPopover.mjs.map