@greatapps/common 1.1.33 → 1.1.34

package/dist/components/account/AccountModals.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import ConfigurationsMyAccountModal from "./ConfigurationsMyAccountModal";
+import DeleteAccountModal from "./DeleteAccountModal";
+import IsntPossibleDeleteAccountModal from "./IsntPossibleDeleteAccountModal";
+import ConfirmDeleteAccountModal from "./ConfirmDeleteAccountModal";
+function AccountModals() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ConfigurationsMyAccountModal, {}),
+    /* @__PURE__ */ jsx(DeleteAccountModal, {}),
+    /* @__PURE__ */ jsx(IsntPossibleDeleteAccountModal, {}),
+    /* @__PURE__ */ jsx(ConfirmDeleteAccountModal, {})
+  ] });
+}
+export {
+  AccountModals as default
+};
+//# sourceMappingURL=AccountModals.mjs.map

package/dist/components/account/AccountModals.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/AccountModals.tsx"],"sourcesContent":["'use client';\n\nimport ConfigurationsMyAccountModal from './ConfigurationsMyAccountModal';\nimport DeleteAccountModal from './DeleteAccountModal';\nimport IsntPossibleDeleteAccountModal from './IsntPossibleDeleteAccountModal';\nimport ConfirmDeleteAccountModal from './ConfirmDeleteAccountModal';\n\nexport default function AccountModals() {\n  return (\n    <>\n      <ConfigurationsMyAccountModal />\n      <DeleteAccountModal />\n      <IsntPossibleDeleteAccountModal />\n      <ConfirmDeleteAccountModal />\n    </>\n  );\n}\n"],"mappings":";AASI,mBACE,KADF;AAPJ,OAAO,kCAAkC;AACzC,OAAO,wBAAwB;AAC/B,OAAO,oCAAoC;AAC3C,OAAO,+BAA+B;AAEvB,SAAR,gBAAiC;AACtC,SACE,iCACE;AAAA,wBAAC,gCAA6B;AAAA,IAC9B,oBAAC,sBAAmB;AAAA,IACpB,oBAAC,kCAA+B;AAAA,IAChC,oBAAC,6BAA0B;AAAA,KAC7B;AAEJ;","names":[]}

package/dist/components/account/ConfigurationsMyAccountModal.mjs

@@ -11,20 +11,31 @@ import { ChangePasswordSection } from "./sections/ChangePasswordSection";
 import { SecuritySection } from "./sections/SecuritySection";
 import useConfigurationsModal from "./hooks/useConfigurationsModal";
 import useIsMobile from "../../hooks/useIsMobile";
-function ConfigurationsMyAccountModal({
-  open,
-  onClose,
-  initialSection,
-  hasActiveSubscription,
-  currencies = [],
-  storageUrl,
-  onDeleteAccount
-}) {
+import { useAccountModals } from "../../store/useAccountModals";
+function ConfigurationsMyAccountModal() {
+  const {
+    activeModal,
+    config,
+    initialSection,
+    openDeleteAccount,
+    openIsntPossibleDelete,
+    close
+  } = useAccountModals();
+  const open = activeModal === "configurations";
+  const { hasActiveSubscription, currencies = [] } = config;
   const isMobile = useIsMobile();
   const { activeSection, setActiveSection } = useConfigurationsModal({
     isOpen: open,
     initialSection
   });
+  const handleDeleteAccount = () => {
+    close();
+    if (hasActiveSubscription) {
+      openIsntPossibleDelete();
+    } else {
+      openDeleteAccount();
+    }
+  };
   const tabTriggerClasses = cn(
     "border-0! px-0 py-0",
     "lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full",
@@ -36,7 +47,7 @@ function ConfigurationsMyAccountModal({
     "text-gray-500 data-[state=active]:text-gray-950",
     "hover:text-gray-900 transition-colors"
   );
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
       showCloseButton: !isMobile,
@@ -51,7 +62,7 @@ function ConfigurationsMyAccountModal({
             {
               type: "button",
               className: "size-8 flex items-center justify-center text-gray-500 cursor-pointer",
-              onClick: onClose,
+              onClick: close,
               children: /* @__PURE__ */ jsx(X, { size: 18 })
             }
           )
@@ -95,18 +106,18 @@ function ConfigurationsMyAccountModal({
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative", children: [
-                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.MY_PROFILE, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(MyProfileSection, { onClose, storageUrl }) }),
+                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.MY_PROFILE, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(MyProfileSection, { onClose: close }) }),
                 /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.SECURITY, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(
                   SecuritySection,
                   {
                     setActiveSection,
-                    onClose,
+                    onClose: close,
                     hasActiveSubscription,
-                    onDeleteAccount
+                    onDeleteAccount: handleDeleteAccount
                   }
                 ) }),
                 /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.CHANGE_PASSWORD, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(ChangePasswordSection, { onBack: () => setActiveSection(AccountSectionType.SECURITY) }) }),
-                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.PREFERENCES, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(PreferencesSection, { onClose, currencies }) })
+                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.PREFERENCES, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(PreferencesSection, { onClose: close, currencies }) })
               ] })
             ]
           }

package/dist/components/account/ConfigurationsMyAccountModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfigurationsMyAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Lock, Settings2, User, X } from 'lucide-react';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { cn } from '../../infra/utils/clsx';\r\nimport { AccountSectionType } from '../../enums/AccountSectionType';\r\nimport { MyProfileSection } from './sections/MyProfileSection';\r\nimport { PreferencesSection } from './sections/PreferencesSection';\r\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\r\nimport { SecuritySection } from './sections/SecuritySection';\r\nimport useConfigurationsModal from './hooks/useConfigurationsModal';\r\nimport useIsMobile from '../../hooks/useIsMobile';\r\nimport type { ComboboxOption } from '../ui/form/ComboboxField';\r\n\r\ninterface ConfigurationsMyAccountModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  initialSection?: AccountSectionType;\r\n  hasActiveSubscription?: boolean;\r\n  currencies?: ComboboxOption[];\r\n  storageUrl?: string;\r\n  onDeleteAccount?: () => void;\r\n}\r\n\r\nexport default function ConfigurationsMyAccountModal({\r\n  open,\r\n  onClose,\r\n  initialSection,\r\n  hasActiveSubscription,\r\n  currencies = [],\r\n  storageUrl,\r\n  onDeleteAccount,\r\n}: ConfigurationsMyAccountModalProps) {\r\n  const isMobile = useIsMobile();\r\n  const { activeSection, setActiveSection } = useConfigurationsModal({\r\n    isOpen: open,\r\n    initialSection,\r\n  });\r\n\r\n  const tabTriggerClasses = cn(\r\n    'border-0! px-0 py-0',\r\n\r\n    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',\r\n    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',\r\n    'lg:data-[state=active]:bg-gray-50',\r\n\r\n    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',\r\n    'border-b-2 border-transparent',\r\n    'data-[state=active]:bg-gray-50 rounded-lg',\r\n\r\n    'text-gray-500 data-[state=active]:text-gray-950',\r\n    'hover:text-gray-900 transition-colors'\r\n  );\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={onClose}>\r\n      <DialogContent\r\n        showCloseButton={!isMobile}\r\n        overlayClassName=\"bg-black/20 lg:bg-black/50\"\r\n        className=\"\r\n          flex flex-col p-0 gap-0 max-w-full! overflow-x-hidden border-0\r\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0!\r\n          lg:flex-row lg:w-[892px]! lg:max-w-[892px]! lg:h-[626px]! lg:rounded-lg lg:border\r\n          lg:top-[50%]! lg:bottom-auto! lg:left-[50%]! lg:right-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\"\r\n      >\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>Configurações</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200\">\r\n          <span className=\"text-gray-950 paragraph-medium-semibold\">Configurações</span>\r\n          <button\r\n            type=\"button\"\r\n            className=\"size-8 flex items-center justify-center text-gray-500 cursor-pointer\"\r\n            onClick={onClose}\r\n          >\r\n            <X size={18} />\r\n          </button>\r\n        </div>\r\n        <Tabs\r\n          value={activeSection}\r\n          onValueChange={(value) => setActiveSection(value as AccountSectionType)}\r\n          orientation=\"vertical\"\r\n          className=\"flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0\"\r\n        >\r\n          <TabsList\r\n            className={cn(\r\n              'flex gap-0 bg-transparent border-b-0',\r\n\r\n              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',\r\n              'lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch',\r\n\r\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',\r\n              'px-4 py-3',\r\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\r\n            )}\r\n          >\r\n            <span className=\"hidden lg:block paragraph-medium-semibold text-gray-950 mb-0\">\r\n              Configurações\r\n            </span>\r\n\r\n            <div className=\"lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full\">\r\n              <TabsTrigger value={AccountSectionType.MY_PROFILE} className={tabTriggerClasses}>\r\n                <User size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Meu perfil</span>\r\n              </TabsTrigger>\r\n\r\n              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>\r\n                <Settings2 size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Preferências</span>\r\n              </TabsTrigger>\r\n\r\n              <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>\r\n                <Lock size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Segurança</span>\r\n              </TabsTrigger>\r\n            </div>\r\n          </TabsList>\r\n\r\n          <div className=\"w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative\">\r\n            <TabsContent value={AccountSectionType.MY_PROFILE} className=\"h-full! relative overflow-hidden\">\r\n              <MyProfileSection onClose={onClose} storageUrl={storageUrl} />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.SECURITY} className=\"h-full! relative overflow-hidden\">\r\n              <SecuritySection\r\n                setActiveSection={setActiveSection}\r\n                onClose={onClose}\r\n                hasActiveSubscription={hasActiveSubscription}\r\n                onDeleteAccount={onDeleteAccount}\r\n              />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className=\"h-full! relative overflow-hidden\">\r\n              <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.PREFERENCES} className=\"h-full! relative overflow-hidden\">\r\n              <PreferencesSection onClose={onClose} currencies={currencies} />\r\n            </TabsContent>\r\n          </div>\r\n        </Tabs>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/account/ConfigurationsMyAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Lock, Settings2, User, X } from 'lucide-react';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { cn } from '../../infra/utils/clsx';\r\nimport { AccountSectionType } from '../../enums/AccountSectionType';\r\nimport { MyProfileSection } from './sections/MyProfileSection';\r\nimport { PreferencesSection } from './sections/PreferencesSection';\r\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\r\nimport { SecuritySection } from './sections/SecuritySection';\r\nimport useConfigurationsModal from './hooks/useConfigurationsModal';\r\nimport useIsMobile from '../../hooks/useIsMobile';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\n\r\nexport default function ConfigurationsMyAccountModal() {\r\n  const {\r\n    activeModal,\r\n    config,\r\n    initialSection,\r\n    openDeleteAccount,\r\n    openIsntPossibleDelete,\r\n    close,\r\n  } = useAccountModals();\r\n\r\n  const open = activeModal === 'configurations';\r\n  const { hasActiveSubscription, currencies = [] } = config;\r\n\r\n  const isMobile = useIsMobile();\r\n  const { activeSection, setActiveSection } = useConfigurationsModal({\r\n    isOpen: open,\r\n    initialSection,\r\n  });\r\n\r\n  const handleDeleteAccount = () => {\r\n    close();\r\n    if (hasActiveSubscription) {\r\n      openIsntPossibleDelete();\r\n    } else {\r\n      openDeleteAccount();\r\n    }\r\n  };\r\n\r\n  const tabTriggerClasses = cn(\r\n    'border-0! px-0 py-0',\r\n\r\n    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',\r\n    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',\r\n    'lg:data-[state=active]:bg-gray-50',\r\n\r\n    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',\r\n    'border-b-2 border-transparent',\r\n    'data-[state=active]:bg-gray-50 rounded-lg',\r\n\r\n    'text-gray-500 data-[state=active]:text-gray-950',\r\n    'hover:text-gray-900 transition-colors'\r\n  );\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\n      <DialogContent\r\n        showCloseButton={!isMobile}\r\n        overlayClassName=\"bg-black/20 lg:bg-black/50\"\r\n        className=\"\r\n          flex flex-col p-0 gap-0 max-w-full! overflow-x-hidden border-0\r\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0!\r\n          lg:flex-row lg:w-[892px]! lg:max-w-[892px]! lg:h-[626px]! lg:rounded-lg lg:border\r\n          lg:top-[50%]! lg:bottom-auto! lg:left-[50%]! lg:right-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\"\r\n      >\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>Configurações</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200\">\r\n          <span className=\"text-gray-950 paragraph-medium-semibold\">Configurações</span>\r\n          <button\r\n            type=\"button\"\r\n            className=\"size-8 flex items-center justify-center text-gray-500 cursor-pointer\"\r\n            onClick={close}\r\n          >\r\n            <X size={18} />\r\n          </button>\r\n        </div>\r\n        <Tabs\r\n          value={activeSection}\r\n          onValueChange={(value) => setActiveSection(value as AccountSectionType)}\r\n          orientation=\"vertical\"\r\n          className=\"flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0\"\r\n        >\r\n          <TabsList\r\n            className={cn(\r\n              'flex gap-0 bg-transparent border-b-0',\r\n\r\n              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',\r\n              'lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch',\r\n\r\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',\r\n              'px-4 py-3',\r\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\r\n            )}\r\n          >\r\n            <span className=\"hidden lg:block paragraph-medium-semibold text-gray-950 mb-0\">\r\n              Configurações\r\n            </span>\r\n\r\n            <div className=\"lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full\">\r\n              <TabsTrigger value={AccountSectionType.MY_PROFILE} className={tabTriggerClasses}>\r\n                <User size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Meu perfil</span>\r\n              </TabsTrigger>\r\n\r\n              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>\r\n                <Settings2 size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Preferências</span>\r\n              </TabsTrigger>\r\n\r\n              <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>\r\n                <Lock size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">Segurança</span>\r\n              </TabsTrigger>\r\n            </div>\r\n          </TabsList>\r\n\r\n          <div className=\"w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative\">\r\n            <TabsContent value={AccountSectionType.MY_PROFILE} className=\"h-full! relative overflow-hidden\">\r\n              <MyProfileSection onClose={close} />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.SECURITY} className=\"h-full! relative overflow-hidden\">\r\n              <SecuritySection\r\n                setActiveSection={setActiveSection}\r\n                onClose={close}\r\n                hasActiveSubscription={hasActiveSubscription}\r\n                onDeleteAccount={handleDeleteAccount}\r\n              />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className=\"h-full! relative overflow-hidden\">\r\n              <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />\r\n            </TabsContent>\r\n\r\n            <TabsContent value={AccountSectionType.PREFERENCES} className=\"h-full! relative overflow-hidden\">\r\n              <PreferencesSection onClose={close} currencies={currencies} />\r\n            </TabsContent>\r\n          </div>\r\n        </Tabs>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/account/ConfirmDeleteAccountModal.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TriangleAlert } from "lucide-react";
+import { toast } from "sonner";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
+import { Button } from "../ui/buttons/Button";
+import { Toast } from "../ui/feedback/Toast";
+import { useAccountModals } from "../../store/useAccountModals";
+function ConfirmDeleteAccountModal() {
+  const { activeModal, pagesCount, close } = useAccountModals();
+  const open = activeModal === "confirmDelete";
+  const handleConfirm = () => {
+    toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Conta exclu\xEDda com sucesso", toastId: t }));
+    close();
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 max-w-[calc(100%-2rem)]! w-full rounded-lg border sm:max-w-[400px]! lg:max-w-[470px]! lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 p-4 lg:p-5", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { className: "p-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "Uma pena te ver ir!" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(TriangleAlert, { size: 20, className: "text-red-500 shrink-0", strokeWidth: 2 }),
+        /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-gray-600", children: [
+          "Todas suas",
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: "font-semibold text-gray-950", children: [
+            pagesCount,
+            " p\xE1ginas"
+          ] }),
+          " ",
+          "ser\xE3o deletadas permanentemente. Essa a\xE7\xE3o \xE9",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: "irrevers\xEDvel!" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-px bg-gray-200" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-4 lg:p-5", children: [
+      /* @__PURE__ */ jsx(Button, { className: "h-10 flex-1", onClick: close, children: "Manter minha conta" }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10! flex-1", onClick: handleConfirm, children: "Excluir mesmo assim" })
+    ] })
+  ] }) });
+}
+export {
+  ConfirmDeleteAccountModal as default
+};
+//# sourceMappingURL=ConfirmDeleteAccountModal.mjs.map

package/dist/components/account/ConfirmDeleteAccountModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/ConfirmDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { TriangleAlert } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { Toast } from '../ui/feedback/Toast';\nimport { useAccountModals } from '../../store/useAccountModals';\n\nexport default function ConfirmDeleteAccountModal() {\n  const { activeModal, pagesCount, close } = useAccountModals();\n  const open = activeModal === 'confirmDelete';\n\n  const handleConfirm = () => {\n    toast.custom((t) => (\n      <Toast variant=\"success\" message=\"Conta excluída com sucesso\" toastId={t} />\n    ));\n    close();\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={close}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 max-w-[calc(100%-2rem)]! w-full rounded-lg border sm:max-w-[400px]! lg:max-w-[470px]! lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\">\n        <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\n          <DialogHeader className=\"p-0\">\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n              Uma pena te ver ir!\n            </DialogTitle>\n          </DialogHeader>\n\n          <div className=\"bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4\">\n            <TriangleAlert size={20} className=\"text-red-500 shrink-0\" strokeWidth={2} />\n            <p className=\"paragraph-small-regular text-gray-600\">\n              Todas suas{' '}\n              <span className=\"font-semibold text-gray-950\">{pagesCount} páginas</span>{' '}\n              serão deletadas permanentemente. Essa ação é{' '}\n              <span className=\"font-semibold text-gray-950\">irreversível!</span>\n            </p>\n          </div>\n        </div>\n\n        <div className=\"h-px bg-gray-200\" />\n\n        <div className=\"flex items-center gap-2 p-4 lg:p-5\">\n          <Button className=\"h-10 flex-1\" onClick={close}>\n            Manter minha conta\n          </Button>\n          <Button variant=\"secondary\" className=\"h-10! flex-1\" onClick={handleConfirm}>\n            Excluir mesmo assim\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAeM,cAmBQ,YAnBR;AAbN,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AAElB,SAAR,4BAA6C;AAClD,QAAM,EAAE,aAAa,YAAY,MAAM,IAAI,iBAAiB;AAC5D,QAAM,OAAO,gBAAgB;AAE7B,QAAM,gBAAgB,MAAM;AAC1B,UAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,iCAA6B,SAAS,GAAG,CAC3E;AACD,UAAM;AAAA,EACR;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,OAChC,+BAAC,iBAAc,WAAU,2NACvB;AAAA,yBAAC,SAAI,WAAU,kCACb;AAAA,0BAAC,gBAAa,WAAU,OACtB,8BAAC,eAAY,WAAU,2CAA0C,iCAEjE,GACF;AAAA,MAEA,qBAAC,SAAI,WAAU,2DACb;AAAA,4BAAC,iBAAc,MAAM,IAAI,WAAU,yBAAwB,aAAa,GAAG;AAAA,QAC3E,qBAAC,OAAE,WAAU,yCAAwC;AAAA;AAAA,UACxC;AAAA,UACX,qBAAC,UAAK,WAAU,+BAA+B;AAAA;AAAA,YAAW;AAAA,aAAQ;AAAA,UAAQ;AAAA,UAAI;AAAA,UACjC;AAAA,UAC7C,oBAAC,UAAK,WAAU,+BAA8B,8BAAa;AAAA,WAC7D;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,oBAAmB;AAAA,IAElC,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,gCAEhD;AAAA,MACA,oBAAC,UAAO,SAAQ,aAAY,WAAU,gBAAe,SAAS,eAAe,iCAE7E;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/DeleteAccountModal.mjs

@@ -0,0 +1,123 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Lock, TriangleAlert } from "lucide-react";
+import { toast } from "sonner";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
+import { Button } from "../ui/buttons/Button";
+import { FormField } from "../ui/form/FormField";
+import { SelectField } from "../ui/form/SelectField";
+import { TextAreaField } from "../ui/form/TextAreaField";
+import { Toast } from "../ui/feedback/Toast";
+import usePasswordVisibility from "../../hooks/usePasswordVisibility";
+import { useAccountModals } from "../../store/useAccountModals";
+import { AccountSectionType } from "../../enums/AccountSectionType";
+const REASON_OPTIONS = [
+  { value: "sem-funcao", label: "A ferramenta n\xE3o possui uma fun\xE7\xE3o que eu preciso" },
+  { value: "problemas", label: "Encontrei problemas t\xE9cnicos ou erros no sistema" },
+  { value: "suporte", label: "Tive problemas com o suporte ou atendimento" },
+  { value: "demora", label: "As atualiza\xE7\xF5es demoram mais do que o esperado" },
+  { value: "temporario", label: "O cancelamento \xE9 tempor\xE1rio" },
+  { value: "outro", label: "Outro motivo" }
+];
+function DeleteAccountModal() {
+  const { activeModal, pagesCount, openConfigurations, openConfirmDelete, close } = useAccountModals();
+  const open = activeModal === "deleteAccount";
+  const [reason, setReason] = useState("");
+  const [description, setDescription] = useState("");
+  const [password, setPassword] = useState("");
+  const { showPassword, togglePassword } = usePasswordVisibility();
+  const isFormValid = Boolean(reason && description && password);
+  const resetForm = useCallback(() => {
+    setReason("");
+    setDescription("");
+    setPassword("");
+  }, []);
+  const handleClose = () => {
+    resetForm();
+    openConfigurations(AccountSectionType.SECURITY);
+  };
+  const handleDelete = (e) => {
+    e.preventDefault();
+    if (!isFormValid) {
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Preencha todos os campos obrigat\xF3rios", toastId: t }));
+      return;
+    }
+    resetForm();
+    openConfirmDelete(pagesCount);
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx(DialogContent, { className: "flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-lg! lg:h-auto! lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]! overflow-y-auto", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleDelete, className: "flex flex-col flex-1 lg:flex-none", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5", children: /* @__PURE__ */ jsx(TriangleAlert, { size: 20, className: "text-red-500" }) }),
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Excluir conta" }),
+        /* @__PURE__ */ jsxs(DialogDescription, { className: "paragraph-small-regular", children: [
+          "Esta a\xE7\xE3o \xE9 ",
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: "irrevers\xEDvel" }),
+          ". Ao confirmar, sua conta e todos os seus dados ser\xE3o exclu\xEDdos."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Motivo do cancelamento",
+          required: true,
+          placeholder: "Selecione",
+          options: REASON_OPTIONS,
+          value: reason,
+          onChange: (value) => setReason(value),
+          className: "h-10!"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          TextAreaField,
+          {
+            label: "Descreva o que levou a tomar essa decis\xE3o",
+            required: true,
+            placeholder: "Explique sua decis\xE3o...",
+            value: description,
+            onChange: (e) => setDescription(e.target.value),
+            rows: 4,
+            maxLength: 400
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-medium text-gray-600 text-left mt-1 block", children: [
+          description.length,
+          "/400 caracteres"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          className: "text-gray-600",
+          label: "Senha",
+          type: "password",
+          placeholder: "Informe sua senha",
+          leftIcon: Lock,
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          classnameContainer: "h-10!",
+          showPassword,
+          onTogglePassword: togglePassword
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 p-4 lg:p-6 border-t border-gray-200 bg-white mt-auto lg:mt-0", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "default",
+          className: "h-10 flex-1 bg-gray-950 text-white hover:bg-gray-800",
+          type: "submit",
+          children: "Excluir conta"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10 flex-1", type: "button", onClick: handleClose, children: "Fechar" })
+    ] })
+  ] }) }) });
+}
+export {
+  DeleteAccountModal as default
+};
+//# sourceMappingURL=DeleteAccountModal.mjs.map

package/dist/components/account/DeleteAccountModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback } from 'react';\nimport { Lock, TriangleAlert } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { FormField } from '../ui/form/FormField';\nimport { SelectField } from '../ui/form/SelectField';\nimport { TextAreaField } from '../ui/form/TextAreaField';\nimport { Toast } from '../ui/feedback/Toast';\nimport usePasswordVisibility from '../../hooks/usePasswordVisibility';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { AccountSectionType } from '../../enums/AccountSectionType';\n\nconst REASON_OPTIONS = [\n  { value: 'sem-funcao', label: 'A ferramenta não possui uma função que eu preciso' },\n  { value: 'problemas', label: 'Encontrei problemas técnicos ou erros no sistema' },\n  { value: 'suporte', label: 'Tive problemas com o suporte ou atendimento' },\n  { value: 'demora', label: 'As atualizações demoram mais do que o esperado' },\n  { value: 'temporario', label: 'O cancelamento é temporário' },\n  { value: 'outro', label: 'Outro motivo' },\n];\n\nexport default function DeleteAccountModal() {\n  const { activeModal, pagesCount, openConfigurations, openConfirmDelete, close } = useAccountModals();\n  const open = activeModal === 'deleteAccount';\n\n  const [reason, setReason] = useState('');\n  const [description, setDescription] = useState('');\n  const [password, setPassword] = useState('');\n  const { showPassword, togglePassword } = usePasswordVisibility();\n\n  const isFormValid = Boolean(reason && description && password);\n\n  const resetForm = useCallback(() => {\n    setReason('');\n    setDescription('');\n    setPassword('');\n  }, []);\n\n  const handleClose = () => {\n    resetForm();\n    openConfigurations(AccountSectionType.SECURITY);\n  };\n\n  const handleDelete = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!isFormValid) {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Preencha todos os campos obrigatórios\" toastId={t} />\n      ));\n      return;\n    }\n    resetForm();\n    openConfirmDelete(pagesCount);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-lg! lg:h-auto! lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]! overflow-y-auto\">\n        <form onSubmit={handleDelete} className=\"flex flex-col flex-1 lg:flex-none\">\n          <div className=\"flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none\">\n            <DialogHeader className=\"p-0\">\n              <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5\">\n                <TriangleAlert size={20} className=\"text-red-500\" />\n              </div>\n              <DialogTitle>Excluir conta</DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular\">\n                Esta ação é <span className=\"font-semibold text-gray-950\">irreversível</span>. Ao\n                confirmar, sua conta e todos os seus dados serão excluídos.\n              </DialogDescription>\n            </DialogHeader>\n\n            <SelectField\n              label=\"Motivo do cancelamento\"\n              required\n              placeholder=\"Selecione\"\n              options={REASON_OPTIONS}\n              value={reason}\n              onChange={(value) => setReason(value as string)}\n              className=\"h-10!\"\n            />\n\n            <div>\n              <TextAreaField\n                label=\"Descreva o que levou a tomar essa decisão\"\n                required\n                placeholder=\"Explique sua decisão...\"\n                value={description}\n                onChange={(e) => setDescription(e.target.value)}\n                rows={4}\n                maxLength={400}\n              />\n              <span className=\"paragraph-xsmall-medium text-gray-600 text-left mt-1 block\">\n                {description.length}/400 caracteres\n              </span>\n            </div>\n\n            <FormField\n              className=\"text-gray-600\"\n              label=\"Senha\"\n              type=\"password\"\n              placeholder=\"Informe sua senha\"\n              leftIcon={Lock}\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n              classnameContainer=\"h-10!\"\n              showPassword={showPassword}\n              onTogglePassword={togglePassword}\n            />\n          </div>\n\n          <div className=\"flex flex-row items-center gap-2 p-4 lg:p-6 border-t border-gray-200 bg-white mt-auto lg:mt-0\">\n            <Button\n              variant=\"default\"\n              className=\"h-10 flex-1 bg-gray-950 text-white hover:bg-gray-800\"\n              type=\"submit\"\n            >\n              Excluir conta\n            </Button>\n            <Button variant=\"secondary\" className=\"h-10 flex-1\" type=\"button\" onClick={handleClose}>\n              Fechar\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAkDQ,cAkBM,YAlBN;AAhDR,SAAS,UAAU,mBAAmB;AACtC,SAAS,MAAM,qBAAqB;AACpC,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,mBAAmB,cAAc,mBAAmB;AACpF,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,OAAO,2BAA2B;AAClC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,MAAM,iBAAiB;AAAA,EACrB,EAAE,OAAO,cAAc,OAAO,6DAAoD;AAAA,EAClF,EAAE,OAAO,aAAa,OAAO,sDAAmD;AAAA,EAChF,EAAE,OAAO,WAAW,OAAO,8CAA8C;AAAA,EACzE,EAAE,OAAO,UAAU,OAAO,uDAAiD;AAAA,EAC3E,EAAE,OAAO,cAAc,OAAO,oCAA8B;AAAA,EAC5D,EAAE,OAAO,SAAS,OAAO,eAAe;AAC1C;AAEe,SAAR,qBAAsC;AAC3C,QAAM,EAAE,aAAa,YAAY,oBAAoB,mBAAmB,MAAM,IAAI,iBAAiB;AACnG,QAAM,OAAO,gBAAgB;AAE7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,EAAE,cAAc,eAAe,IAAI,sBAAsB;AAE/D,QAAM,cAAc,QAAQ,UAAU,eAAe,QAAQ;AAE7D,QAAM,YAAY,YAAY,MAAM;AAClC,cAAU,EAAE;AACZ,mBAAe,EAAE;AACjB,gBAAY,EAAE;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM;AACxB,cAAU;AACV,uBAAmB,mBAAmB,QAAQ;AAAA,EAChD;AAEA,QAAM,eAAe,CAAC,MAAuB;AAC3C,MAAE,eAAe;AACjB,QAAI,CAAC,aAAa;AAChB,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,4CAAwC,SAAS,GAAG,CACpF;AACD;AAAA,IACF;AACA,cAAU;AACV,sBAAkB,UAAU;AAAA,EAC9B;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,aAChC,8BAAC,iBAAc,WAAU,kVACvB,+BAAC,UAAK,UAAU,cAAc,WAAU,qCACtC;AAAA,yBAAC,SAAI,WAAU,sDACb;AAAA,2BAAC,gBAAa,WAAU,OACtB;AAAA,4BAAC,SAAI,WAAU,0EACb,8BAAC,iBAAc,MAAM,IAAI,WAAU,gBAAe,GACpD;AAAA,QACA,oBAAC,eAAY,2BAAa;AAAA,QAC1B,qBAAC,qBAAkB,WAAU,2BAA0B;AAAA;AAAA,UACzC,oBAAC,UAAK,WAAU,+BAA8B,6BAAY;AAAA,UAAO;AAAA,WAE/E;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAQ;AAAA,UACR,aAAY;AAAA,UACZ,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU,CAAC,UAAU,UAAU,KAAe;AAAA,UAC9C,WAAU;AAAA;AAAA,MACZ;AAAA,MAEA,qBAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,UAAQ;AAAA,YACR,aAAY;AAAA,YACZ,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,YAC9C,MAAM;AAAA,YACN,WAAW;AAAA;AAAA,QACb;AAAA,QACA,qBAAC,UAAK,WAAU,8DACb;AAAA,sBAAY;AAAA,UAAO;AAAA,WACtB;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAM;AAAA,UACN,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,UAC3C,oBAAmB;AAAA,UACnB;AAAA,UACA,kBAAkB;AAAA;AAAA,MACpB;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,iGACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,MAAK;AAAA,UACN;AAAA;AAAA,MAED;AAAA,MACA,oBAAC,UAAO,SAAQ,aAAY,WAAU,eAAc,MAAK,UAAS,SAAS,aAAa,oBAExF;AAAA,OACF;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/account/IsntPossibleDeleteAccountModal.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TriangleAlert } from "lucide-react";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
+import { Button } from "../ui/buttons/Button";
+import { useAccountModals } from "../../store/useAccountModals";
+function IsntPossibleDeleteAccountModal() {
+  const { activeModal, close, config } = useAccountModals();
+  const { onGoToSubscription } = config;
+  const open = activeModal === "isntPossibleDelete";
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-[calc(100%-2rem)]! w-full rounded-lg border sm:max-w-[400px]! lg:max-w-[470px]! lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5", children: /* @__PURE__ */ jsx(TriangleAlert, { size: 20, className: "text-red-500" }) }),
+      /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0 gap-2", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "N\xE3o \xE9 poss\xEDvel excluir a conta" }),
+        /* @__PURE__ */ jsxs(DialogDescription, { className: "paragraph-small-regular text-gray-600", children: [
+          "Voc\xEA tem uma assinatura ativa. Para excluir sua conta,",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: "primeiro cancele a assinatura" }),
+          " na p\xE1gina Assinatura e depois tente novamente."
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-px bg-gray-200 -mx-6" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { className: "h-10 flex-1", onClick: close, children: "Ok, entendi" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          className: "h-10 flex-1",
+          onClick: onGoToSubscription ?? close,
+          children: "Ir para assinatura"
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  IsntPossibleDeleteAccountModal as default
+};
+//# sourceMappingURL=IsntPossibleDeleteAccountModal.mjs.map

package/dist/components/account/IsntPossibleDeleteAccountModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { TriangleAlert } from 'lucide-react';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { useAccountModals } from '../../store/useAccountModals';\n\nexport default function IsntPossibleDeleteAccountModal() {\n  const { activeModal, close, config } = useAccountModals();\n  const { onGoToSubscription } = config;\n  const open = activeModal === 'isntPossibleDelete';\n\n  return (\n    <Dialog open={open} onOpenChange={close}>\n      <DialogContent className=\"max-w-[calc(100%-2rem)]! w-full rounded-lg border sm:max-w-[400px]! lg:max-w-[470px]! lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\">\n        <div className=\"flex flex-col gap-5\">\n          <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\n            <TriangleAlert size={20} className=\"text-red-500\" />\n          </div>\n          <DialogHeader className=\"p-0 gap-2\">\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n              Não é possível excluir a conta\n            </DialogTitle>\n            <DialogDescription className=\"paragraph-small-regular text-gray-600\">\n              Você tem uma assinatura ativa. Para excluir sua conta,{' '}\n              <span className=\"font-semibold text-gray-950\">primeiro cancele a assinatura</span> na\n              página Assinatura e depois tente novamente.\n            </DialogDescription>\n          </DialogHeader>\n        </div>\n\n        <div className=\"h-px bg-gray-200 -mx-6\" />\n\n        <div className=\"flex flex-row items-center gap-2\">\n          <Button className=\"h-10 flex-1\" onClick={close}>\n            Ok, entendi\n          </Button>\n          <Button\n            variant=\"secondary\"\n            className=\"h-10 flex-1\"\n            onClick={onGoToSubscription ?? close}\n          >\n            Ir para assinatura\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAiBY,cAMA,YANA;AAfZ,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,eAAe,mBAAmB,cAAc,mBAAmB;AACpF,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAElB,SAAR,iCAAkD;AACvD,QAAM,EAAE,aAAa,OAAO,OAAO,IAAI,iBAAiB;AACxD,QAAM,EAAE,mBAAmB,IAAI;AAC/B,QAAM,OAAO,gBAAgB;AAE7B,SACE,oBAAC,UAAO,MAAY,cAAc,OAChC,+BAAC,iBAAc,WAAU,mMACvB;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,qEACb,8BAAC,iBAAc,MAAM,IAAI,WAAU,gBAAe,GACpD;AAAA,MACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,4BAAC,eAAY,WAAU,2CAA0C,qDAEjE;AAAA,QACA,qBAAC,qBAAkB,WAAU,yCAAwC;AAAA;AAAA,UACZ;AAAA,UACvD,oBAAC,UAAK,WAAU,+BAA8B,2CAA6B;AAAA,UAAO;AAAA,WAEpF;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA,IAExC,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,yBAEhD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,sBAAsB;AAAA,UAChC;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/layouts/AppMobileNavBar.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import { ProfilePopover } from "./ProfilePopover";
+import { useAccountModals } from "../../store/useAccountModals";
+function AppMobileNavBar({
+  appIconActive = false,
+  appIconIndicator = false,
+  logoIndicator = false,
+  extraLeftSlot,
+  rightActionSlot,
+  menuItems = [],
+  onCreditsClick,
+  logoutOverlay
+}) {
+  const { openConfigurations } = useAccountModals();
+  return /* @__PURE__ */ jsxs("div", { className: "fixed top-0 left-0 right-0 flex md:hidden items-center justify-between p-4 bg-white z-50 border-b border-gray-200", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative size-10 flex items-center justify-center", children: [
+        /* @__PURE__ */ jsx(Image, { src: "/icons/great-icon.svg", alt: "GreatApps", width: 28, height: 28 }),
+        logoIndicator && /* @__PURE__ */ jsx("div", { className: "absolute bottom-[-17px] left-1/2 -translate-x-1/2 w-5 h-[3px] bg-gray-950 rounded-t-xl" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `size-10 flex items-center justify-center rounded-lg transition-colors duration-300 ${appIconActive ? "bg-pages-300" : "bg-pages-50"}`,
+            children: /* @__PURE__ */ jsx(Image, { src: "/icons/icon-navbar.svg", alt: "GreatPages", width: 24, height: 24 })
+          }
+        ),
+        appIconIndicator && /* @__PURE__ */ jsx("div", { className: "absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] bg-pages-300 rounded-t-xl" })
+      ] }),
+      extraLeftSlot
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(
+        ProfilePopover,
+        {
+          side: "bottom",
+          align: "end",
+          contentClassName: "",
+          onEditProfile: () => openConfigurations(),
+          onCreditsClick,
+          menuItems,
+          logoutOverlay
+        }
+      ),
+      rightActionSlot
+    ] })
+  ] });
+}
+export {
+  AppMobileNavBar
+};
+//# sourceMappingURL=AppMobileNavBar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layouts/AppMobileNavBar.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode } from 'react';\nimport Image from 'next/image';\nimport { ProfilePopover } from './ProfilePopover';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport type { ProfileMenuItem } from './ProfilePopover';\n\nexport interface AppMobileNavBarProps {\n  appIconActive?: boolean;\n  /** Shows the colored indicator bar below the app icon */\n  appIconIndicator?: boolean;\n  /** Shows the gray indicator bar below the GreatApps logo */\n  logoIndicator?: boolean;\n  /** Extra slot rendered after the app icon (e.g. project selector) */\n  extraLeftSlot?: ReactNode;\n  /** Required: the right-side action element (toggle button, sheet button, etc.) */\n  rightActionSlot: ReactNode;\n  menuItems?: ProfileMenuItem[];\n  onCreditsClick?: () => void;\n  logoutOverlay?: ReactNode;\n}\n\nexport function AppMobileNavBar({\n  appIconActive = false,\n  appIconIndicator = false,\n  logoIndicator = false,\n  extraLeftSlot,\n  rightActionSlot,\n  menuItems = [],\n  onCreditsClick,\n  logoutOverlay,\n}: AppMobileNavBarProps) {\n  const { openConfigurations } = useAccountModals();\n\n  return (\n    <div className=\"fixed top-0 left-0 right-0 flex md:hidden items-center justify-between p-4 bg-white z-50 border-b border-gray-200\">\n      <div className=\"flex items-center gap-1.5\">\n        <div className=\"relative size-10 flex items-center justify-center\">\n          <Image src=\"/icons/great-icon.svg\" alt=\"GreatApps\" width={28} height={28} />\n          {logoIndicator && (\n            <div className=\"absolute bottom-[-17px] left-1/2 -translate-x-1/2 w-5 h-[3px] bg-gray-950 rounded-t-xl\" />\n          )}\n        </div>\n        <div className=\"relative\">\n          <div\n            className={`size-10 flex items-center justify-center rounded-lg transition-colors duration-300 ${\n              appIconActive ? 'bg-pages-300' : 'bg-pages-50'\n            }`}\n          >\n            <Image src=\"/icons/icon-navbar.svg\" alt=\"GreatPages\" width={24} height={24} />\n          </div>\n          {appIconIndicator && (\n            <div className=\"absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] bg-pages-300 rounded-t-xl\" />\n          )}\n        </div>\n        {extraLeftSlot}\n      </div>\n      <div className=\"flex items-center gap-1.5\">\n        <ProfilePopover\n          side=\"bottom\"\n          align=\"end\"\n          contentClassName=\"\"\n          onEditProfile={() => openConfigurations()}\n          onCreditsClick={onCreditsClick}\n          menuItems={menuItems}\n          logoutOverlay={logoutOverlay}\n        />\n        {rightActionSlot}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAsCQ,SACE,KADF;AAnCR,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAkB1B,SAAS,gBAAgB;AAAA,EAC9B,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAEhD,SACE,qBAAC,SAAI,WAAU,qHACb;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA,2BAAC,SAAI,WAAU,qDACb;AAAA,4BAAC,SAAM,KAAI,yBAAwB,KAAI,aAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,QACzE,iBACC,oBAAC,SAAI,WAAU,0FAAyF;AAAA,SAE5G;AAAA,MACA,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,sFACT,gBAAgB,iBAAiB,aACnC;AAAA,YAEA,8BAAC,SAAM,KAAI,0BAAyB,KAAI,cAAa,OAAO,IAAI,QAAQ,IAAI;AAAA;AAAA,QAC9E;AAAA,QACC,oBACC,oBAAC,SAAI,WAAU,2FAA0F;AAAA,SAE7G;AAAA,MACC;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,kBAAiB;AAAA,UACjB,eAAe,MAAM,mBAAmB;AAAA,UACxC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MACC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/layouts/AppNavBar.mjs

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { NavBar } from "./NavBar";
+import { ProfilePopover } from "./ProfilePopover";
+import { NotificationsPopover } from "./NotificationsPopover";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
+import { useAccountModals } from "../../store/useAccountModals";
+function AppNavBar({
+  onLogoClick,
+  logoIndicatorClassName,
+  appIconHref = "/",
+  appIconActive = false,
+  appIconIndicator = false,
+  showExpandButton = false,
+  onExpandClick,
+  menuItems = [],
+  onCreditsClick,
+  notifications,
+  onNotificationsViewAll,
+  logoutOverlay
+}) {
+  const router = useRouter();
+  const { openConfigurations } = useAccountModals();
+  const handleLogoClick = onLogoClick ?? (() => router.push("/"));
+  const handleAppIconClick = () => router.push(appIconHref);
+  return /* @__PURE__ */ jsxs(
+    NavBar,
+    {
+      onLogoClick: handleLogoClick,
+      logoIndicatorClassName,
+      showExpandButton,
+      onExpandClick,
+      appIconSlot: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, onClick: handleAppIconClick, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `size-10 flex items-center justify-center rounded-lg hover:bg-pages-100 cursor-pointer transition-colors duration-300 ${appIconActive ? "bg-pages-300" : "bg-pages-50"}`,
+              children: /* @__PURE__ */ jsx(Image, { src: "/icons/icon-navbar.svg", alt: "GreatPages", width: 24, height: 24 })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "GreatPages" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `absolute -left-4 top-1/2 -translate-y-1/2 w-[3px] h-5 bg-pages-300 rounded-r-xl transition-opacity duration-300 ${appIconIndicator ? "opacity-100" : "opacity-0"}`
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(
+          NotificationsPopover,
+          {
+            notifications,
+            onViewAll: onNotificationsViewAll
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ProfilePopover,
+          {
+            onEditProfile: () => openConfigurations(),
+            onCreditsClick,
+            menuItems,
+            logoutOverlay
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  AppNavBar
+};
+//# sourceMappingURL=AppNavBar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layouts/AppNavBar.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode } from 'react';\nimport Image from 'next/image';\nimport { useRouter } from 'next/navigation';\nimport { NavBar } from './NavBar';\nimport { ProfilePopover } from './ProfilePopover';\nimport { NotificationsPopover } from './NotificationsPopover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/overlay/Tooltip';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport type { ProfileMenuItem } from './ProfilePopover';\nimport type { NotificationData } from './NotificationsPopover';\n\nexport interface AppNavBarProps {\n  onLogoClick?: () => void;\n  logoIndicatorClassName?: string;\n  appIconHref?: string;\n  appIconActive?: boolean;\n  /** Controls the left-side indicator bar on the app icon (opacity transition) */\n  appIconIndicator?: boolean;\n  showExpandButton?: boolean;\n  onExpandClick?: () => void;\n  menuItems?: ProfileMenuItem[];\n  onCreditsClick?: () => void;\n  notifications?: NotificationData[];\n  onNotificationsViewAll?: () => void;\n  logoutOverlay?: ReactNode;\n}\n\nexport function AppNavBar({\n  onLogoClick,\n  logoIndicatorClassName,\n  appIconHref = '/',\n  appIconActive = false,\n  appIconIndicator = false,\n  showExpandButton = false,\n  onExpandClick,\n  menuItems = [],\n  onCreditsClick,\n  notifications,\n  onNotificationsViewAll,\n  logoutOverlay,\n}: AppNavBarProps) {\n  const router = useRouter();\n  const { openConfigurations } = useAccountModals();\n\n  const handleLogoClick = onLogoClick ?? (() => router.push('/'));\n  const handleAppIconClick = () => router.push(appIconHref);\n\n  return (\n    <NavBar\n      onLogoClick={handleLogoClick}\n      logoIndicatorClassName={logoIndicatorClassName}\n      showExpandButton={showExpandButton}\n      onExpandClick={onExpandClick}\n      appIconSlot={\n        <div className=\"relative\">\n          <Tooltip>\n            <TooltipTrigger asChild onClick={handleAppIconClick}>\n              <div\n                className={`size-10 flex items-center justify-center rounded-lg hover:bg-pages-100 cursor-pointer transition-colors duration-300 ${\n                  appIconActive ? 'bg-pages-300' : 'bg-pages-50'\n                }`}\n              >\n                <Image src=\"/icons/icon-navbar.svg\" alt=\"GreatPages\" width={24} height={24} />\n              </div>\n            </TooltipTrigger>\n            <TooltipContent side=\"right\">GreatPages</TooltipContent>\n          </Tooltip>\n          <div\n            className={`absolute -left-4 top-1/2 -translate-y-1/2 w-[3px] h-5 bg-pages-300 rounded-r-xl transition-opacity duration-300 ${\n              appIconIndicator ? 'opacity-100' : 'opacity-0'\n            }`}\n          />\n        </div>\n      }\n    >\n      <NotificationsPopover\n        notifications={notifications}\n        onViewAll={onNotificationsViewAll}\n      />\n      <ProfilePopover\n        onEditProfile={() => openConfigurations()}\n        onCreditsClick={onCreditsClick}\n        menuItems={menuItems}\n        logoutOverlay={logoutOverlay}\n      />\n    </NavBar>\n  );\n}\n"],"mappings":";AAyDU,SAOM,KAPN;AAtDV,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,wBAAwB;AAoB1B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAEhD,QAAM,kBAAkB,gBAAgB,MAAM,OAAO,KAAK,GAAG;AAC7D,QAAM,qBAAqB,MAAM,OAAO,KAAK,WAAW;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,aACE,qBAAC,SAAI,WAAU,YACb;AAAA,6BAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MAAC,SAAS,oBAC/B;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,wHACT,gBAAgB,iBAAiB,aACnC;AAAA,cAEA,8BAAC,SAAM,KAAI,0BAAyB,KAAI,cAAa,OAAO,IAAI,QAAQ,IAAI;AAAA;AAAA,UAC9E,GACF;AAAA,UACA,oBAAC,kBAAe,MAAK,SAAQ,wBAAU;AAAA,WACzC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,mHACT,mBAAmB,gBAAgB,WACrC;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MAGF;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAe,MAAM,mBAAmB;AAAA,YACxC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/modals/ModalManager.mjs

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

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

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

package/dist/components/modals/Modals.mjs

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

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

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