@greatapps/common 1.1.170 → 1.1.173

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

@@ -1 +0,0 @@
-{"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 { Progress } from \"../ui/feedback/Progress\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { Settings } from \"lucide-react\";\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    } finally {\r\n      setIsLoggingOut(false);\r\n      if (logoutRedirect !== \"/login\") {\r\n        router.push(logoutRedirect);\r\n      }\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] 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            </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                {onEditProfile && (\r\n                  <NavBarItem\r\n                    icon={<Settings size={16} />}\r\n                    label=\"Configurações\"\r\n                    onClick={onEditProfile}\r\n                  />\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":";AAsEI,mBACE,KAiCQ,YAlCV;AApEJ,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,YAAY,sBAAsB;AAClC,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAkB7B,SAAS,eAAe;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb,iBAAiB;AACnB,GAAwB;AACtB,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ;AACjC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,EAAE,SAAS,cAAc,uBAAuB,iBAAiB,IACrE,aAAa;AAEf,QAAM,eAAe,YAAY;AAC/B,QAAI;AACF,sBAAgB,IAAI;AACpB,YAAM,OAAO;AAAA,IACf,UAAE;AACA,sBAAgB,KAAK;AACrB,UAAI,mBAAmB,UAAU;AAC/B,eAAO,KAAK,cAAc;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,yBAAyB,iBAAiB;AACnE,QAAM,sBAAsB,mBAAmB;AAC/C,QAAM,cACJ,mBAAmB,CAAC;AACtB,QAAM,oBACJ,eAAe,QAAQ,eAAe,IACjC,QAAQ,cAAc,QAAQ,eAAgB,MAC/C;AAEN,SACE,iCACE;AAAA,wBAAC,kBAAe,WAAW,cAAc,SAAQ,0BAAyB;AAAA,IAC1E,qBAAC,WACC;AAAA,0BAAC,iBAAiB,SAAjB,EAAyB,WAAU,kBACjC,kBACC;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,MAAM;AAAA;AAAA,QAHD,KAAK;AAAA,MAIZ,GAEJ;AAAA,MAEA,oBAAC,iBAAiB,QAAjB,EACC;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UAEZ;AAAA,iCAAC,SAAI,WAAU,2DACZ;AAAA,sBACC;AAAA,gBAAC;AAAA;AAAA,kBAEC,OAAO,KAAK;AAAA,kBACZ,MAAM,KAAK;AAAA,kBACX,MAAM;AAAA;AAAA,gBAHD,KAAK;AAAA,cAIZ;AAAA,cAGF,qBAAC,SAAI,WAAU,iCACb;AAAA,oCAAC,UAAK,WAAU,mDACb,gBAAM,QAAQ,IACjB;AAAA,gBACA,oBAAC,UAAK,WAAU,kDACb,gBAAM,SAAS,IAClB;AAAA,iBACF;AAAA,eACF;AAAA,YAEA,qBAAC,SAAI,WAAU,kEACZ;AAAA,qCACC,qBAAC,SAAI,WAAU,yDACb;AAAA,qCAAC,SAAI,WAAU,2CACb;AAAA,sCAAC,UAAK,WAAU,iDAAgD,gCAEhE;AAAA,kBACA,oBAAC,SAAI,WAAU,+BAA8B;AAAA,mBAC/C;AAAA,gBACA,oBAAC,SAAI,WAAU,sCAAqC;AAAA,iBACtD;AAAA,cAGD,eACC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,kBAAkB;AAAA,kBACpB;AAAA,kBACA,SAAS;AAAA,kBAET;AAAA,yCAAC,SAAI,WAAU,2CACb;AAAA,0CAAC,UAAK,WAAU,iDAAgD,gCAEhE;AAAA,sBACA,qBAAC,UAAK,WAAU,yCACb;AAAA,gCAAQ,YAAY,eAAe,OAAO;AAAA,wBAAE;AAAA,wBAC5C,QAAQ,aAAa,eAAe,OAAO;AAAA,yBAC9C;AAAA,uBACF;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV,gBAAe;AAAA,wBACf,OAAO;AAAA;AAAA,oBACT;AAAA;AAAA;AAAA,cACF;AAAA,cAGF,qBAAC,SAAI,WAAU,uBACZ;AAAA,0BAAU,SAAS,KAClB,oBAAC,SAAI,WAAU,iBACZ,oBAAU,IAAI,CAAC,MAAM,UACpB;AAAA,kBAAC;AAAA;AAAA,oBAEC,MAAM,KAAK;AAAA,oBACX,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA;AAAA,kBAHT;AAAA,gBAIP,CACD,GACH;AAAA,gBAED,iBACC;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,oBAAC,YAAS,MAAM,IAAI;AAAA,oBAC1B,OAAM;AAAA,oBACN,SAAS;AAAA;AAAA,gBACX;AAAA,gBAEF,oBAAC,aAAU;AAAA,gBACX,oBAAC,cAAW,OAAM,QAAO,SAAS,cAAc;AAAA,iBAClD;AAAA,eACF;AAAA;AAAA;AAAA,MACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/layouts/SideBarNavigation.mjs

@@ -1,22 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,230 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { Plus, Settings, User, Users } from "lucide-react";
-import { UserAvatar } from "../ui/data-display/UserAvatar";
-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";
-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" })
-  ] });
-}
-const GAPPS_URL = process.env.NEXT_PUBLIC_GREAT_APPS ?? "";
-function UsersSelectorPopover({
-  projectId,
-  side,
-  align,
-  contentClassName
-}) {
-  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,
-      photo: u.photo ?? null,
-      checked: true,
-      removable: u.profile !== "owner" && u.profile !== "admin"
-    })),
-    ...notInProject.map((u) => ({
-      id: u.id,
-      name: u.name,
-      photo: u.photo ?? null,
-      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: () => window.open(`${GAPPS_URL}/my-teams?createNew=true`, "_blank"),
-                  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: () => window.open(`${GAPPS_URL}/my-teams`, "_blank"),
-                    children: /* @__PURE__ */ jsx(Settings, { size: 18 })
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { className: "z-[1002]", 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(
-                            UserAvatar,
-                            {
-                              photo: user.photo,
-                              name: user.name ?? void 0,
-                              size: 32
-                            }
-                          ),
-                          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, { className: "z-[1002]", 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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["'use client';\r\n\r\n\"use client\"\r\n\r\nimport { useEffect, useState } from 'react';\r\nimport { Plus, Settings, User, Users } from 'lucide-react';\r\nimport { UserAvatar } from '../ui/data-display/UserAvatar';\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\n\r\nexport interface UsersSelectorPopoverProps {\r\n  projectId?: number;\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\nconst GAPPS_URL = process.env.NEXT_PUBLIC_GREAT_APPS ?? '';\r\n\r\nexport function UsersSelectorPopover({\r\n  projectId,\r\n  side,\r\n  align,\r\n  contentClassName,\r\n}: UsersSelectorPopoverProps) {\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      photo: u.photo ?? null,\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      photo: u.photo ?? null,\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={() => window.open(`${GAPPS_URL}/my-teams?createNew=true`, '_blank')}\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={() => window.open(`${GAPPS_URL}/my-teams`, '_blank')}\r\n                  >\r\n                    <Settings size={18} />\r\n                  </Button>\r\n                </TooltipTrigger>\r\n                <TooltipContent className=\"z-[1002]\">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                          <UserAvatar\r\n                            photo={user.photo}\r\n                            name={user.name ?? undefined}\r\n                            size={32}\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 className=\"z-[1002]\">\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

@@ -1,19 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,30 +0,0 @@
-"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, onCancelledReactivate }) {
-  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

@@ -1 +0,0 @@
-{"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  onCancelledReactivate?: () => void;\r\n}\r\n\r\nfunction AppNavigationRoot({ children, mobileVariant = 'sheet', mobileTabsOffset, onCancelledReactivate }: 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":";AA8BI,SACE,KADF;AA5BJ,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;AAehC,SAAS,kBAAkB,EAAE,UAAU,gBAAgB,SAAS,kBAAkB,sBAAsB,GAAuB;AAC7H,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

@@ -1,13 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/CancelledSubscriptionBanner.mjs

@@ -1,59 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
-import { IconAlertOctagon, IconX } from "@tabler/icons-react";
-import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
-function daysBetween(a, b) {
-  const msPerDay = 24 * 60 * 60 * 1e3;
-  const da = new Date(a.getFullYear(), a.getMonth(), a.getDate());
-  const db = new Date(b.getFullYear(), b.getMonth(), b.getDate());
-  return Math.round((db.getTime() - da.getTime()) / msPerDay);
-}
-function CancelledSubscriptionBanner({ onReactivate }) {
-  const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();
-  const [visible, setVisible] = useState(true);
-  const [animated, setAnimated] = useState(false);
-  useEffect(() => {
-    const timer = setTimeout(() => setAnimated(true), 50);
-    return () => clearTimeout(timer);
-  }, []);
-  const dismiss = useCallback(() => setVisible(false), []);
-  const cancellationDate = subscription?.date_cancellation;
-  if (!cancellationDate || !visible) return null;
-  const today = /* @__PURE__ */ new Date();
-  const daysSinceCancellation = daysBetween(new Date(cancellationDate), today);
-  if (daysSinceCancellation < 0 || daysSinceCancellation > 5) return null;
-  const daysRemaining = Math.max(0, 5 - daysSinceCancellation);
-  return /* @__PURE__ */ jsx("div", { className: "fixed top-[80px] md:top-0 lg:left-[273px] left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0", children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `flex flex-col sm:flex-row items-start sm:items-center justify-between bg-red-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? "translate-y-0 md:translate-y-9" : "-translate-y-full"}`,
-      children: [
-        daysRemaining > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 w-full sm:w-auto", children: [
-          /* @__PURE__ */ jsx(IconAlertOctagon, { size: 16, className: "text-white shrink-0" }),
-          /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-semibold text-white", children: [
-            "Assinatura cancelada! Em ",
-            daysRemaining,
-            " dias suas p\xE1ginas ser\xE3o tiradas do ar!"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center justify-center p-1.5 cursor-pointer",
-              onClick: onReactivate,
-              children: /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-white underline", children: "Reativar assinatura" })
-            }
-          ),
-          /* @__PURE__ */ jsx("button", { type: "button", className: "cursor-pointer shrink-0", onClick: dismiss, children: /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-red-200" }) })
-        ] })
-      ]
-    }
-  ) });
-}
-export {
-  CancelledSubscriptionBanner
-};
-//# sourceMappingURL=CancelledSubscriptionBanner.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/navigation/CancelledSubscriptionBanner.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { IconAlertOctagon, IconX } from '@tabler/icons-react';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nfunction daysBetween(a: Date, b: Date): number {\n  const msPerDay = 24 * 60 * 60 * 1000;\n  const da = new Date(a.getFullYear(), a.getMonth(), a.getDate());\n  const db = new Date(b.getFullYear(), b.getMonth(), b.getDate());\n  return Math.round((db.getTime() - da.getTime()) / msPerDay);\n}\n\ninterface CancelledSubscriptionBannerProps {\n  onReactivate?: () => void;\n}\n\nexport function CancelledSubscriptionBanner({ onReactivate }: CancelledSubscriptionBannerProps) {\n  const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();\n  const [visible, setVisible] = useState(true);\n  const [animated, setAnimated] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setAnimated(true), 50);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const dismiss = useCallback(() => setVisible(false), []);\n\n  const cancellationDate = subscription?.date_cancellation;\n  if (!cancellationDate || !visible) return null;\n\n  const today = new Date();\n  const daysSinceCancellation = daysBetween(new Date(cancellationDate), today);\n  if (daysSinceCancellation < 0 || daysSinceCancellation > 5) return null;\n\n  const daysRemaining = Math.max(0, 5 - daysSinceCancellation);\n\n  return (\n    <div className=\"fixed top-[80px] md:top-0 lg:left-[273px] left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\n      <div\n        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-red-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\n      >\n        {daysRemaining > 0 && (\n          <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\n            <IconAlertOctagon size={16} className=\"text-white shrink-0\" />\n            <span className=\"paragraph-xsmall-semibold text-white\">\n              Assinatura cancelada! Em {daysRemaining} dias suas páginas serão tiradas do ar!\n            </span>\n          </div>\n        )}\n        <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\n          <button\n            type=\"button\"\n            className=\"flex items-center justify-center p-1.5 cursor-pointer\"\n            onClick={onReactivate}\n          >\n            <span className=\"paragraph-xsmall-semibold text-white underline\">\n              Reativar assinatura\n            </span>\n          </button>\n          <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\n            <IconX size={18} className=\"text-red-200\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA6CY,cACA,YADA;AA3CZ,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,kBAAkB,aAAa;AACxC,SAAS,6BAA6B;AAEtC,SAAS,YAAY,GAAS,GAAiB;AAC7C,QAAM,WAAW,KAAK,KAAK,KAAK;AAChC,QAAM,KAAK,IAAI,KAAK,EAAE,YAAY,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC;AAC9D,QAAM,KAAK,IAAI,KAAK,EAAE,YAAY,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC;AAC9D,SAAO,KAAK,OAAO,GAAG,QAAQ,IAAI,GAAG,QAAQ,KAAK,QAAQ;AAC5D;AAMO,SAAS,4BAA4B,EAAE,aAAa,GAAqC;AAC9F,QAAM,EAAE,MAAM,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,sBAAsB;AAC3E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,QAAM,mBAAmB,cAAc;AACvC,MAAI,CAAC,oBAAoB,CAAC,QAAS,QAAO;AAE1C,QAAM,QAAQ,oBAAI,KAAK;AACvB,QAAM,wBAAwB,YAAY,IAAI,KAAK,gBAAgB,GAAG,KAAK;AAC3E,MAAI,wBAAwB,KAAK,wBAAwB,EAAG,QAAO;AAEnE,QAAM,gBAAgB,KAAK,IAAI,GAAG,IAAI,qBAAqB;AAE3D,SACE,oBAAC,SAAI,WAAU,wHACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8NAA8N,WAAW,mCAAmC,mBAAmB;AAAA,MAEzS;AAAA,wBAAgB,KACf,qBAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,oBAAiB,MAAM,IAAI,WAAU,uBAAsB;AAAA,UAC5D,qBAAC,UAAK,WAAU,wCAAuC;AAAA;AAAA,YAC3B;AAAA,YAAc;AAAA,aAC1C;AAAA,WACF;AAAA,QAEF,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,kDAAiD,iCAEjE;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,gBAAe,GAC5C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/navigation/NavItem.mjs

@@ -1,35 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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":[]}