@greatapps/common 1.1.90 → 1.1.92

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Types\nexport * from \"./modules/auth/schema\";\nexport * from \"./modules/users/schema\";\nexport * from \"./modules/whitelabel/schema\";\nexport * from \"./infra/api/types\";\n\n// Contexts\nexport * from \"./providers/query.provider\";\nexport * from \"./providers/auth.provider\";\nexport * from \"./providers/whitelabel.provider\";\n\n// Hooks\nexport {\n  useListProjectUsers,\n  LIST_PROJECT_USERS_QUERY_KEY,\n  LIST_PROJECT_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-project-users.hook\";\nexport {\n  useListAvailableUsers,\n  LIST_AVAILABLE_USERS_QUERY_KEY,\n  LIST_AVAILABLE_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-available-users.hook\";\nexport type {\n  ProjectUser,\n  AccountUser,\n  AddRemoveProjectUsersParams,\n  ListUsersParams,\n  UsersPage,\n} from \"./modules/projects/types\";\nexport {\n  useUserQuery,\n  useUserValidateSession,\n  useInvalidateUser,\n  useSetUserData,\n  useTwoFactorVerify,\n  USER_QUERY_KEY,\n} from \"./modules/auth/hooks/useUserQuery\";\nexport {\n  useSubscriptions,\n  SUBSCRIPTIONS_QUERY_KEY,\n} from \"./modules/subscriptions/hooks/list-subscriptions.hook\";\nexport { useActiveSubscription } from \"./modules/subscriptions/hooks/find-active-subscription.hook\";\nexport { useIaCredits } from \"./modules/ia-credits/hooks/ia-credits.hook\";\nexport type {\n  IaCreditsSummary,\n  IaCreditOperation,\n} from \"./modules/ia-credits/types\";\nexport type {\n  Subscription,\n  SubscriptionItem,\n  FindSubscriptionsParams,\n} from \"./modules/subscriptions/types\";\nexport {\n  SubscriptionSchema,\n  SubscriptionItemSchema,\n} from \"./modules/subscriptions/types\";\nexport { ADDON_IDS } from \"./modules/subscriptions/constants/addons.constants\";\nexport type { AddonKindEnum } from \"./modules/subscriptions/constants/addons.constants\";\n\n// Providers\nexport { QueryProvider } from \"./providers/query.provider\";\n\n// Middleware\nexport { createAuthMiddleware } from \"./middlewares/create-auth-middleware\";\nexport { createMiddlewareChain } from \"./middlewares/chain\";\nexport { continueChain, stopChain } from \"./middlewares/types\";\nexport type {\n  MiddlewareFunction,\n  MiddlewareConfig,\n  MiddlewareResult,\n} from \"./middlewares/types\";\n\n// Utils\nexport { cn } from \"./infra/utils/clsx\";\nexport { buildQueryParams } from \"./infra/utils/params\";\nexport { parseSchema, parseResult } from \"./infra/utils/parser\";\n\n// Layout\nexport {\n  MainLayout,\n  MainLayoutContent,\n  MainLayoutSpacer,\n  MainLayoutMain,\n} from \"./components/layouts/MainLayout\";\nexport { NavBar } from \"./components/layouts/NavBar\";\nexport type { NavBarProps } from \"./components/layouts/NavBar\";\nexport { AppNavBar } from \"./components/layouts/AppNavBar\";\nexport type { AppNavBarProps } from \"./components/layouts/AppNavBar\";\nexport { AppMobileNavBar } from \"./components/layouts/AppMobileNavBar\";\nexport type { AppMobileNavBarProps } from \"./components/layouts/AppMobileNavBar\";\nexport { SideBarNavigation } from \"./components/layouts/SideBarNavigation\";\nexport { MdSideBarNavigation } from \"./components/layouts/MdSideBarNavigation\";\nexport { default as NotificationCard } from \"./components/widgets/notifications/NotificationCard\";\nexport type { NotificationCardProps } from \"./components/widgets/notifications/NotificationCard\";\nexport { NotificationsPopover } from \"./components/layouts/NotificationsPopover\";\nexport type { NotificationsPopoverProps } from \"./components/layouts/NotificationsPopover\";\nexport { NotificationPageContent } from \"./components/pages/notifications/Notifications\";\nexport { UsersSelectorPopover } from \"./components/layouts/UsersSelectorPopover\";\nexport type { UsersSelectorPopoverProps } from \"./components/layouts/UsersSelectorPopover\";\nexport { ProfilePopover } from \"./components/layouts/ProfilePopover\";\nexport type {\n  ProfilePopoverProps,\n  ProfileMenuItem,\n} from \"./components/layouts/ProfilePopover\";\nexport { NavBarItem } from \"./components/layouts/NavBarItem\";\nexport type { NavBarItemProps } from \"./components/layouts/NavBarItem\";\n\n// UI - Buttons\nexport { Button, buttonVariants } from \"./components/ui/buttons/Button\";\nexport { CopyButton } from \"./components/ui/buttons/CopyButton\";\nexport { default as CancelButton } from \"./components/ui/buttons/CancelButton\";\n\n// UI - Data Display\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"./components/ui/data-display/Accordion\";\nexport { Badge, badgeVariants } from \"./components/ui/data-display/Badge\";\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n} from \"./components/ui/data-display/Card\";\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"./components/ui/data-display/Pagination\";\nexport { ScrollArea, ScrollBar } from \"./components/ui/data-display/ScrollArea\";\nexport { Separator } from \"./components/ui/data-display/Separator\";\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n} from \"./components/ui/data-display/Table\";\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"./components/ui/data-display/Tabs\";\nexport { UserAvatar } from \"./components/ui/data-display/UserAvatar\";\nexport type { UserAvatarProps } from \"./components/ui/data-display/UserAvatar\";\n\n// UI - Feedback\nexport { default as CircularProgress } from \"./components/ui/feedback/CircularProgress\";\nexport { default as DefaultCircularProgress } from \"./components/ui/feedback/DefaultCircularProgress\";\nexport { Progress } from \"./components/ui/feedback/Progress\";\nexport { LoadingOverlay } from \"./components/ui/feedback/LoadingOverlay\";\nexport {\n  Toast,\n  toastVariants,\n  toastIconContainerVariants,\n} from \"./components/ui/feedback/Toast\";\nexport type { ToastProps } from \"./components/ui/feedback/Toast\";\n\n// UI - Form\nexport { Calendar, CalendarDayButton } from \"./components/ui/form/Calendar\";\nexport { Checkbox } from \"./components/ui/form/Checkbox\";\nexport { DatePicker } from \"./components/ui/form/DatePicker\";\nexport { DateRangePicker } from \"./components/ui/form/DateRangePicker\";\nexport { Input } from \"./components/ui/form/Input\";\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n} from \"./components/ui/form/InputOtp\";\nexport { RadioGroup, RadioGroupItem } from \"./components/ui/form/RadioGroup\";\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from \"./components/ui/form/Select\";\nexport { Switch } from \"./components/ui/form/Switch\";\nexport { Textarea } from \"./components/ui/form/Textarea\";\n\n// UI - Overlay\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n} from \"./components/ui/overlay/Command\";\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n} from \"./components/ui/overlay/Dialog\";\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n} from \"./components/ui/overlay/Popover\";\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n} from \"./components/ui/overlay/Sheet\";\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"./components/ui/overlay/Tooltip\";\n\n// Store\nexport { useMdSidebarStore } from \"./store/useMdSidebarStore\";\nexport { useModalManager } from \"./store/useModalManager\";\nexport type { ModalData } from \"./store/useModalManager\";\n\n// Enums\nexport { AccountSectionType } from \"./enums/AccountSectionType\";\n\n// Hooks\nexport { default as usePasswordVisibility } from \"./hooks/usePasswordVisibility\";\nexport { default as useCountdownTimer } from \"./hooks/useCountdownTimer\";\nexport { default as useIsMobile } from \"./hooks/useIsMobile\";\nexport { useDebounce } from \"./hooks/useDebounce\";\nexport { useDebouncedEffect } from \"./hooks/useDebouncedEffect\";\nexport { useDebounceState } from \"./hooks/useDebounceState\";\n\n// Utils\nexport {\n  formatPhone,\n  formatTimer,\n  formatFullName,\n  formatCPF,\n  formatCardNumber,\n} from \"./utils/format/masks\";\nexport { timezoneService } from \"./modules/accounts/services/timezone.service\";\nexport type { TimezoneOption } from \"./modules/accounts/services/timezone.service\";\nexport {\n  buildLocaleOptions,\n  LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS,\n} from \"./utils/intl/locales\";\nexport type { LocaleOption } from \"./utils/intl/locales\";\nexport { copyToClipboard, readFromClipboard } from \"./utils/browser/clipboard\";\n\n// UI - Form (new widgets)\nexport { FormField } from \"./components/ui/form/FormField\";\nexport { SelectField } from \"./components/ui/form/SelectField\";\nexport { ComboboxField } from \"./components/ui/form/ComboboxField\";\nexport type { ComboboxOption } from \"./components/ui/form/ComboboxField\";\nexport { default as PhoneInput } from \"./components/ui/form/PhoneInput\";\nexport { default as SwitchOptionFieldWithIcon } from \"./components/ui/form/SwitchOptionFieldWithIcon\";\nexport { TextAreaField } from \"./components/ui/form/TextAreaField\";\n\n// Account Module - Hooks\nexport {\n  useUpdateAccount,\n  useUpdateAccountUser,\n  useUpdateAccountUserById,\n  useDeleteAccountUser,\n  useDeleteAccount,\n} from \"./modules/accounts/hooks/useAccountManagement\";\n\n// Account Types\nexport type {\n  UpdateAccountRequest,\n  UpdateAccountUserRequest,\n  ChangePasswordRequest,\n  DeleteAccountActionResult,\n  DeleteUserActionResult,\n  UpdateAccountActionResult,\n  UpdateUserActionResult,\n  TwoFactorGenerateResult,\n  TwoFactorActionResult,\n  ContactResetResult,\n} from \"./modules/accounts/types\";\n\nexport { default as AccountModals } from \"./components/account/AccountModals\";\nexport { useAccountModals } from \"./store/useAccountModals\";\nexport type { AccountModalsConfig } from \"./store/useAccountModals\";\n\nexport { ModalManager } from \"./components/modals/ModalManager\";\nexport { Modals } from \"./components/modals/Modals\";\n\nexport { default as TwoFactorAuthModal } from \"./components/account/TwoFactorAuthModal\";\nexport { default as DisableTwoFactorAuthModal } from \"./components/account/DisableTwoFactorAuthModal\";\nexport { default as ConfirmGlobalPreferencesModal } from \"./components/account/ConfirmGlobalPreferencesModal\";\nexport { MyProfileSection } from \"./components/account/sections/MyProfileSection\";\nexport { PreferencesSection } from \"./components/account/sections/PreferencesSection\";\nexport { SecuritySection } from \"./components/account/sections/SecuritySection\";\nexport { ChangePasswordSection } from \"./components/account/sections/ChangePasswordSection\";\nexport { ChangeEmailModal } from \"./components/account/sections/ChangeEmailModal\";\nexport { ChangePhoneModal } from \"./components/account/sections/ChangePhoneModal\";\n\n// Account Constants\nexport {\n  GENDER_OPTIONS,\n  CURRENCY_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n  NOTIFICATION_TYPES,\n  LANGUAGE_OPTIONS,\n} from \"./components/account/constants\";\n"],"mappings":"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","names":["default","LANGUAGE_OPTIONS"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Types\nexport * from \"./modules/auth/schema\";\nexport * from \"./modules/users/schema\";\nexport * from \"./modules/whitelabel/schema\";\nexport * from \"./infra/api/types\";\n\n// Contexts\nexport * from \"./providers/query.provider\";\nexport * from \"./providers/auth.provider\";\nexport * from \"./providers/whitelabel.provider\";\n\n// Hooks\nexport {\n  useListProjectUsers,\n  LIST_PROJECT_USERS_QUERY_KEY,\n  LIST_PROJECT_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-project-users.hook\";\nexport {\n  useListAvailableUsers,\n  LIST_AVAILABLE_USERS_QUERY_KEY,\n  LIST_AVAILABLE_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-available-users.hook\";\nexport type {\n  ProjectUser,\n  AccountUser,\n  AddRemoveProjectUsersParams,\n  ListUsersParams,\n  UsersPage,\n} from \"./modules/projects/types\";\nexport {\n  useUserQuery,\n  useUserValidateSession,\n  useInvalidateUser,\n  useSetUserData,\n  useTwoFactorVerify,\n  USER_QUERY_KEY,\n} from \"./modules/auth/hooks/useUserQuery\";\nexport {\n  useSubscriptions,\n  SUBSCRIPTIONS_QUERY_KEY,\n} from \"./modules/subscriptions/hooks/list-subscriptions.hook\";\nexport { useActiveSubscription } from \"./modules/subscriptions/hooks/find-active-subscription.hook\";\nexport { useIaCredits } from \"./modules/ia-credits/hooks/ia-credits.hook\";\nexport type {\n  IaCreditsSummary,\n  IaCreditOperation,\n} from \"./modules/ia-credits/types\";\nexport type {\n  Subscription,\n  SubscriptionItem,\n  FindSubscriptionsParams,\n} from \"./modules/subscriptions/types\";\nexport {\n  SubscriptionSchema,\n  SubscriptionItemSchema,\n} from \"./modules/subscriptions/types\";\nexport { ADDON_IDS } from \"./modules/subscriptions/constants/addons.constants\";\nexport type { AddonKindEnum } from \"./modules/subscriptions/constants/addons.constants\";\n\n// Providers\nexport { QueryProvider } from \"./providers/query.provider\";\n\n// Middleware\nexport { createAuthMiddleware } from \"./middlewares/create-auth-middleware\";\nexport { createMiddlewareChain } from \"./middlewares/chain\";\nexport { continueChain, stopChain } from \"./middlewares/types\";\nexport type {\n  MiddlewareFunction,\n  MiddlewareConfig,\n  MiddlewareResult,\n} from \"./middlewares/types\";\n\n// Utils\nexport { cn } from \"./infra/utils/clsx\";\nexport { buildQueryParams } from \"./infra/utils/params\";\nexport { parseSchema, parseResult } from \"./infra/utils/parser\";\n\n// Layout\nexport {\n  MainLayout,\n  MainLayoutContent,\n  MainLayoutSpacer,\n  MainLayoutMain,\n} from \"./components/layouts/MainLayout\";\nexport { NavBar } from \"./components/layouts/NavBar\";\nexport type { NavBarProps } from \"./components/layouts/NavBar\";\nexport { AppNavBar } from \"./components/layouts/AppNavBar\";\nexport type { AppNavBarProps } from \"./components/layouts/AppNavBar\";\nexport { AppMobileNavBar } from \"./components/layouts/AppMobileNavBar\";\nexport type { AppMobileNavBarProps } from \"./components/layouts/AppMobileNavBar\";\nexport { SideBarNavigation } from \"./components/layouts/SideBarNavigation\";\nexport { MdSideBarNavigation } from \"./components/layouts/MdSideBarNavigation\";\nexport { default as NotificationCard } from \"./components/widgets/notifications/NotificationCard\";\nexport type { NotificationCardProps } from \"./components/widgets/notifications/NotificationCard\";\nexport { NotificationsPopover } from \"./components/layouts/NotificationsPopover\";\nexport type { NotificationsPopoverProps } from \"./components/layouts/NotificationsPopover\";\nexport { NotificationPageContent } from \"./components/pages/notifications/Notifications\";\nexport { UsersSelectorPopover } from \"./components/layouts/UsersSelectorPopover\";\nexport type { UsersSelectorPopoverProps } from \"./components/layouts/UsersSelectorPopover\";\nexport { ProfilePopover } from \"./components/layouts/ProfilePopover\";\nexport type {\n  ProfilePopoverProps,\n  ProfileMenuItem,\n} from \"./components/layouts/ProfilePopover\";\nexport { NavBarItem } from \"./components/layouts/NavBarItem\";\nexport type { NavBarItemProps } from \"./components/layouts/NavBarItem\";\n\n// Navigation\nexport { AppNavigation } from './components/navigation/AppNavigation';\nexport type { NavItemConfig } from './components/navigation/subcomponents/NavItems';\nexport type { NavigationProject } from './components/navigation/types';\nexport { useMobileNavbarSheet } from './store/useMobileNavbarSheet';\n\n// UI - Buttons\nexport { Button, buttonVariants } from \"./components/ui/buttons/Button\";\nexport { CopyButton } from \"./components/ui/buttons/CopyButton\";\nexport { default as CancelButton } from \"./components/ui/buttons/CancelButton\";\n\n// UI - Data Display\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"./components/ui/data-display/Accordion\";\nexport { Badge, badgeVariants } from \"./components/ui/data-display/Badge\";\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n} from \"./components/ui/data-display/Card\";\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"./components/ui/data-display/Pagination\";\nexport { ScrollArea, ScrollBar } from \"./components/ui/data-display/ScrollArea\";\nexport { Separator } from \"./components/ui/data-display/Separator\";\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n} from \"./components/ui/data-display/Table\";\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"./components/ui/data-display/Tabs\";\nexport { UserAvatar } from \"./components/ui/data-display/UserAvatar\";\nexport type { UserAvatarProps } from \"./components/ui/data-display/UserAvatar\";\n\n// UI - Feedback\nexport { default as CircularProgress } from \"./components/ui/feedback/CircularProgress\";\nexport { default as DefaultCircularProgress } from \"./components/ui/feedback/DefaultCircularProgress\";\nexport { Progress } from \"./components/ui/feedback/Progress\";\nexport { LoadingOverlay } from \"./components/ui/feedback/LoadingOverlay\";\nexport {\n  Toast,\n  toastVariants,\n  toastIconContainerVariants,\n} from \"./components/ui/feedback/Toast\";\nexport type { ToastProps } from \"./components/ui/feedback/Toast\";\n\n// UI - Form\nexport { Calendar, CalendarDayButton } from \"./components/ui/form/Calendar\";\nexport { Checkbox } from \"./components/ui/form/Checkbox\";\nexport { DatePicker } from \"./components/ui/form/DatePicker\";\nexport { DateRangePicker } from \"./components/ui/form/DateRangePicker\";\nexport { Input } from \"./components/ui/form/Input\";\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n} from \"./components/ui/form/InputOtp\";\nexport { RadioGroup, RadioGroupItem } from \"./components/ui/form/RadioGroup\";\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from \"./components/ui/form/Select\";\nexport { Switch } from \"./components/ui/form/Switch\";\nexport { Textarea } from \"./components/ui/form/Textarea\";\n\n// UI - Overlay\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n} from \"./components/ui/overlay/Command\";\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n} from \"./components/ui/overlay/Dialog\";\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n} from \"./components/ui/overlay/Popover\";\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n} from \"./components/ui/overlay/Sheet\";\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"./components/ui/overlay/Tooltip\";\n\n// Store\nexport { useMdSidebarStore } from \"./store/useMdSidebarStore\";\nexport { useModalManager } from \"./store/useModalManager\";\nexport type { ModalData } from \"./store/useModalManager\";\n\n// Enums\nexport { AccountSectionType } from \"./enums/AccountSectionType\";\n\n// Hooks\nexport { default as usePasswordVisibility } from \"./hooks/usePasswordVisibility\";\nexport { default as useCountdownTimer } from \"./hooks/useCountdownTimer\";\nexport { default as useIsMobile } from \"./hooks/useIsMobile\";\nexport { useDebounce } from \"./hooks/useDebounce\";\nexport { useDebouncedEffect } from \"./hooks/useDebouncedEffect\";\nexport { useDebounceState } from \"./hooks/useDebounceState\";\n\n// Utils\nexport {\n  formatPhone,\n  formatTimer,\n  formatFullName,\n  formatCPF,\n  formatCardNumber,\n} from \"./utils/format/masks\";\nexport { timezoneService } from \"./modules/accounts/services/timezone.service\";\nexport type { TimezoneOption } from \"./modules/accounts/services/timezone.service\";\nexport {\n  buildLocaleOptions,\n  LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS,\n} from \"./utils/intl/locales\";\nexport type { LocaleOption } from \"./utils/intl/locales\";\nexport { copyToClipboard, readFromClipboard } from \"./utils/browser/clipboard\";\n\n// UI - Form (new widgets)\nexport { FormField } from \"./components/ui/form/FormField\";\nexport { SelectField } from \"./components/ui/form/SelectField\";\nexport { ComboboxField } from \"./components/ui/form/ComboboxField\";\nexport type { ComboboxOption } from \"./components/ui/form/ComboboxField\";\nexport { default as PhoneInput } from \"./components/ui/form/PhoneInput\";\nexport { default as SwitchOptionFieldWithIcon } from \"./components/ui/form/SwitchOptionFieldWithIcon\";\nexport { TextAreaField } from \"./components/ui/form/TextAreaField\";\n\n// Account Module - Hooks\nexport {\n  useUpdateAccount,\n  useUpdateAccountUser,\n  useUpdateAccountUserById,\n  useDeleteAccountUser,\n  useDeleteAccount,\n} from \"./modules/accounts/hooks/useAccountManagement\";\n\n// Account Types\nexport type {\n  UpdateAccountRequest,\n  UpdateAccountUserRequest,\n  ChangePasswordRequest,\n  DeleteAccountActionResult,\n  DeleteUserActionResult,\n  UpdateAccountActionResult,\n  UpdateUserActionResult,\n  TwoFactorGenerateResult,\n  TwoFactorActionResult,\n  ContactResetResult,\n} from \"./modules/accounts/types\";\n\nexport { default as AccountModals } from \"./components/account/AccountModals\";\nexport { useAccountModals } from \"./store/useAccountModals\";\nexport type { AccountModalsConfig } from \"./store/useAccountModals\";\n\nexport { ModalManager } from \"./components/modals/ModalManager\";\nexport { Modals } from \"./components/modals/Modals\";\n\nexport { default as TwoFactorAuthModal } from \"./components/account/TwoFactorAuthModal\";\nexport { default as DisableTwoFactorAuthModal } from \"./components/account/DisableTwoFactorAuthModal\";\nexport { default as ConfirmGlobalPreferencesModal } from \"./components/account/ConfirmGlobalPreferencesModal\";\nexport { MyProfileSection } from \"./components/account/sections/MyProfileSection\";\nexport { PreferencesSection } from \"./components/account/sections/PreferencesSection\";\nexport { SecuritySection } from \"./components/account/sections/SecuritySection\";\nexport { ChangePasswordSection } from \"./components/account/sections/ChangePasswordSection\";\nexport { ChangeEmailModal } from \"./components/account/sections/ChangeEmailModal\";\nexport { ChangePhoneModal } from \"./components/account/sections/ChangePhoneModal\";\n\n// Account Constants\nexport {\n  GENDER_OPTIONS,\n  CURRENCY_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n  NOTIFICATION_TYPES,\n  LANGUAGE_OPTIONS,\n} from \"./components/account/constants\";\n"],"mappings":"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","names":["default","LANGUAGE_OPTIONS"]}

package/dist/infra/api/client.mjs

@@ -17,14 +17,16 @@ class ApiClient {
     });
     return url;
   }
-  async getDefaultHeaders(token) {
+  async getDefaultHeaders(token, isFormData = false) {
     console.log("[ApiClient] getDefaultHeaders", {
       token: token.substring(0, 20) + "..."
     });
     const headers = {
-      "Content-Type": "application/json",
       authorization: token
     };
+    if (!isFormData) {
+      headers["Content-Type"] = "application/json";
+    }
     return headers;
   }
   async request(endpoint, config = {}) {
@@ -37,7 +39,7 @@ class ApiClient {
       const { id, token } = await findWhitelabel();
       const [url, defaultHeaders] = await Promise.all([
         this.buildUrl(endpoint, id),
-        this.getDefaultHeaders(token)
+        this.getDefaultHeaders(token, fetchConfig.body instanceof FormData)
       ]);
       console.log("[ApiClient] Fetching", {
         url,
@@ -88,21 +90,21 @@ class ApiClient {
     return this.request(endpoint, {
       ...config,
       method: "POST",
-      body: data ? JSON.stringify(data) : void 0
+      body: data instanceof FormData ? data : data ? JSON.stringify(data) : void 0
     });
   }
   async put(endpoint, data, config) {
     return this.request(endpoint, {
       ...config,
       method: "PUT",
-      body: data ? JSON.stringify(data) : void 0
+      body: data instanceof FormData ? data : data ? JSON.stringify(data) : void 0
     });
   }
   async patch(endpoint, data, config) {
     return this.request(endpoint, {
       ...config,
       method: "PATCH",
-      body: data ? JSON.stringify(data) : void 0
+      body: data instanceof FormData ? data : data ? JSON.stringify(data) : void 0
     });
   }
   async delete(endpoint, config) {

package/dist/infra/api/client.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/infra/api/client.ts"],"sourcesContent":["import { ApiError } from './types';\r\nimport { findWhitelabel } from '../../modules/whitelabel/actions/find-whitelabel.action';\r\n\r\ninterface RequestConfig extends RequestInit {\r\n  timeout?: number;\r\n}\r\n\r\nclass ApiClient {\r\n  private readonly baseUrl: string;\r\n  private readonly apiVersion = 'v1';\r\n  private readonly apiLocale = 'pt-br';\r\n\r\n  constructor(baseUrl: string) {\r\n    this.baseUrl = baseUrl;\r\n  }\r\n\r\n  private async buildUrl(endpoint: string, whiteLabelId: number): Promise<string> {\r\n    const url = `${this.baseUrl}/${this.apiVersion}/${this.apiLocale}/${whiteLabelId}${endpoint}`;\r\n    console.log('[ApiClient] buildUrl', {\r\n      baseURL: this.baseUrl,\r\n      whiteLabelId,\r\n      endpoint,\r\n      fullUrl: url,\r\n    });\r\n    return url;\r\n  }\r\n\r\n  private async getDefaultHeaders(token: string): Promise<HeadersInit> {\r\n    console.log('[ApiClient] getDefaultHeaders', {\r\n      token: token.substring(0, 20) + '...',\r\n    });\r\n\r\n    const headers: HeadersInit = {\r\n      'Content-Type': 'application/json',\r\n      authorization: token,\r\n    };\r\n\r\n    return headers;\r\n  }\r\n\r\n  async request<T>(endpoint: string, config: RequestConfig = {}): Promise<T> {\r\n    console.log('[ApiClient] request called', { endpoint, method: config.method });\r\n\r\n    const { timeout = 30000, ...fetchConfig } = config;\r\n\r\n    const controller = new AbortController();\r\n    const timeoutId = setTimeout(() => controller.abort(), timeout);\r\n\r\n    try {\r\n      console.log('[ApiClient] Building URL and headers...');\r\n\r\n      const { id, token } = await findWhitelabel();\r\n\r\n      const [url, defaultHeaders] = await Promise.all([\r\n        this.buildUrl(endpoint, id),\r\n        this.getDefaultHeaders(token),\r\n      ]);\r\n\r\n      console.log('[ApiClient] Fetching', {\r\n        url,\r\n        method: fetchConfig.method,\r\n        headers: defaultHeaders,\r\n      });\r\n\r\n      const response = await fetch(url, {\r\n        ...fetchConfig,\r\n        headers: {\r\n          ...defaultHeaders,\r\n          ...fetchConfig.headers,\r\n        },\r\n        signal: controller.signal,\r\n      });\r\n\r\n      console.log('[ApiClient] Response received', { status: response.status, ok: response.ok });\r\n\r\n      if (!response.ok) {\r\n        const errorData = (await response.json().catch(() => ({}))) as Record<string, unknown>;\r\n        console.error('[ApiClient] Request failed', { status: response.status, errorData });\r\n        throw new ApiError(\r\n          (errorData.message as string) || `HTTP error ${response.status}`,\r\n          (errorData.code as string) || 'HTTP_ERROR',\r\n          response.status\r\n        );\r\n      }\r\n\r\n      const data = (await response.json()) as T;\r\n      console.log('[ApiClient] Request successful', { hasData: !!data });\r\n      return data;\r\n    } catch (error) {\r\n      console.error('[ApiClient] Request error', { error });\r\n\r\n      if (error instanceof ApiError) {\r\n        throw error;\r\n      }\r\n\r\n      if (error instanceof Error) {\r\n        if (error.name === 'AbortError') {\r\n          throw new ApiError('Tempo de requisição excedido', 'TIMEOUT', 408);\r\n        }\r\n        throw new ApiError(error.message, 'NETWORK_ERROR', 0);\r\n      }\r\n\r\n      throw new ApiError('Erro desconhecido', 'UNKNOWN_ERROR', 500);\r\n    } finally {\r\n      clearTimeout(timeoutId);\r\n    }\r\n  }\r\n\r\n  async get<T>(endpoint: string, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, { ...config, method: 'GET' });\r\n  }\r\n\r\n  async post<T>(endpoint: string, data?: unknown, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, {\r\n      ...config,\r\n      method: 'POST',\r\n      body: data ? JSON.stringify(data) : undefined,\r\n    });\r\n  }\r\n\r\n  async put<T>(endpoint: string, data?: unknown, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, {\r\n      ...config,\r\n      method: 'PUT',\r\n      body: data ? JSON.stringify(data) : undefined,\r\n    });\r\n  }\r\n\r\n  async patch<T>(endpoint: string, data?: unknown, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, {\r\n      ...config,\r\n      method: 'PATCH',\r\n      body: data ? JSON.stringify(data) : undefined,\r\n    });\r\n  }\r\n\r\n  async delete<T>(endpoint: string, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, { ...config, method: 'DELETE' });\r\n  }\r\n}\r\n\r\nconst api = {\r\n  apps: new ApiClient(process.env.GAPPS_R3_API_URL || 'https://r3-api.greatapps.dev.br'),\r\n  pages: new ApiClient(process.env.GPAGES_R3_API_URL || 'https://r3-api.greatpages.dev.br'),\r\n}\r\n\r\n/** @deprecated use api.apps */\r\nexport const apiClient = api.apps;\r\n\r\nexport { api, ApiClient };\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/infra/api/client.ts"],"sourcesContent":["import { ApiError } from './types';\r\nimport { findWhitelabel } from '../../modules/whitelabel/actions/find-whitelabel.action';\r\n\r\ninterface RequestConfig extends RequestInit {\r\n  timeout?: number;\r\n}\r\n\r\nclass ApiClient {\r\n  private readonly baseUrl: string;\r\n  private readonly apiVersion = 'v1';\r\n  private readonly apiLocale = 'pt-br';\r\n\r\n  constructor(baseUrl: string) {\r\n    this.baseUrl = baseUrl;\r\n  }\r\n\r\n  private async buildUrl(endpoint: string, whiteLabelId: number): Promise<string> {\r\n    const url = `${this.baseUrl}/${this.apiVersion}/${this.apiLocale}/${whiteLabelId}${endpoint}`;\r\n    console.log('[ApiClient] buildUrl', {\r\n      baseURL: this.baseUrl,\r\n      whiteLabelId,\r\n      endpoint,\r\n      fullUrl: url,\r\n    });\r\n    return url;\r\n  }\r\n\r\n  private async getDefaultHeaders(token: string, isFormData = false): Promise<HeadersInit> {\r\n    console.log('[ApiClient] getDefaultHeaders', {\r\n      token: token.substring(0, 20) + '...',\r\n    });\r\n\r\n    const headers: HeadersInit = {\r\n      authorization: token,\r\n    };\r\n\r\n    if (!isFormData) {\r\n      headers['Content-Type'] = 'application/json';\r\n    }\r\n\r\n    return headers;\r\n  }\r\n\r\n  async request<T>(endpoint: string, config: RequestConfig = {}): Promise<T> {\r\n    console.log('[ApiClient] request called', { endpoint, method: config.method });\r\n\r\n    const { timeout = 30000, ...fetchConfig } = config;\r\n\r\n    const controller = new AbortController();\r\n    const timeoutId = setTimeout(() => controller.abort(), timeout);\r\n\r\n    try {\r\n      console.log('[ApiClient] Building URL and headers...');\r\n\r\n      const { id, token } = await findWhitelabel();\r\n\r\n      const [url, defaultHeaders] = await Promise.all([\r\n        this.buildUrl(endpoint, id),\r\n        this.getDefaultHeaders(token, fetchConfig.body instanceof FormData),\r\n      ]);\r\n\r\n      console.log('[ApiClient] Fetching', {\r\n        url,\r\n        method: fetchConfig.method,\r\n        headers: defaultHeaders,\r\n      });\r\n\r\n      const response = await fetch(url, {\r\n        ...fetchConfig,\r\n        headers: {\r\n          ...defaultHeaders,\r\n          ...fetchConfig.headers,\r\n        },\r\n        signal: controller.signal,\r\n      });\r\n\r\n      console.log('[ApiClient] Response received', { status: response.status, ok: response.ok });\r\n\r\n      if (!response.ok) {\r\n        const errorData = (await response.json().catch(() => ({}))) as Record<string, unknown>;\r\n        console.error('[ApiClient] Request failed', { status: response.status, errorData });\r\n        throw new ApiError(\r\n          (errorData.message as string) || `HTTP error ${response.status}`,\r\n          (errorData.code as string) || 'HTTP_ERROR',\r\n          response.status\r\n        );\r\n      }\r\n\r\n      const data = (await response.json()) as T;\r\n      console.log('[ApiClient] Request successful', { hasData: !!data });\r\n      return data;\r\n    } catch (error) {\r\n      console.error('[ApiClient] Request error', { error });\r\n\r\n      if (error instanceof ApiError) {\r\n        throw error;\r\n      }\r\n\r\n      if (error instanceof Error) {\r\n        if (error.name === 'AbortError') {\r\n          throw new ApiError('Tempo de requisição excedido', 'TIMEOUT', 408);\r\n        }\r\n        throw new ApiError(error.message, 'NETWORK_ERROR', 0);\r\n      }\r\n\r\n      throw new ApiError('Erro desconhecido', 'UNKNOWN_ERROR', 500);\r\n    } finally {\r\n      clearTimeout(timeoutId);\r\n    }\r\n  }\r\n\r\n  async get<T>(endpoint: string, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, { ...config, method: 'GET' });\r\n  }\r\n\r\n  async post<T>(endpoint: string, data?: unknown, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, {\r\n      ...config,\r\n      method: 'POST',\r\n      body: data instanceof FormData ? data : data ? JSON.stringify(data) : undefined,\r\n    });\r\n  }\r\n\r\n  async put<T>(endpoint: string, data?: unknown, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, {\r\n      ...config,\r\n      method: 'PUT',\r\n      body: data instanceof FormData ? data : data ? JSON.stringify(data) : undefined,\r\n    });\r\n  }\r\n\r\n  async patch<T>(endpoint: string, data?: unknown, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, {\r\n      ...config,\r\n      method: 'PATCH',\r\n      body: data instanceof FormData ? data : data ? JSON.stringify(data) : undefined,\r\n    });\r\n  }\r\n\r\n  async delete<T>(endpoint: string, config?: RequestConfig): Promise<T> {\r\n    return this.request<T>(endpoint, { ...config, method: 'DELETE' });\r\n  }\r\n}\r\n\r\nconst api = {\r\n  apps: new ApiClient(process.env.GAPPS_R3_API_URL || 'https://r3-api.greatapps.dev.br'),\r\n  pages: new ApiClient(process.env.GPAGES_R3_API_URL || 'https://r3-api.greatpages.dev.br'),\r\n}\r\n\r\n/** @deprecated use api.apps */\r\nexport const apiClient = api.apps;\r\n\r\nexport { api, ApiClient };\r\n"],"mappings":"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","names":[]}

package/dist/store/useMobileNavbarSheet.mjs

@@ -0,0 +1,14 @@
+import { create } from "zustand";
+const useMobileNavbarSheet = create((set) => ({
+  isOpen: false,
+  openProjectList: false,
+  open: () => set({ isOpen: true, openProjectList: false }),
+  close: () => set({ isOpen: false, openProjectList: false }),
+  toggle: () => set((state) => ({ isOpen: !state.isOpen, openProjectList: false })),
+  openWithProjectList: () => set({ isOpen: true, openProjectList: true }),
+  clearProjectList: () => set({ openProjectList: false })
+}));
+export {
+  useMobileNavbarSheet
+};
+//# sourceMappingURL=useMobileNavbarSheet.mjs.map

package/dist/store/useMobileNavbarSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/store/useMobileNavbarSheet.ts"],"sourcesContent":["import { create } from 'zustand';\r\n\r\ninterface MobileNavbarSheetStore {\r\n  isOpen: boolean;\r\n  openProjectList: boolean;\r\n  open: () => void;\r\n  close: () => void;\r\n  toggle: () => void;\r\n  openWithProjectList: () => void;\r\n  clearProjectList: () => void;\r\n}\r\n\r\nexport const useMobileNavbarSheet = create<MobileNavbarSheetStore>((set) => ({\r\n  isOpen: false,\r\n  openProjectList: false,\r\n  open: () => set({ isOpen: true, openProjectList: false }),\r\n  close: () => set({ isOpen: false, openProjectList: false }),\r\n  toggle: () => set((state) => ({ isOpen: !state.isOpen, openProjectList: false })),\r\n  openWithProjectList: () => set({ isOpen: true, openProjectList: true }),\r\n  clearProjectList: () => set({ openProjectList: false }),\r\n}));\r\n"],"mappings":"AAAA,SAAS,cAAc;AAYhB,MAAM,uBAAuB,OAA+B,CAAC,SAAS;AAAA,EAC3E,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,MAAM,MAAM,IAAI,EAAE,QAAQ,MAAM,iBAAiB,MAAM,CAAC;AAAA,EACxD,OAAO,MAAM,IAAI,EAAE,QAAQ,OAAO,iBAAiB,MAAM,CAAC;AAAA,EAC1D,QAAQ,MAAM,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,MAAM,QAAQ,iBAAiB,MAAM,EAAE;AAAA,EAChF,qBAAqB,MAAM,IAAI,EAAE,QAAQ,MAAM,iBAAiB,KAAK,CAAC;AAAA,EACtE,kBAAkB,MAAM,IAAI,EAAE,iBAAiB,MAAM,CAAC;AACxD,EAAE;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.90",
+  "version": "1.1.92",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/navigation/AppNavigation.tsx

@@ -0,0 +1,36 @@
+'use client';
+
+import { ReactNode } from 'react';
+import { DesktopShell } from './shells/DesktopShell';
+import { MdShell } from './shells/MdShell';
+import { MobileShell } from './shells/MobileShell';
+import { NavItems } from './subcomponents/NavItems';
+import { ProjectSelector } from './subcomponents/ProjectSelector';
+import { PlanCard } from './subcomponents/PlanCard';
+import { CreditsCard } from './subcomponents/CreditsCard';
+
+export type { NavItemConfig } from './subcomponents/NavItems';
+export type { ProjectSelectorProps } from './subcomponents/ProjectSelector';
+export type { PlanCardProps } from './subcomponents/PlanCard';
+export type { CreditsCardProps } from './subcomponents/CreditsCard';
+
+interface AppNavigationProps {
+  children: ReactNode;
+}
+
+function AppNavigationRoot({ children }: AppNavigationProps) {
+  return (
+    <>
+      <DesktopShell>{children}</DesktopShell>
+      <MdShell>{children}</MdShell>
+      <MobileShell>{children}</MobileShell>
+    </>
+  );
+}
+
+export const AppNavigation = Object.assign(AppNavigationRoot, {
+  NavItems,
+  ProjectSelector,
+  PlanCard,
+  CreditsCard,
+});

package/src/components/navigation/AppNavigationContext.ts

@@ -0,0 +1,17 @@
+'use client';
+
+import { createContext, useContext } from 'react';
+
+export type Breakpoint = 'desktop' | 'md' | 'mobile';
+
+interface AppNavigationContextValue {
+  breakpoint: Breakpoint;
+}
+
+export const AppNavigationContext = createContext<AppNavigationContextValue | undefined>(undefined);
+
+export function useAppNavigationContext(): AppNavigationContextValue {
+  const ctx = useContext(AppNavigationContext);
+  if (!ctx) throw new Error('useAppNavigationContext must be used inside AppNavigation');
+  return ctx;
+}

package/src/components/navigation/NavItem.tsx

@@ -0,0 +1,43 @@
+'use client';
+
+import { ElementType } from 'react';
+import { useAppNavigationContext } from './AppNavigationContext';
+import { useMobileNavbarSheet } from '../../store/useMobileNavbarSheet';
+
+interface NavItemProps {
+  icon?: ElementType;
+  label: string;
+  onClick: () => void;
+  isActive?: boolean;
+}
+
+export function NavItem({ icon: Icon, label, onClick, isActive = false }: NavItemProps) {
+  const { breakpoint } = useAppNavigationContext();
+  const { close } = useMobileNavbarSheet();
+
+  const handleClick = () => {
+    onClick();
+    if (breakpoint === 'mobile') {
+      close();
+    }
+  };
+
+  return (
+    <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}
+    >
+      {Icon && (
+        <Icon
+          size={20}
+          className={isActive ? 'text-gray-950' : 'text-gray-400'}
+        />
+      )}
+      <span className={`paragraph-small-medium ${isActive ? 'text-gray-950' : 'text-gray-500'}`}>
+        {label}
+      </span>
+    </div>
+  );
+}

package/src/components/navigation/ProjectSelectorPopover.tsx

@@ -0,0 +1,152 @@
+'use client';
+
+import { Dispatch, RefObject, SetStateAction } from 'react';
+import Image from 'next/image';
+import {
+  Button,
+  Checkbox,
+  Command,
+  CommandEmpty,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '../../index';
+import { ChevronDown, FolderOpen, Plus, Settings } from 'lucide-react';
+import type { NavigationProject } from './types';
+
+interface ProjectSelectorPopoverProps {
+  open: boolean;
+  setOpen: Dispatch<SetStateAction<boolean>>;
+  titleRef?: RefObject<HTMLSpanElement | null>;
+  projects: NavigationProject[];
+  selectedProject: NavigationProject | null;
+  onSelectProject: (project: NavigationProject) => void;
+  onAddProject: () => void;
+  onManageProjects: () => void;
+}
+
+function ProjectItemSkeleton() {
+  return (
+    <div className="flex items-center justify-between px-2 py-1.5 gap-2">
+      <div className="flex items-center gap-2 flex-1">
+        <div className="size-8 rounded-lg bg-gray-100 animate-pulse shrink-0" />
+        <div className="h-3.5 w-32 rounded bg-gray-100 animate-pulse" />
+      </div>
+      <div className="size-4 rounded-full bg-gray-100 animate-pulse shrink-0" />
+    </div>
+  );
+}
+
+export function ProjectSelectorPopover({
+  open,
+  setOpen,
+  titleRef,
+  projects,
+  selectedProject,
+  onSelectProject,
+  onAddProject,
+  onManageProjects,
+}: ProjectSelectorPopoverProps) {
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger className="cursor-pointer">
+        <ChevronDown
+          size={20}
+          className={`transition-transform duration-200 ${open ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}
+        />
+      </PopoverTrigger>
+      <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: Event) => e.preventDefault()}
+        onInteractOutside={(event: Event) => {
+          if (titleRef?.current?.contains(event.target as Node)) {
+            event.preventDefault();
+          }
+        }}
+      >
+        <div className="flex flex-col p-3 gap-2">
+          <div className="flex items-center justify-between">
+            <span className="paragraph-small-semibold">Projetos</span>
+            <div className="flex items-center gap-1.5">
+              <Button
+                variant="secondary"
+                className="h-8! paragraph-small-semibold text-gray-950"
+                onClick={onAddProject}
+              >
+                <Plus size={16} />
+                Adicionar
+              </Button>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Button variant="secondary" className="p-0 size-8" onClick={onManageProjects}>
+                    <Settings size={18} />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>Visualizar todos projetos</TooltipContent>
+              </Tooltip>
+            </div>
+          </div>
+          <Command className="gap-2">
+            <CommandInput placeholder="Busque aqui" />
+            <CommandList className="custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]">
+              {projects.length === 0 ? (
+                <div className="flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4">
+                  <FolderOpen size={28} className="text-gray-300" />
+                  <span className="paragraph-small-medium text-center text-gray-500">
+                    Nenhum projeto encontrado.
+                    <br />
+                    Crie um projeto para começar.
+                  </span>
+                </div>
+              ) : (
+                <>
+                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>
+                  {projects.map((project) => {
+                    const isSelected = selectedProject?.id === project.id;
+                    return (
+                      <CommandItem
+                        key={project.id}
+                        value={project.title}
+                        className={isSelected ? 'bg-gray-50' : ''}
+                        onSelect={() => onSelectProject(project)}
+                      >
+                        <div className="flex items-center justify-between w-full cursor-pointer">
+                          <div className="flex items-center gap-2 w-full">
+                            <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}
+                          </div>
+                          <Checkbox
+                            checked={isSelected}
+                            onCheckedChange={() => onSelectProject(project)}
+                            className="rounded-full border-0 data-[state=checked]:bg-white data-[state=checked]:border! data-[state=checked]:border-gray-200! text-gray-950!"
+                          />
+                        </div>
+                      </CommandItem>
+                    );
+                  })}
+                </>
+              )}
+            </CommandList>
+          </Command>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}

package/src/components/navigation/shells/DesktopShell.tsx

@@ -0,0 +1,15 @@
+'use client';
+
+import { ReactNode } from 'react';
+import { SideBarNavigation } from '../../layouts/SideBarNavigation';
+import { AppNavigationContext } from '../AppNavigationContext';
+
+export function DesktopShell({ children }: { children: ReactNode }) {
+  return (
+    <AppNavigationContext.Provider value={{ breakpoint: 'desktop' }}>
+      <SideBarNavigation className="justify-between gap-5">
+        {children}
+      </SideBarNavigation>
+    </AppNavigationContext.Provider>
+  );
+}

package/src/components/navigation/shells/MdShell.tsx

@@ -0,0 +1,15 @@
+'use client';
+
+import { ReactNode } from 'react';
+import { MdSideBarNavigation } from '../../layouts/MdSideBarNavigation';
+import { AppNavigationContext } from '../AppNavigationContext';
+
+export function MdShell({ children }: { children: ReactNode }) {
+  return (
+    <AppNavigationContext.Provider value={{ breakpoint: 'md' }}>
+      <MdSideBarNavigation className="justify-between gap-5">
+        {children}
+      </MdSideBarNavigation>
+    </AppNavigationContext.Provider>
+  );
+}

package/src/components/navigation/shells/MobileShell.tsx

@@ -0,0 +1,29 @@
+'use client';
+
+import { ReactNode } from 'react';
+import { useMobileNavbarSheet } from '../../../store/useMobileNavbarSheet';
+import { AppNavigationContext } from '../AppNavigationContext';
+
+export function MobileShell({ children }: { children: ReactNode }) {
+  const { isOpen, close } = useMobileNavbarSheet();
+
+  return (
+    <AppNavigationContext.Provider value={{ breakpoint: 'mobile' }}>
+      {/* Backdrop overlay */}
+      <div
+        className={`md:hidden fixed inset-0 top-[72px] bg-black/50 z-30 transition-opacity duration-300 ${
+          isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'
+        }`}
+        onClick={close}
+      />
+      {/* Menu panel */}
+      <div
+        className={`md:hidden fixed top-[72px] left-0 right-0 z-40 bg-white rounded-b-xl shadow-[0px_6px_12px_0px_rgba(26,26,26,0.12)] border-b border-gray-200 p-4 flex flex-col gap-5 transition-all duration-300 overflow-y-auto max-h-[calc(100dvh-72px)] ${
+          isOpen ? 'translate-y-0 opacity-100' : '-translate-y-full opacity-0 pointer-events-none'
+        }`}
+      >
+        {children}
+      </div>
+    </AppNavigationContext.Provider>
+  );
+}

package/src/components/navigation/subcomponents/CreditsCard.tsx

@@ -0,0 +1,30 @@
+'use client';
+
+import { useAppNavigationContext } from '../AppNavigationContext';
+import { Progress } from '../../../index';
+
+export interface CreditsCardProps {
+  used: number;
+  total: number;
+  onClick?: () => void;
+}
+
+export function CreditsCard({ used, total, onClick }: CreditsCardProps) {
+  const { breakpoint } = useAppNavigationContext();
+
+  // Only renders in mobile overlay
+  if (breakpoint !== 'mobile') return null;
+
+  return (
+    <div
+      className={`flex flex-col bg-gray-950 rounded-lg gap-4 w-full px-4 pt-4 pb-[18px] ${onClick ? 'cursor-pointer' : ''}`}
+      onClick={onClick}
+    >
+      <div className="flex items-center justify-between">
+        <span className="paragraph-xsmall-semibold text-white">Créditos usados</span>
+        <span className="paragraph-xsmall-medium text-white/50">{used} / {total}</span>
+      </div>
+      <Progress className="bg-white/10 h-[6px]" indicatorColor="bg-white" value={Math.round((used / total) * 100)} />
+    </div>
+  );
+}

package/src/components/navigation/subcomponents/NavItems.tsx

@@ -0,0 +1,31 @@
+'use client';
+
+import { ElementType } from 'react';
+import { NavItem } from '../NavItem';
+
+export interface NavItemConfig {
+  label: string;
+  isActive: boolean;
+  icon: ElementType;
+  onClick: () => void;
+}
+
+interface NavItemsProps {
+  items: NavItemConfig[];
+}
+
+export function NavItems({ items }: NavItemsProps) {
+  return (
+    <div className="flex flex-col">
+      {items.map((item) => (
+        <NavItem
+          key={item.label}
+          label={item.label}
+          icon={item.icon}
+          isActive={item.isActive}
+          onClick={item.onClick}
+        />
+      ))}
+    </div>
+  );
+}

package/src/components/navigation/subcomponents/PlanCard.tsx

@@ -0,0 +1,29 @@
+'use client';
+
+import { Button, Progress } from '../../../index';
+
+export interface PlanCardProps {
+  planName: string;
+  trialLabel: string;
+  progressValue: number;
+  onKnowPlans: () => void;
+}
+
+export function PlanCard({ planName, trialLabel, progressValue, onKnowPlans }: PlanCardProps) {
+  return (
+    <div className="flex flex-col rounded-md p-4 gap-4 bg-gray-50">
+      <div className="flex flex-col gap-1">
+        <span className="paragraph-small-semibold text-gray-950">{planName}</span>
+        <span className="paragraph-xsmall-medium text-gray-600">{trialLabel}</span>
+      </div>
+      <Progress value={progressValue} className="bg-(--color-progress-track)" />
+      <Button
+        variant="secondary"
+        className="paragraph-small-semibold text-gray-950"
+        onClick={onKnowPlans}
+      >
+        Conheça os planos
+      </Button>
+    </div>
+  );
+}