@greatapps/common 1.1.149 → 1.1.153

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/account/ConfirmDeleteAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { TriangleAlert } from 'lucide-react';\r\nimport { toast } from 'sonner';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { Toast } from '../ui/feedback/Toast';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\n\r\nexport default function ConfirmDeleteAccountModal() {\r\n  const { activeModal, pagesCount, close } = useAccountModals();\r\n  const open = activeModal === 'confirmDelete';\r\n\r\n  const handleConfirm = () => {\r\n    toast.custom((t) => (\r\n      <Toast variant=\"success\" message=\"Conta excluída com sucesso\" toastId={t} />\r\n    ));\r\n    close();\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\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%]!\">\r\n        <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\r\n          <DialogHeader className=\"p-0\">\r\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n              Uma pena te ver ir!\r\n            </DialogTitle>\r\n          </DialogHeader>\r\n\r\n          <div className=\"bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4\">\r\n            <TriangleAlert size={20} className=\"text-red-500 shrink-0\" strokeWidth={2} />\r\n            <p className=\"paragraph-small-regular text-gray-600\">\r\n              Todas suas{' '}\r\n              <span className=\"font-semibold text-gray-950\">{pagesCount} páginas</span>{' '}\r\n              serão deletadas permanentemente. Essa ação é{' '}\r\n              <span className=\"font-semibold text-gray-950\">irreversível!</span>\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"h-px bg-gray-200\" />\r\n\r\n        <div className=\"flex items-center gap-2 p-4 lg:p-5\">\r\n          <Button className=\"h-10 flex-1\" onClick={close}>\r\n            Manter minha conta\r\n          </Button>\r\n          <Button variant=\"secondary\" className=\"h-10! flex-1\" onClick={handleConfirm}>\r\n            Excluir mesmo assim\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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.map

@@ -1 +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":"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","names":[]}
+{"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback } from 'react';\r\nimport { Lock, TriangleAlert } from 'lucide-react';\r\nimport { toast } from 'sonner';\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { FormField } from '../ui/form/FormField';\r\nimport { SelectField } from '../ui/form/SelectField';\r\nimport { TextAreaField } from '../ui/form/TextAreaField';\r\nimport { Toast } from '../ui/feedback/Toast';\r\nimport usePasswordVisibility from '../../hooks/usePasswordVisibility';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\nimport { AccountSectionType } from '../../enums/AccountSectionType';\r\n\r\nconst REASON_OPTIONS = [\r\n  { value: 'sem-funcao', label: 'A ferramenta não possui uma função que eu preciso' },\r\n  { value: 'problemas', label: 'Encontrei problemas técnicos ou erros no sistema' },\r\n  { value: 'suporte', label: 'Tive problemas com o suporte ou atendimento' },\r\n  { value: 'demora', label: 'As atualizações demoram mais do que o esperado' },\r\n  { value: 'temporario', label: 'O cancelamento é temporário' },\r\n  { value: 'outro', label: 'Outro motivo' },\r\n];\r\n\r\nexport default function DeleteAccountModal() {\r\n  const { activeModal, pagesCount, openConfigurations, openConfirmDelete, close } = useAccountModals();\r\n  const open = activeModal === 'deleteAccount';\r\n\r\n  const [reason, setReason] = useState('');\r\n  const [description, setDescription] = useState('');\r\n  const [password, setPassword] = useState('');\r\n  const { showPassword, togglePassword } = usePasswordVisibility();\r\n\r\n  const isFormValid = Boolean(reason && description && password);\r\n\r\n  const resetForm = useCallback(() => {\r\n    setReason('');\r\n    setDescription('');\r\n    setPassword('');\r\n  }, []);\r\n\r\n  const handleClose = () => {\r\n    resetForm();\r\n    openConfigurations(AccountSectionType.SECURITY);\r\n  };\r\n\r\n  const handleDelete = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    if (!isFormValid) {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Preencha todos os campos obrigatórios\" toastId={t} />\r\n      ));\r\n      return;\r\n    }\r\n    resetForm();\r\n    openConfirmDelete(pagesCount);\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\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\">\r\n        <form onSubmit={handleDelete} className=\"flex flex-col flex-1 lg:flex-none\">\r\n          <div className=\"flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none\">\r\n            <DialogHeader className=\"p-0\">\r\n              <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5\">\r\n                <TriangleAlert size={20} className=\"text-red-500\" />\r\n              </div>\r\n              <DialogTitle>Excluir conta</DialogTitle>\r\n              <DialogDescription className=\"paragraph-small-regular\">\r\n                Esta ação é <span className=\"font-semibold text-gray-950\">irreversível</span>. Ao\r\n                confirmar, sua conta e todos os seus dados serão excluídos.\r\n              </DialogDescription>\r\n            </DialogHeader>\r\n\r\n            <SelectField\r\n              label=\"Motivo do cancelamento\"\r\n              required\r\n              placeholder=\"Selecione\"\r\n              options={REASON_OPTIONS}\r\n              value={reason}\r\n              onChange={(value) => setReason(value as string)}\r\n              className=\"h-10!\"\r\n            />\r\n\r\n            <div>\r\n              <TextAreaField\r\n                label=\"Descreva o que levou a tomar essa decisão\"\r\n                required\r\n                placeholder=\"Explique sua decisão...\"\r\n                value={description}\r\n                onChange={(e) => setDescription(e.target.value)}\r\n                rows={4}\r\n                maxLength={400}\r\n              />\r\n              <span className=\"paragraph-xsmall-medium text-gray-600 text-left mt-1 block\">\r\n                {description.length}/400 caracteres\r\n              </span>\r\n            </div>\r\n\r\n            <FormField\r\n              className=\"text-gray-600\"\r\n              label=\"Senha\"\r\n              type=\"password\"\r\n              placeholder=\"Informe sua senha\"\r\n              leftIcon={Lock}\r\n              value={password}\r\n              onChange={(e) => setPassword(e.target.value)}\r\n              classnameContainer=\"h-10!\"\r\n              showPassword={showPassword}\r\n              onTogglePassword={togglePassword}\r\n            />\r\n          </div>\r\n\r\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\">\r\n            <Button\r\n              variant=\"default\"\r\n              className=\"h-10 flex-1 bg-gray-950 text-white hover:bg-gray-800\"\r\n              type=\"submit\"\r\n            >\r\n              Excluir conta\r\n            </Button>\r\n            <Button variant=\"secondary\" className=\"h-10 flex-1\" type=\"button\" onClick={handleClose}>\r\n              Fechar\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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.map

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { TriangleAlert } from 'lucide-react';\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\n\r\nexport default function IsntPossibleDeleteAccountModal() {\r\n  const { activeModal, close, config } = useAccountModals();\r\n  const { onGoToSubscription } = config;\r\n  const open = activeModal === 'isntPossibleDelete';\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\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%]!\">\r\n        <div className=\"flex flex-col gap-5\">\r\n          <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\r\n            <TriangleAlert size={20} className=\"text-red-500\" />\r\n          </div>\r\n          <DialogHeader className=\"p-0 gap-2\">\r\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n              Não é possível excluir a conta\r\n            </DialogTitle>\r\n            <DialogDescription className=\"paragraph-small-regular text-gray-600\">\r\n              Você tem uma assinatura ativa. Para excluir sua conta,{' '}\r\n              <span className=\"font-semibold text-gray-950\">primeiro cancele a assinatura</span> na\r\n              página Assinatura e depois tente novamente.\r\n            </DialogDescription>\r\n          </DialogHeader>\r\n        </div>\r\n\r\n        <div className=\"h-px bg-gray-200 -mx-6\" />\r\n\r\n        <div className=\"flex flex-row items-center gap-2\">\r\n          <Button className=\"h-10 flex-1\" onClick={close}>\r\n            Ok, entendi\r\n          </Button>\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"h-10 flex-1\"\r\n            onClick={onGoToSubscription ?? close}\r\n          >\r\n            Ir para assinatura\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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/account/hooks/useTwoFactorAuthForm.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useTwoFactorAuthForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { useMutation } from '@tanstack/react-query';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { copyToClipboard } from '../../../utils/browser/clipboard';\nimport {\n  generateTwoFactorAction,\n  confirmTwoFactorAction,\n} from '../../../modules/accounts/actions/account-management.action';\nimport { withAction } from '../../../utils/withAction';\n\ntype Step = 'code' | 'recovery';\n\ninterface UseTwoFactorAuthFormProps {\n  onSuccess?: () => void;\n  open?: boolean;\n}\n\nexport default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {\n  const [code, setCode] = useState('');\n  const [step, setStep] = useState<Step>('code');\n\n  const generateMutation = useMutation({\n    mutationFn: withAction(generateTwoFactorAction),\n    onError: () => {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Erro ao gerar QR Code. Tente novamente.\" toastId={t} />\n      ));\n    },\n  });\n\n  const confirmMutation = useMutation({\n    mutationFn: withAction(confirmTwoFactorAction),\n    onSuccess: () => {\n      setStep('recovery');\n    },\n    onError: () => {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Erro ao confirmar código. Tente novamente.\" toastId={t} />\n      ));\n    },\n  });\n\n  const { mutate: triggerGenerate } = generateMutation;\n\n  useEffect(() => {\n    if (open) {\n      triggerGenerate();\n    }\n  }, [open, triggerGenerate]);\n\n  const generateFailed = generateMutation.isError;\n\n  const isCodeComplete = code.length === 6;\n\n  const handleSubmit = () => {\n    if (!isCodeComplete) return;\n    confirmMutation.mutate(code);\n  };\n\n  const handleFinalize = () => {\n    onSuccess?.();\n    setTimeout(resetForm, 300);\n  };\n\n  const handleCopyCodes = useCallback(async () => {\n    const codes = generateMutation.data?.backupCodes ?? [];\n    const success = await copyToClipboard(codes.join('\\n'));\n    if (success) {\n      toast.custom((t) => (\n        <Toast variant=\"success\" message=\"Códigos copiados com sucesso\" toastId={t} />\n      ));\n    }\n  }, [generateMutation.data]);\n\n  const resetForm = () => {\n    setCode('');\n    setStep('code');\n    generateMutation.reset();\n    confirmMutation.reset();\n  };\n\n  return {\n    code,\n    setCode,\n    isCodeComplete,\n    isGenerating: generateMutation.isPending,\n    isConfirming: confirmMutation.isPending,\n    generateFailed,\n    retryGenerate: triggerGenerate,\n    qrcode: generateMutation.data?.qrcode,\n    backupCodes: generateMutation.data?.backupCodes ?? [],\n    step,\n    handleSubmit,\n    handleFinalize,\n    handleCopyCodes,\n    resetForm,\n  };\n}\n"],"mappings":";AA4BQ;AA1BR,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AASZ,SAAR,qBAAsC,EAAE,WAAW,KAAK,IAA+B,CAAC,GAAG;AAChG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,MAAM;AAE7C,QAAM,mBAAmB,YAAY;AAAA,IACnC,YAAY,WAAW,uBAAuB;AAAA,IAC9C,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,2CAA0C,SAAS,GAAG,CACtF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,YAAY;AAAA,IAClC,YAAY,WAAW,sBAAsB;AAAA,IAC7C,WAAW,MAAM;AACf,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,iDAA6C,SAAS,GAAG,CACzF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,EAAE,QAAQ,gBAAgB,IAAI;AAEpC,YAAU,MAAM;AACd,QAAI,MAAM;AACR,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,iBAAiB,KAAK,WAAW;AAEvC,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,eAAgB;AACrB,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AACZ,eAAW,WAAW,GAAG;AAAA,EAC3B;AAEA,QAAM,kBAAkB,YAAY,YAAY;AAC9C,UAAM,QAAQ,iBAAiB,MAAM,eAAe,CAAC;AACrD,UAAM,UAAU,MAAM,gBAAgB,MAAM,KAAK,IAAI,CAAC;AACtD,QAAI,SAAS;AACX,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,mCAA+B,SAAS,GAAG,CAC7E;AAAA,IACH;AAAA,EACF,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,YAAY,MAAM;AACtB,YAAQ,EAAE;AACV,YAAQ,MAAM;AACd,qBAAiB,MAAM;AACvB,oBAAgB,MAAM;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,iBAAiB;AAAA,IAC/B,cAAc,gBAAgB;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,IACf,QAAQ,iBAAiB,MAAM;AAAA,IAC/B,aAAa,iBAAiB,MAAM,eAAe,CAAC;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/hooks/useTwoFactorAuthForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback, useEffect } from 'react';\r\nimport { useMutation } from '@tanstack/react-query';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { copyToClipboard } from '../../../utils/browser/clipboard';\r\nimport {\r\n  generateTwoFactorAction,\r\n  confirmTwoFactorAction,\r\n} from '../../../modules/accounts/actions/account-management.action';\r\nimport { withAction } from '../../../utils/withAction';\r\n\r\ntype Step = 'code' | 'recovery';\r\n\r\ninterface UseTwoFactorAuthFormProps {\r\n  onSuccess?: () => void;\r\n  open?: boolean;\r\n}\r\n\r\nexport default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {\r\n  const [code, setCode] = useState('');\r\n  const [step, setStep] = useState<Step>('code');\r\n\r\n  const generateMutation = useMutation({\r\n    mutationFn: withAction(generateTwoFactorAction),\r\n    onError: () => {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Erro ao gerar QR Code. Tente novamente.\" toastId={t} />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const confirmMutation = useMutation({\r\n    mutationFn: withAction(confirmTwoFactorAction),\r\n    onSuccess: () => {\r\n      setStep('recovery');\r\n    },\r\n    onError: () => {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Erro ao confirmar código. Tente novamente.\" toastId={t} />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const { mutate: triggerGenerate } = generateMutation;\r\n\r\n  useEffect(() => {\r\n    if (open) {\r\n      triggerGenerate();\r\n    }\r\n  }, [open, triggerGenerate]);\r\n\r\n  const generateFailed = generateMutation.isError;\r\n\r\n  const isCodeComplete = code.length === 6;\r\n\r\n  const handleSubmit = () => {\r\n    if (!isCodeComplete) return;\r\n    confirmMutation.mutate(code);\r\n  };\r\n\r\n  const handleFinalize = () => {\r\n    onSuccess?.();\r\n    setTimeout(resetForm, 300);\r\n  };\r\n\r\n  const handleCopyCodes = useCallback(async () => {\r\n    const codes = generateMutation.data?.backupCodes ?? [];\r\n    const success = await copyToClipboard(codes.join('\\n'));\r\n    if (success) {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"success\" message=\"Códigos copiados com sucesso\" toastId={t} />\r\n      ));\r\n    }\r\n  }, [generateMutation.data]);\r\n\r\n  const resetForm = () => {\r\n    setCode('');\r\n    setStep('code');\r\n    generateMutation.reset();\r\n    confirmMutation.reset();\r\n  };\r\n\r\n  return {\r\n    code,\r\n    setCode,\r\n    isCodeComplete,\r\n    isGenerating: generateMutation.isPending,\r\n    isConfirming: confirmMutation.isPending,\r\n    generateFailed,\r\n    retryGenerate: triggerGenerate,\r\n    qrcode: generateMutation.data?.qrcode,\r\n    backupCodes: generateMutation.data?.backupCodes ?? [],\r\n    step,\r\n    handleSubmit,\r\n    handleFinalize,\r\n    handleCopyCodes,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":";AA4BQ;AA1BR,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AASZ,SAAR,qBAAsC,EAAE,WAAW,KAAK,IAA+B,CAAC,GAAG;AAChG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,MAAM;AAE7C,QAAM,mBAAmB,YAAY;AAAA,IACnC,YAAY,WAAW,uBAAuB;AAAA,IAC9C,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,2CAA0C,SAAS,GAAG,CACtF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,YAAY;AAAA,IAClC,YAAY,WAAW,sBAAsB;AAAA,IAC7C,WAAW,MAAM;AACf,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,iDAA6C,SAAS,GAAG,CACzF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,EAAE,QAAQ,gBAAgB,IAAI;AAEpC,YAAU,MAAM;AACd,QAAI,MAAM;AACR,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,iBAAiB,KAAK,WAAW;AAEvC,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,eAAgB;AACrB,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AACZ,eAAW,WAAW,GAAG;AAAA,EAC3B;AAEA,QAAM,kBAAkB,YAAY,YAAY;AAC9C,UAAM,QAAQ,iBAAiB,MAAM,eAAe,CAAC;AACrD,UAAM,UAAU,MAAM,gBAAgB,MAAM,KAAK,IAAI,CAAC;AACtD,QAAI,SAAS;AACX,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,mCAA+B,SAAS,GAAG,CAC7E;AAAA,IACH;AAAA,EACF,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,YAAY,MAAM;AACtB,YAAQ,EAAE;AACV,YAAQ,MAAM;AACd,qBAAiB,MAAM;AACvB,oBAAgB,MAAM;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,iBAAiB;AAAA,IAC/B,cAAc,gBAAgB;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,IACf,QAAQ,iBAAiB,MAAM;AAAA,IAC/B,aAAa,iBAAiB,MAAM,eAAe,CAAC;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -1 +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\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\n\nexport interface AppMobileNavBarProps {\n  /** Which app is currently active — controls which icon gets the indicator */\n  activeApp?: \"gapps\" | \"gpages\";\n  /** Called when the GreatApps logo is clicked */\n  onLogoClick?: () => void;\n  /** Called when the app icon (e.g. GreatPages) is clicked */\n  onAppIconClick?: () => void;\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}\n\nexport function AppMobileNavBar({\n  activeApp,\n  onLogoClick,\n  onAppIconClick,\n  extraLeftSlot,\n  rightActionSlot,\n  menuItems = [],\n  onCreditsClick,\n}: AppMobileNavBarProps) {\n  const { openConfigurations } = useAccountModals();\n\n  const isGpagesActive = activeApp === \"gpages\";\n  const isGappsActive = activeApp === \"gapps\";\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        <Tooltip>\n          <TooltipTrigger asChild>\n            <div\n              className={`relative size-10 flex items-center justify-center rounded-lg transition-colors ${onLogoClick ? \"cursor-pointer hover:bg-gray-100\" : \"\"}`}\n              onClick={onLogoClick}\n            >\n              <Image\n                src=\"/icons/great-icon.svg\"\n                alt=\"GreatApps\"\n                width={28}\n                height={28}\n              />\n              {isGappsActive && (\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          </TooltipTrigger>\n          <TooltipContent side=\"bottom\">GreatApps</TooltipContent>\n        </Tooltip>\n        <div className=\"relative\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              {isGpagesActive ? (\n                <div\n                  className=\"size-10 rounded-xl cursor-pointer p-[2px]\"\n                  style={{\n                    border: \"1.5px solid rgba(153,234,255,0.75)\",\n                    background: \"white\",\n                    boxShadow:\n                      \"0 0 8px rgba(153,234,255,0.5), 0 0 18px rgba(153,234,255,0.2)\",\n                  }}\n                  onClick={onAppIconClick}\n                >\n                  <div\n                    className=\"w-full h-full rounded-lg flex items-center justify-center\"\n                    style={{\n                      background:\n                        \"radial-gradient(circle at center, rgba(255,255,255,0.95) 0%, rgba(153,234,255,0.45) 100%)\",\n                    }}\n                  >\n                    <Image\n                      src=\"/icons/icon-navbar.svg\"\n                      alt=\"GreatPages\"\n                      width={24}\n                      height={24}\n                    />\n                  </div>\n                </div>\n              ) : (\n                <div\n                  className={`size-10 flex items-center justify-center rounded-lg transition-colors duration-300 bg-gray-100 ${onAppIconClick ? \"cursor-pointer hover:opacity-80\" : \"\"}`}\n                  onClick={onAppIconClick}\n                >\n                  <Image\n                    src=\"/icons/icon-navbar.svg\"\n                    alt=\"GreatPages\"\n                    width={24}\n                    height={24}\n                  />\n                </div>\n              )}\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\">GreatPages</TooltipContent>\n          </Tooltip>\n          {isGpagesActive && (\n            <div className=\"absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] rounded-t-xl\" style={{ backgroundColor: \"#6ADCFF\" }} />\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        />\n        {rightActionSlot}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA2CY,SAIE,KAJF;AAxCZ,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAEjC,SAAS,SAAS,gBAAgB,sBAAsB;AAiBjD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AACF,GAAyB;AACvB,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAEhD,QAAM,iBAAiB,cAAc;AACrC,QAAM,gBAAgB,cAAc;AAEpC,SACE,qBAAC,SAAI,WAAU,qHACb;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA,2BAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MACrB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,kFAAkF,cAAc,qCAAqC,EAAE;AAAA,YAClJ,SAAS;AAAA,YAET;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA;AAAA,cACV;AAAA,cACC,iBACC,oBAAC,SAAI,WAAU,0FAAyF;AAAA;AAAA;AAAA,QAE5G,GACF;AAAA,QACA,oBAAC,kBAAe,MAAK,UAAS,uBAAS;AAAA,SACzC;AAAA,MACA,qBAAC,SAAI,WAAU,YACb;AAAA,6BAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MACpB,2BACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,QAAQ;AAAA,gBACR,YAAY;AAAA,gBACZ,WACE;AAAA,cACJ;AAAA,cACA,SAAS;AAAA,cAET;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,YACE;AAAA,kBACJ;AAAA,kBAEA;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAI;AAAA,sBACJ,KAAI;AAAA,sBACJ,OAAO;AAAA,sBACP,QAAQ;AAAA;AAAA,kBACV;AAAA;AAAA,cACF;AAAA;AAAA,UACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,kGAAkG,iBAAiB,oCAAoC,EAAE;AAAA,cACpK,SAAS;AAAA,cAET;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA;AAAA,cACV;AAAA;AAAA,UACF,GAEJ;AAAA,UACA,oBAAC,kBAAe,MAAK,UAAS,wBAAU;AAAA,WAC1C;AAAA,QACC,kBACC,oBAAC,SAAI,WAAU,8EAA6E,OAAO,EAAE,iBAAiB,UAAU,GAAG;AAAA,SAEvI;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;AAAA,MACF;AAAA,MACC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/AppMobileNavBar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode } from \"react\";\r\nimport Image from \"next/image\";\r\nimport { ProfilePopover } from \"./ProfilePopover\";\r\nimport { useAccountModals } from \"../../store/useAccountModals\";\r\nimport type { ProfileMenuItem } from \"./ProfilePopover\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\r\n\r\nexport interface AppMobileNavBarProps {\r\n  /** Which app is currently active — controls which icon gets the indicator */\r\n  activeApp?: \"gapps\" | \"gpages\";\r\n  /** Called when the GreatApps logo is clicked */\r\n  onLogoClick?: () => void;\r\n  /** Called when the app icon (e.g. GreatPages) is clicked */\r\n  onAppIconClick?: () => void;\r\n  /** Extra slot rendered after the app icon (e.g. project selector) */\r\n  extraLeftSlot?: ReactNode;\r\n  /** Required: the right-side action element (toggle button, sheet button, etc.) */\r\n  rightActionSlot: ReactNode;\r\n  menuItems?: ProfileMenuItem[];\r\n  onCreditsClick?: () => void;\r\n}\r\n\r\nexport function AppMobileNavBar({\r\n  activeApp,\r\n  onLogoClick,\r\n  onAppIconClick,\r\n  extraLeftSlot,\r\n  rightActionSlot,\r\n  menuItems = [],\r\n  onCreditsClick,\r\n}: AppMobileNavBarProps) {\r\n  const { openConfigurations } = useAccountModals();\r\n\r\n  const isGpagesActive = activeApp === \"gpages\";\r\n  const isGappsActive = activeApp === \"gapps\";\r\n\r\n  return (\r\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\">\r\n      <div className=\"flex items-center gap-1.5\">\r\n        <Tooltip>\r\n          <TooltipTrigger asChild>\r\n            <div\r\n              className={`relative size-10 flex items-center justify-center rounded-lg transition-colors ${onLogoClick ? \"cursor-pointer hover:bg-gray-100\" : \"\"}`}\r\n              onClick={onLogoClick}\r\n            >\r\n              <Image\r\n                src=\"/icons/great-icon.svg\"\r\n                alt=\"GreatApps\"\r\n                width={28}\r\n                height={28}\r\n              />\r\n              {isGappsActive && (\r\n                <div className=\"absolute bottom-[-17px] left-1/2 -translate-x-1/2 w-5 h-[3px] bg-gray-950 rounded-t-xl\" />\r\n              )}\r\n            </div>\r\n          </TooltipTrigger>\r\n          <TooltipContent side=\"bottom\">GreatApps</TooltipContent>\r\n        </Tooltip>\r\n        <div className=\"relative\">\r\n          <Tooltip>\r\n            <TooltipTrigger asChild>\r\n              {isGpagesActive ? (\r\n                <div\r\n                  className=\"size-10 rounded-xl cursor-pointer p-[2px]\"\r\n                  style={{\r\n                    border: \"1.5px solid rgba(153,234,255,0.75)\",\r\n                    background: \"white\",\r\n                    boxShadow:\r\n                      \"0 0 8px rgba(153,234,255,0.5), 0 0 18px rgba(153,234,255,0.2)\",\r\n                  }}\r\n                  onClick={onAppIconClick}\r\n                >\r\n                  <div\r\n                    className=\"w-full h-full rounded-lg flex items-center justify-center\"\r\n                    style={{\r\n                      background:\r\n                        \"radial-gradient(circle at center, rgba(255,255,255,0.95) 0%, rgba(153,234,255,0.45) 100%)\",\r\n                    }}\r\n                  >\r\n                    <Image\r\n                      src=\"/icons/icon-navbar.svg\"\r\n                      alt=\"GreatPages\"\r\n                      width={24}\r\n                      height={24}\r\n                    />\r\n                  </div>\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={`size-10 flex items-center justify-center rounded-lg transition-colors duration-300 bg-gray-100 ${onAppIconClick ? \"cursor-pointer hover:opacity-80\" : \"\"}`}\r\n                  onClick={onAppIconClick}\r\n                >\r\n                  <Image\r\n                    src=\"/icons/icon-navbar.svg\"\r\n                    alt=\"GreatPages\"\r\n                    width={24}\r\n                    height={24}\r\n                  />\r\n                </div>\r\n              )}\r\n            </TooltipTrigger>\r\n            <TooltipContent side=\"bottom\">GreatPages</TooltipContent>\r\n          </Tooltip>\r\n          {isGpagesActive && (\r\n            <div className=\"absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] rounded-t-xl\" style={{ backgroundColor: \"#6ADCFF\" }} />\r\n          )}\r\n        </div>\r\n        {extraLeftSlot}\r\n      </div>\r\n      <div className=\"flex items-center gap-1.5\">\r\n        <ProfilePopover\r\n          side=\"bottom\"\r\n          align=\"end\"\r\n          contentClassName=\"\"\r\n          onEditProfile={() => openConfigurations()}\r\n          onCreditsClick={onCreditsClick}\r\n          menuItems={menuItems}\r\n        />\r\n        {rightActionSlot}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AA2CY,SAIE,KAJF;AAxCZ,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAEjC,SAAS,SAAS,gBAAgB,sBAAsB;AAiBjD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AACF,GAAyB;AACvB,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAEhD,QAAM,iBAAiB,cAAc;AACrC,QAAM,gBAAgB,cAAc;AAEpC,SACE,qBAAC,SAAI,WAAU,qHACb;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA,2BAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MACrB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,kFAAkF,cAAc,qCAAqC,EAAE;AAAA,YAClJ,SAAS;AAAA,YAET;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA;AAAA,cACV;AAAA,cACC,iBACC,oBAAC,SAAI,WAAU,0FAAyF;AAAA;AAAA;AAAA,QAE5G,GACF;AAAA,QACA,oBAAC,kBAAe,MAAK,UAAS,uBAAS;AAAA,SACzC;AAAA,MACA,qBAAC,SAAI,WAAU,YACb;AAAA,6BAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MACpB,2BACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,QAAQ;AAAA,gBACR,YAAY;AAAA,gBACZ,WACE;AAAA,cACJ;AAAA,cACA,SAAS;AAAA,cAET;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,YACE;AAAA,kBACJ;AAAA,kBAEA;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAI;AAAA,sBACJ,KAAI;AAAA,sBACJ,OAAO;AAAA,sBACP,QAAQ;AAAA;AAAA,kBACV;AAAA;AAAA,cACF;AAAA;AAAA,UACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,kGAAkG,iBAAiB,oCAAoC,EAAE;AAAA,cACpK,SAAS;AAAA,cAET;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA;AAAA,cACV;AAAA;AAAA,UACF,GAEJ;AAAA,UACA,oBAAC,kBAAe,MAAK,UAAS,wBAAU;AAAA,WAC1C;AAAA,QACC,kBACC,oBAAC,SAAI,WAAU,8EAA6E,OAAO,EAAE,iBAAiB,UAAU,GAAG;AAAA,SAEvI;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;AAAA,MACF;AAAA,MACC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/AppNavBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRouter } from \"next/navigation\";\nimport { NavBar } from \"./NavBar\";\nimport { ProfilePopover } from \"./ProfilePopover\";\nimport { NotificationsPopover } from \"./NotificationsPopover\";\nimport { useAccountModals } from \"../../store/useAccountModals\";\nimport type { ProfileMenuItem } from \"./ProfilePopover\";\n\nexport interface AppNavBarProps {\n  onLogoClick?: () => void;\n  /** Which app is currently active — controls which icon gets the indicator */\n  activeApp?: \"gapps\" | \"gpages\";\n  appIconHref?: string;\n  showExpandButton?: boolean;\n  onExpandClick?: () => void;\n  menuItems?: ProfileMenuItem[];\n  onCreditsClick?: () => void;\n  onNotificationsViewAll?: () => void;\n  logoutRedirect?: string;\n}\n\nexport function AppNavBar({\n  onLogoClick,\n  activeApp,\n  appIconHref = \"/\",\n  showExpandButton = false,\n  onExpandClick,\n  menuItems = [],\n  onCreditsClick,\n  onNotificationsViewAll,\n  logoutRedirect,\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      onAppIconClick={handleAppIconClick}\n      activeApp={activeApp}\n      showExpandButton={showExpandButton}\n      onExpandClick={onExpandClick}\n    >\n      <NotificationsPopover onViewAll={onNotificationsViewAll} />\n      <ProfilePopover\n        onEditProfile={() => openConfigurations()}\n        onCreditsClick={onCreditsClick}\n        menuItems={menuItems}\n        logoutRedirect={logoutRedirect}\n      />\n    </NavBar>\n  );\n}\n"],"mappings":";AAwCI,SAOE,KAPF;AAtCJ,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAgB1B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY,CAAC;AAAA,EACb;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,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,wBAAqB,WAAW,wBAAwB;AAAA,QACzD;AAAA,UAAC;AAAA;AAAA,YACC,eAAe,MAAM,mBAAmB;AAAA,YACxC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/AppNavBar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useRouter } from \"next/navigation\";\r\nimport { NavBar } from \"./NavBar\";\r\nimport { ProfilePopover } from \"./ProfilePopover\";\r\nimport { NotificationsPopover } from \"./NotificationsPopover\";\r\nimport { useAccountModals } from \"../../store/useAccountModals\";\r\nimport type { ProfileMenuItem } from \"./ProfilePopover\";\r\n\r\nexport interface AppNavBarProps {\r\n  onLogoClick?: () => void;\r\n  /** Which app is currently active — controls which icon gets the indicator */\r\n  activeApp?: \"gapps\" | \"gpages\";\r\n  appIconHref?: string;\r\n  showExpandButton?: boolean;\r\n  onExpandClick?: () => void;\r\n  menuItems?: ProfileMenuItem[];\r\n  onCreditsClick?: () => void;\r\n  onNotificationsViewAll?: () => void;\r\n  logoutRedirect?: string;\r\n}\r\n\r\nexport function AppNavBar({\r\n  onLogoClick,\r\n  activeApp,\r\n  appIconHref = \"/\",\r\n  showExpandButton = false,\r\n  onExpandClick,\r\n  menuItems = [],\r\n  onCreditsClick,\r\n  onNotificationsViewAll,\r\n  logoutRedirect,\r\n}: AppNavBarProps) {\r\n  const router = useRouter();\r\n  const { openConfigurations } = useAccountModals();\r\n\r\n  const handleLogoClick = onLogoClick ?? (() => router.push(\"/\"));\r\n  const handleAppIconClick = () => router.push(appIconHref);\r\n\r\n  return (\r\n    <NavBar\r\n      onLogoClick={handleLogoClick}\r\n      onAppIconClick={handleAppIconClick}\r\n      activeApp={activeApp}\r\n      showExpandButton={showExpandButton}\r\n      onExpandClick={onExpandClick}\r\n    >\r\n      <NotificationsPopover onViewAll={onNotificationsViewAll} />\r\n      <ProfilePopover\r\n        onEditProfile={() => openConfigurations()}\r\n        onCreditsClick={onCreditsClick}\r\n        menuItems={menuItems}\r\n        logoutRedirect={logoutRedirect}\r\n      />\r\n    </NavBar>\r\n  );\r\n}\r\n"],"mappings":";AAwCI,SAOE,KAPF;AAtCJ,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAgB1B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY,CAAC;AAAA,EACb;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,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,wBAAqB,WAAW,wBAAwB;AAAA,QACzD;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/layouts/NavBar.mjs

@@ -70,35 +70,7 @@ function NavBar({
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsxs(Tooltip, { children: [
-              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, onClick: onAppIconClick, children: activeApp === "gpages" ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "size-10 rounded-xl cursor-pointer p-[2px]",
-                  style: {
-                    border: "1.5px solid rgba(153,234,255,0.75)",
-                    background: "white",
-                    boxShadow: "0 0 8px rgba(153,234,255,0.5), 0 0 18px rgba(153,234,255,0.2)"
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "w-full h-full rounded-lg flex items-center justify-center",
-                      style: {
-                        background: "radial-gradient(circle at center, rgba(255,255,255,0.95) 0%, rgba(153,234,255,0.45) 100%)"
-                      },
-                      children: /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: "/icons/icon-navbar.svg",
-                          alt: "GreatPages",
-                          width: 24,
-                          height: 24
-                        }
-                      )
-                    }
-                  )
-                }
-              ) : /* @__PURE__ */ jsx("div", { className: "size-10 flex items-center justify-center rounded-lg cursor-pointer hover:bg-gray-100 transition-colors duration-300", children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, onClick: onAppIconClick, children: /* @__PURE__ */ jsx("div", { className: "size-10 flex items-center justify-center rounded-lg cursor-pointer hover:bg-gray-100 transition-colors duration-300", children: /* @__PURE__ */ jsx(
                 Image,
                 {
                   src: "/icons/icon-navbar.svg",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/NavBar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport Image from \"next/image\";\nimport { ChevronRight } from \"lucide-react\";\nimport { Separator } from \"../ui/data-display/Separator\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\nimport { cn } from \"../../infra/utils/clsx\";\n\ntype NavBarProps = {\n  onLogoClick: () => void;\n  onAppIconClick?: () => void;\n  activeApp?: \"gapps\" | \"gpages\";\n  showExpandButton?: boolean;\n  onExpandClick?: () => void;\n  children?: React.ReactNode;\n  className?: string;\n};\n\nfunction NavBar({\n  onLogoClick,\n  onAppIconClick,\n  activeApp,\n  showExpandButton = false,\n  onExpandClick,\n  children,\n  className,\n}: NavBarProps) {\n  return (\n    <div\n      className={cn(\n        \"hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white\",\n        className,\n      )}\n    >\n      <div className=\"flex flex-col gap-4 items-center mt-[6.5px]\">\n        {/* GreatApps logo */}\n        <div className=\"relative\">\n          <Tooltip>\n            <TooltipTrigger\n              className=\"cursor-pointer\"\n              asChild\n              onClick={onLogoClick}\n            >\n              <Image\n                src=\"/icons/great-icon.svg\"\n                alt=\"Great Icon\"\n                width={28}\n                height={28}\n              />\n            </TooltipTrigger>\n            <TooltipContent side=\"right\">GreatApps</TooltipContent>\n          </Tooltip>\n          <div\n            className={cn(\n              \"absolute -left-[22px] top-1/2 -translate-y-1/2 w-[3px] h-5 bg-gray-950 rounded-r-xl transition-opacity duration-300\",\n              activeApp === \"gapps\" ? \"opacity-100\" : \"opacity-0\",\n            )}\n          />\n        </div>\n\n        <div className=\"relative w-full mt-[7.5px]\">\n          <Separator />\n          {showExpandButton && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  onClick={onExpandClick}\n                  className=\"lg:hidden absolute top-1/2 -translate-y-1/2 right-0 translate-x-[calc(50%+1rem)] size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-10\"\n                >\n                  <ChevronRight size={16} className=\"text-gray-500\" />\n                </button>\n              </TooltipTrigger>\n              <TooltipContent side=\"right\">Expandir menu</TooltipContent>\n            </Tooltip>\n          )}\n        </div>\n\n        {/* GreatPages icon */}\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"relative\">\n            <Tooltip>\n              <TooltipTrigger asChild onClick={onAppIconClick}>\n                {activeApp === \"gpages\" ? (\n                  <div\n                    className=\"size-10 rounded-xl cursor-pointer p-[2px]\"\n                    style={{\n                      border: \"1.5px solid rgba(153,234,255,0.75)\",\n                      background: \"white\",\n                      boxShadow:\n                        \"0 0 8px rgba(153,234,255,0.5), 0 0 18px rgba(153,234,255,0.2)\",\n                    }}\n                  >\n                    <div\n                      className=\"w-full h-full rounded-lg flex items-center justify-center\"\n                      style={{\n                        background:\n                          \"radial-gradient(circle at center, rgba(255,255,255,0.95) 0%, rgba(153,234,255,0.45) 100%)\",\n                      }}\n                    >\n                      <Image\n                        src=\"/icons/icon-navbar.svg\"\n                        alt=\"GreatPages\"\n                        width={24}\n                        height={24}\n                      />\n                    </div>\n                  </div>\n                ) : (\n                  <div className=\"size-10 flex items-center justify-center rounded-lg cursor-pointer hover:bg-gray-100 transition-colors duration-300\">\n                    <Image\n                      src=\"/icons/icon-navbar.svg\"\n                      alt=\"GreatPages\"\n                      width={28}\n                      height={28}\n                    />\n                  </div>\n                )}\n              </TooltipTrigger>\n              <TooltipContent side=\"right\">GreatPages</TooltipContent>\n            </Tooltip>\n            <div\n              className={cn(\n                \"absolute -left-[22px] top-1/2 -translate-y-1/2 w-[3px] h-5 rounded-r-xl transition-opacity duration-300\",\n                activeApp === \"gpages\" ? \"opacity-100\" : \"opacity-0\",\n              )}\n              style={{ backgroundColor: \"#6ADCFF\" }}\n            />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex flex-col items-center gap-2\">{children}</div>\n    </div>\n  );\n}\n\nexport { NavBar };\nexport type { NavBarProps };\n"],"mappings":";AAsCU,SAMI,KANJ;AAnCV,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU;AAYnB,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,+CAEb;AAAA,+BAAC,SAAI,WAAU,YACb;AAAA,iCAAC,WACC;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAO;AAAA,kBACP,SAAS;AAAA,kBAET;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAI;AAAA,sBACJ,KAAI;AAAA,sBACJ,OAAO;AAAA,sBACP,QAAQ;AAAA;AAAA,kBACV;AAAA;AAAA,cACF;AAAA,cACA,oBAAC,kBAAe,MAAK,SAAQ,uBAAS;AAAA,eACxC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,cAAc,UAAU,gBAAgB;AAAA,gBAC1C;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,8BACb;AAAA,gCAAC,aAAU;AAAA,YACV,oBACC,qBAAC,WACC;AAAA,kCAAC,kBAAe,SAAO,MACrB;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS;AAAA,kBACT,WAAU;AAAA,kBAEV,8BAAC,gBAAa,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,cACpD,GACF;AAAA,cACA,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,eAC5C;AAAA,aAEJ;AAAA,UAGA,oBAAC,SAAI,WAAU,uBACb,+BAAC,SAAI,WAAU,YACb;AAAA,iCAAC,WACC;AAAA,kCAAC,kBAAe,SAAO,MAAC,SAAS,gBAC9B,wBAAc,WACb;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,QAAQ;AAAA,oBACR,YAAY;AAAA,oBACZ,WACE;AAAA,kBACJ;AAAA,kBAEA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO;AAAA,wBACL,YACE;AAAA,sBACJ;AAAA,sBAEA;AAAA,wBAAC;AAAA;AAAA,0BACC,KAAI;AAAA,0BACJ,KAAI;AAAA,0BACJ,OAAO;AAAA,0BACP,QAAQ;AAAA;AAAA,sBACV;AAAA;AAAA,kBACF;AAAA;AAAA,cACF,IAEA,oBAAC,SAAI,WAAU,uHACb;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA;AAAA,cACV,GACF,GAEJ;AAAA,cACA,oBAAC,kBAAe,MAAK,SAAQ,wBAAU;AAAA,eACzC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,cAAc,WAAW,gBAAgB;AAAA,gBAC3C;AAAA,gBACA,OAAO,EAAE,iBAAiB,UAAU;AAAA;AAAA,YACtC;AAAA,aACF,GACF;AAAA,WACF;AAAA,QAEA,oBAAC,SAAI,WAAU,oCAAoC,UAAS;AAAA;AAAA;AAAA,EAC9D;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/NavBar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport Image from \"next/image\";\r\nimport { ChevronRight } from \"lucide-react\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\n\r\ntype NavBarProps = {\r\n  onLogoClick: () => void;\r\n  onAppIconClick?: () => void;\r\n  activeApp?: \"gapps\" | \"gpages\";\r\n  showExpandButton?: boolean;\r\n  onExpandClick?: () => void;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\nfunction NavBar({\r\n  onLogoClick,\r\n  onAppIconClick,\r\n  activeApp,\r\n  showExpandButton = false,\r\n  onExpandClick,\r\n  children,\r\n  className,\r\n}: NavBarProps) {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white\",\r\n        className,\r\n      )}\r\n    >\r\n      <div className=\"flex flex-col gap-4 items-center mt-[6.5px]\">\r\n        {/* GreatApps logo */}\r\n        <div className=\"relative\">\r\n          <Tooltip>\r\n            <TooltipTrigger\r\n              className=\"cursor-pointer\"\r\n              asChild\r\n              onClick={onLogoClick}\r\n            >\r\n              <Image\r\n                src=\"/icons/great-icon.svg\"\r\n                alt=\"Great Icon\"\r\n                width={28}\r\n                height={28}\r\n              />\r\n            </TooltipTrigger>\r\n            <TooltipContent side=\"right\">GreatApps</TooltipContent>\r\n          </Tooltip>\r\n          <div\r\n            className={cn(\r\n              \"absolute -left-[22px] top-1/2 -translate-y-1/2 w-[3px] h-5 bg-gray-950 rounded-r-xl transition-opacity duration-300\",\r\n              activeApp === \"gapps\" ? \"opacity-100\" : \"opacity-0\",\r\n            )}\r\n          />\r\n        </div>\r\n\r\n        <div className=\"relative w-full mt-[7.5px]\">\r\n          <Separator />\r\n          {showExpandButton && (\r\n            <Tooltip>\r\n              <TooltipTrigger asChild>\r\n                <button\r\n                  onClick={onExpandClick}\r\n                  className=\"lg:hidden absolute top-1/2 -translate-y-1/2 right-0 translate-x-[calc(50%+1rem)] size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-10\"\r\n                >\r\n                  <ChevronRight size={16} className=\"text-gray-500\" />\r\n                </button>\r\n              </TooltipTrigger>\r\n              <TooltipContent side=\"right\">Expandir menu</TooltipContent>\r\n            </Tooltip>\r\n          )}\r\n        </div>\r\n\r\n        {/* GreatPages icon */}\r\n        <div className=\"flex flex-col gap-2\">\r\n          <div className=\"relative\">\r\n            <Tooltip>\r\n              <TooltipTrigger asChild onClick={onAppIconClick}>\r\n                <div className=\"size-10 flex items-center justify-center rounded-lg cursor-pointer hover:bg-gray-100 transition-colors duration-300\">\r\n                  <Image\r\n                    src=\"/icons/icon-navbar.svg\"\r\n                    alt=\"GreatPages\"\r\n                    width={28}\r\n                    height={28}\r\n                  />\r\n                </div>\r\n              </TooltipTrigger>\r\n              <TooltipContent side=\"right\">GreatPages</TooltipContent>\r\n            </Tooltip>\r\n            <div\r\n              className={cn(\r\n                \"absolute -left-[22px] top-1/2 -translate-y-1/2 w-[3px] h-5 rounded-r-xl transition-opacity duration-300\",\r\n                activeApp === \"gpages\" ? \"opacity-100\" : \"opacity-0\",\r\n              )}\r\n              style={{ backgroundColor: \"#6ADCFF\" }}\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"flex flex-col items-center gap-2\">{children}</div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport { NavBar };\r\nexport type { NavBarProps };\r\n"],"mappings":";AAsCU,SAMI,KANJ;AAnCV,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU;AAYnB,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,+CAEb;AAAA,+BAAC,SAAI,WAAU,YACb;AAAA,iCAAC,WACC;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAO;AAAA,kBACP,SAAS;AAAA,kBAET;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAI;AAAA,sBACJ,KAAI;AAAA,sBACJ,OAAO;AAAA,sBACP,QAAQ;AAAA;AAAA,kBACV;AAAA;AAAA,cACF;AAAA,cACA,oBAAC,kBAAe,MAAK,SAAQ,uBAAS;AAAA,eACxC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,cAAc,UAAU,gBAAgB;AAAA,gBAC1C;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,8BACb;AAAA,gCAAC,aAAU;AAAA,YACV,oBACC,qBAAC,WACC;AAAA,kCAAC,kBAAe,SAAO,MACrB;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS;AAAA,kBACT,WAAU;AAAA,kBAEV,8BAAC,gBAAa,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,cACpD,GACF;AAAA,cACA,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,eAC5C;AAAA,aAEJ;AAAA,UAGA,oBAAC,SAAI,WAAU,uBACb,+BAAC,SAAI,WAAU,YACb;AAAA,iCAAC,WACC;AAAA,kCAAC,kBAAe,SAAO,MAAC,SAAS,gBAC/B,8BAAC,SAAI,WAAU,uHACb;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA;AAAA,cACV,GACF,GACF;AAAA,cACA,oBAAC,kBAAe,MAAK,SAAQ,wBAAU;AAAA,eACzC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,cAAc,WAAW,gBAAgB;AAAA,gBAC3C;AAAA,gBACA,OAAO,EAAE,iBAAiB,UAAU;AAAA;AAAA,YACtC;AAAA,aACF,GACF;AAAA,WACF;AAAA,QAEA,oBAAC,SAAI,WAAU,oCAAoC,UAAS;AAAA;AAAA;AAAA,EAC9D;AAEJ;","names":[]}

package/dist/components/layouts/ProfilePopover.mjs

@@ -30,11 +30,11 @@ function ProfilePopover({
     try {
       setIsLoggingOut(true);
       await logout();
+      router.push(logoutRedirect);
+    } catch (error) {
+      console.error("Erro ao fazer logout:", error);
     } finally {
       setIsLoggingOut(false);
-      if (logoutRedirect !== "/login") {
-        router.push(logoutRedirect);
-      }
     }
   };
   const hasSubscription = !isSubscriptionLoading && subscription !== null;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/ProfilePopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport { Popover } from \"../ui/overlay/Popover\";\r\nimport { Button } from \"../ui/buttons/Button\";\r\nimport { Progress } from \"../ui/feedback/Progress\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { NavBarItem } from \"./NavBarItem\";\r\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\r\nimport { LoadingOverlay } from \"../ui/feedback/LoadingOverlay\";\r\nimport { useAuth } from \"../../providers/auth.provider\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport { useIaCredits } from \"../../modules/ia-credits/hooks/ia-credits.hook\";\r\n\r\nexport interface ProfileMenuItem {\r\n  icon?: React.ReactNode;\r\n  label: string;\r\n  onClick: () => void;\r\n}\r\n\r\nexport interface ProfilePopoverProps {\r\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  align?: \"start\" | \"center\" | \"end\";\r\n  contentClassName?: string;\r\n  onEditProfile?: () => void;\r\n  onCreditsClick?: () => void;\r\n  menuItems?: ProfileMenuItem[];\r\n  logoutRedirect?: string;\r\n}\r\n\r\nfunction ProfilePopover({\r\n  side = \"top\",\r\n  align = \"start\",\r\n  contentClassName = \"absolute bottom-2 left-[26px]\",\r\n  onEditProfile,\r\n  onCreditsClick,\r\n  menuItems = [],\r\n  logoutRedirect = \"/login\",\r\n}: ProfilePopoverProps) {\r\n  const router = useRouter();\r\n  const { user, logout } = useAuth();\r\n  const [isLoggingOut, setIsLoggingOut] = useState(false);\r\n\r\n  const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =\r\n    useIaCredits();\r\n\r\n  const handleLogout = async () => {\r\n    try {\r\n      setIsLoggingOut(true);\r\n      await logout();\r\n    } finally {\r\n      setIsLoggingOut(false);\r\n      if (logoutRedirect !== \"/login\") {\r\n        router.push(logoutRedirect);\r\n      }\r\n    }\r\n  };\r\n\r\n  const hasSubscription = !isSubscriptionLoading && subscription !== null;\r\n  const showCreditsSkeleton = hasSubscription && isCreditsLoading;\r\n  const showCredits =\r\n    hasSubscription && !isCreditsLoading;\r\n  const creditsPercentage =\r\n    showCredits && summary.totalCredits > 0\r\n      ? (summary.usedCredits / summary.totalCredits) * 100\r\n      : 0;\r\n\r\n  return (\r\n    <>\r\n      <LoadingOverlay isLoading={isLoggingOut} message=\"Saindo da sua conta...\" />\r\n      <Popover>\r\n        <PopoverPrimitive.Trigger className=\"cursor-pointer\">\r\n          {user && (\r\n            <UserAvatar\r\n              key={user.id}\r\n              photo={user.photo}\r\n              name={user.name}\r\n              size={40}\r\n            />\r\n          )}\r\n        </PopoverPrimitive.Trigger>\r\n\r\n        <PopoverPrimitive.Portal>\r\n          <PopoverPrimitive.Content\r\n            className={cn(\r\n              \"w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99\",\r\n              contentClassName,\r\n            )}\r\n            side={side}\r\n            align={align}\r\n            sideOffset={8}\r\n          >\r\n            <div className=\"grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full\">\r\n              {user && (\r\n                <UserAvatar\r\n                  key={user.id}\r\n                  photo={user.photo}\r\n                  name={user.name}\r\n                  size={32}\r\n                />\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-0.5 min-w-0\">\r\n                <span className=\"paragraph-small-semibold text-gray-950 truncate\">\r\n                  {user?.name || \"\"}\r\n                </span>\r\n                <span className=\"paragraph-xsmall-medium text-gray-500 truncate\">\r\n                  {user?.email || \"\"}\r\n                </span>\r\n              </div>\r\n\r\n              {onEditProfile && (\r\n                <Button\r\n                  variant=\"secondary\"\r\n                  className=\"paragraph-small-semibold h-8! whitespace-nowrap px-3 w-fit\"\r\n                  onClick={onEditProfile}\r\n                >\r\n                  Editar Perfil\r\n                </Button>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5\">\r\n              {showCreditsSkeleton && (\r\n                <div className=\"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4\">\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <div className=\"skeleton h-3.5 w-16 rounded\" />\r\n                  </div>\r\n                  <div className=\"skeleton h-1.5 w-full rounded-full\" />\r\n                </div>\r\n              )}\r\n\r\n              {showCredits && (\r\n                <div\r\n                  className={cn(\r\n                    \"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors\",\r\n                    onCreditsClick && \"cursor-pointer hover:bg-gray-900\",\r\n                  )}\r\n                  onClick={onCreditsClick}\r\n                >\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <span className=\"paragraph-xsmall-medium text-white/50\">\r\n                      {summary.usedCredits.toLocaleString(\"pt-BR\")}/\r\n                      {summary.totalCredits.toLocaleString(\"pt-BR\")}\r\n                    </span>\r\n                  </div>\r\n                  <Progress\r\n                    className=\"bg-white/10\"\r\n                    indicatorColor=\"bg-white\"\r\n                    value={creditsPercentage}\r\n                  />\r\n                </div>\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                {menuItems.length > 0 && (\r\n                  <div className=\"flex flex-col\">\r\n                    {menuItems.map((item, index) => (\r\n                      <NavBarItem\r\n                        key={index}\r\n                        icon={item.icon}\r\n                        label={item.label}\r\n                        onClick={item.onClick}\r\n                      />\r\n                    ))}\r\n                  </div>\r\n                )}\r\n                <Separator />\r\n                <NavBarItem label=\"Sair\" onClick={handleLogout} />\r\n              </div>\r\n            </div>\r\n          </PopoverPrimitive.Content>\r\n        </PopoverPrimitive.Portal>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { ProfilePopover };\r\n"],"mappings":";AAsEI,mBACE,KAiCQ,YAlCV;AApEJ,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,YAAY,sBAAsB;AAClC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAkB7B,SAAS,eAAe;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb,iBAAiB;AACnB,GAAwB;AACtB,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ;AACjC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,EAAE,SAAS,cAAc,uBAAuB,iBAAiB,IACrE,aAAa;AAEf,QAAM,eAAe,YAAY;AAC/B,QAAI;AACF,sBAAgB,IAAI;AACpB,YAAM,OAAO;AAAA,IACf,UAAE;AACA,sBAAgB,KAAK;AACrB,UAAI,mBAAmB,UAAU;AAC/B,eAAO,KAAK,cAAc;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,yBAAyB,iBAAiB;AACnE,QAAM,sBAAsB,mBAAmB;AAC/C,QAAM,cACJ,mBAAmB,CAAC;AACtB,QAAM,oBACJ,eAAe,QAAQ,eAAe,IACjC,QAAQ,cAAc,QAAQ,eAAgB,MAC/C;AAEN,SACE,iCACE;AAAA,wBAAC,kBAAe,WAAW,cAAc,SAAQ,0BAAyB;AAAA,IAC1E,qBAAC,WACC;AAAA,0BAAC,iBAAiB,SAAjB,EAAyB,WAAU,kBACjC,kBACC;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,MAAM;AAAA;AAAA,QAHD,KAAK;AAAA,MAIZ,GAEJ;AAAA,MAEA,oBAAC,iBAAiB,QAAjB,EACC;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UAEZ;AAAA,iCAAC,SAAI,WAAU,gEACZ;AAAA,sBACC;AAAA,gBAAC;AAAA;AAAA,kBAEC,OAAO,KAAK;AAAA,kBACZ,MAAM,KAAK;AAAA,kBACX,MAAM;AAAA;AAAA,gBAHD,KAAK;AAAA,cAIZ;AAAA,cAGF,qBAAC,SAAI,WAAU,iCACb;AAAA,oCAAC,UAAK,WAAU,mDACb,gBAAM,QAAQ,IACjB;AAAA,gBACA,oBAAC,UAAK,WAAU,kDACb,gBAAM,SAAS,IAClB;AAAA,iBACF;AAAA,cAEC,iBACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,SAAS;AAAA,kBACV;AAAA;AAAA,cAED;AAAA,eAEJ;AAAA,YAEA,qBAAC,SAAI,WAAU,kEACZ;AAAA,qCACC,qBAAC,SAAI,WAAU,yDACb;AAAA,qCAAC,SAAI,WAAU,2CACb;AAAA,sCAAC,UAAK,WAAU,iDAAgD,gCAEhE;AAAA,kBACA,oBAAC,SAAI,WAAU,+BAA8B;AAAA,mBAC/C;AAAA,gBACA,oBAAC,SAAI,WAAU,sCAAqC;AAAA,iBACtD;AAAA,cAGD,eACC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,kBAAkB;AAAA,kBACpB;AAAA,kBACA,SAAS;AAAA,kBAET;AAAA,yCAAC,SAAI,WAAU,2CACb;AAAA,0CAAC,UAAK,WAAU,iDAAgD,gCAEhE;AAAA,sBACA,qBAAC,UAAK,WAAU,yCACb;AAAA,gCAAQ,YAAY,eAAe,OAAO;AAAA,wBAAE;AAAA,wBAC5C,QAAQ,aAAa,eAAe,OAAO;AAAA,yBAC9C;AAAA,uBACF;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV,gBAAe;AAAA,wBACf,OAAO;AAAA;AAAA,oBACT;AAAA;AAAA;AAAA,cACF;AAAA,cAGF,qBAAC,SAAI,WAAU,uBACZ;AAAA,0BAAU,SAAS,KAClB,oBAAC,SAAI,WAAU,iBACZ,oBAAU,IAAI,CAAC,MAAM,UACpB;AAAA,kBAAC;AAAA;AAAA,oBAEC,MAAM,KAAK;AAAA,oBACX,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA;AAAA,kBAHT;AAAA,gBAIP,CACD,GACH;AAAA,gBAEF,oBAAC,aAAU;AAAA,gBACX,oBAAC,cAAW,OAAM,QAAO,SAAS,cAAc;AAAA,iBAClD;AAAA,eACF;AAAA;AAAA;AAAA,MACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/ProfilePopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport { Popover } from \"../ui/overlay/Popover\";\r\nimport { Button } from \"../ui/buttons/Button\";\r\nimport { Progress } from \"../ui/feedback/Progress\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { NavBarItem } from \"./NavBarItem\";\r\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\r\nimport { LoadingOverlay } from \"../ui/feedback/LoadingOverlay\";\r\nimport { useAuth } from \"../../providers/auth.provider\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport { useIaCredits } from \"../../modules/ia-credits/hooks/ia-credits.hook\";\r\n\r\nexport interface ProfileMenuItem {\r\n  icon?: React.ReactNode;\r\n  label: string;\r\n  onClick: () => void;\r\n}\r\n\r\nexport interface ProfilePopoverProps {\r\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  align?: \"start\" | \"center\" | \"end\";\r\n  contentClassName?: string;\r\n  onEditProfile?: () => void;\r\n  onCreditsClick?: () => void;\r\n  menuItems?: ProfileMenuItem[];\r\n  logoutRedirect?: string;\r\n}\r\n\r\nfunction ProfilePopover({\r\n  side = \"top\",\r\n  align = \"start\",\r\n  contentClassName = \"absolute bottom-2 left-[26px]\",\r\n  onEditProfile,\r\n  onCreditsClick,\r\n  menuItems = [],\r\n  logoutRedirect = \"/login\",\r\n}: ProfilePopoverProps) {\r\n  const router = useRouter();\r\n  const { user, logout } = useAuth();\r\n  const [isLoggingOut, setIsLoggingOut] = useState(false);\r\n\r\n  const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =\r\n    useIaCredits();\r\n\r\n  const handleLogout = async () => {\r\n    try {\r\n      setIsLoggingOut(true);\r\n      await logout();\r\n      router.push(logoutRedirect);\r\n    } catch (error) {\r\n      console.error(\"Erro ao fazer logout:\", error);\r\n    } finally {\r\n      setIsLoggingOut(false);\r\n    }\r\n  };\r\n\r\n  const hasSubscription = !isSubscriptionLoading && subscription !== null;\r\n  const showCreditsSkeleton = hasSubscription && isCreditsLoading;\r\n  const showCredits =\r\n    hasSubscription && !isCreditsLoading;\r\n  const creditsPercentage =\r\n    showCredits && summary.totalCredits > 0\r\n      ? (summary.usedCredits / summary.totalCredits) * 100\r\n      : 0;\r\n\r\n  return (\r\n    <>\r\n      <LoadingOverlay isLoading={isLoggingOut} message=\"Saindo da sua conta...\" />\r\n      <Popover>\r\n        <PopoverPrimitive.Trigger className=\"cursor-pointer\">\r\n          {user && (\r\n            <UserAvatar\r\n              key={user.id}\r\n              photo={user.photo}\r\n              name={user.name}\r\n              size={40}\r\n            />\r\n          )}\r\n        </PopoverPrimitive.Trigger>\r\n\r\n        <PopoverPrimitive.Portal>\r\n          <PopoverPrimitive.Content\r\n            className={cn(\r\n              \"w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99\",\r\n              contentClassName,\r\n            )}\r\n            side={side}\r\n            align={align}\r\n            sideOffset={8}\r\n          >\r\n            <div className=\"grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full\">\r\n              {user && (\r\n                <UserAvatar\r\n                  key={user.id}\r\n                  photo={user.photo}\r\n                  name={user.name}\r\n                  size={32}\r\n                />\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-0.5 min-w-0\">\r\n                <span className=\"paragraph-small-semibold text-gray-950 truncate\">\r\n                  {user?.name || \"\"}\r\n                </span>\r\n                <span className=\"paragraph-xsmall-medium text-gray-500 truncate\">\r\n                  {user?.email || \"\"}\r\n                </span>\r\n              </div>\r\n\r\n              {onEditProfile && (\r\n                <Button\r\n                  variant=\"secondary\"\r\n                  className=\"paragraph-small-semibold h-8! whitespace-nowrap px-3 w-fit\"\r\n                  onClick={onEditProfile}\r\n                >\r\n                  Editar Perfil\r\n                </Button>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5\">\r\n              {showCreditsSkeleton && (\r\n                <div className=\"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4\">\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <div className=\"skeleton h-3.5 w-16 rounded\" />\r\n                  </div>\r\n                  <div className=\"skeleton h-1.5 w-full rounded-full\" />\r\n                </div>\r\n              )}\r\n\r\n              {showCredits && (\r\n                <div\r\n                  className={cn(\r\n                    \"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors\",\r\n                    onCreditsClick && \"cursor-pointer hover:bg-gray-900\",\r\n                  )}\r\n                  onClick={onCreditsClick}\r\n                >\r\n                  <div className=\"flex items-center justify-between gap-2\">\r\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n                      Créditos usados\r\n                    </span>\r\n                    <span className=\"paragraph-xsmall-medium text-white/50\">\r\n                      {summary.usedCredits.toLocaleString(\"pt-BR\")}/\r\n                      {summary.totalCredits.toLocaleString(\"pt-BR\")}\r\n                    </span>\r\n                  </div>\r\n                  <Progress\r\n                    className=\"bg-white/10\"\r\n                    indicatorColor=\"bg-white\"\r\n                    value={creditsPercentage}\r\n                  />\r\n                </div>\r\n              )}\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                {menuItems.length > 0 && (\r\n                  <div className=\"flex flex-col\">\r\n                    {menuItems.map((item, index) => (\r\n                      <NavBarItem\r\n                        key={index}\r\n                        icon={item.icon}\r\n                        label={item.label}\r\n                        onClick={item.onClick}\r\n                      />\r\n                    ))}\r\n                  </div>\r\n                )}\r\n                <Separator />\r\n                <NavBarItem label=\"Sair\" onClick={handleLogout} />\r\n              </div>\r\n            </div>\r\n          </PopoverPrimitive.Content>\r\n        </PopoverPrimitive.Portal>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { ProfilePopover };\r\n"],"mappings":"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","names":[]}

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

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

package/dist/components/navigation/shells/DesktopShell.mjs

@@ -1,9 +1,21 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
 import { SideBarNavigation } from "../../layouts/SideBarNavigation";
 import { AppNavigationContext } from "../AppNavigationContext";
 function DesktopShell({ children }) {
-  return /* @__PURE__ */ jsx(AppNavigationContext.Provider, { value: { breakpoint: "desktop" }, children: /* @__PURE__ */ jsx(SideBarNavigation, { className: "justify-between gap-5", children }) });
+  return /* @__PURE__ */ jsx(AppNavigationContext.Provider, { value: { breakpoint: "desktop" }, children: /* @__PURE__ */ jsxs(SideBarNavigation, { className: "justify-between gap-5", children: [
+    /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: "/icons/great-icon.svg",
+        alt: "GreatPages",
+        width: 28,
+        height: 28
+      }
+    ),
+    children
+  ] }) });
 }
 export {
   DesktopShell

package/dist/components/navigation/shells/DesktopShell.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/navigation/shells/DesktopShell.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode } from 'react';\r\nimport { SideBarNavigation } from '../../layouts/SideBarNavigation';\r\nimport { AppNavigationContext } from '../AppNavigationContext';\r\n\r\nexport function DesktopShell({ children }: { children: ReactNode }) {\r\n  return (\r\n    <AppNavigationContext.Provider value={{ breakpoint: 'desktop' }}>\r\n      <SideBarNavigation className=\"justify-between gap-5\">\r\n        {children}\r\n      </SideBarNavigation>\r\n    </AppNavigationContext.Provider>\r\n  );\r\n}\r\n"],"mappings":";AASM;AANN,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAE9B,SAAS,aAAa,EAAE,SAAS,GAA4B;AAClE,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,UAAU,GAC5D,8BAAC,qBAAkB,WAAU,yBAC1B,UACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/navigation/shells/DesktopShell.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode } from 'react';\r\nimport Image from 'next/image';\r\nimport { SideBarNavigation } from '../../layouts/SideBarNavigation';\r\nimport { AppNavigationContext } from '../AppNavigationContext';\r\n\r\nexport function DesktopShell({ children }: { children: ReactNode }) {\r\n  return (\r\n    <AppNavigationContext.Provider value={{ breakpoint: 'desktop' }}>\r\n      <SideBarNavigation className=\"justify-between gap-5\">\r\n        <Image\r\n          src=\"/icons/great-icon.svg\"\r\n          alt=\"GreatPages\"\r\n          width={28}\r\n          height={28}\r\n        />\r\n        {children}\r\n      </SideBarNavigation>\r\n    </AppNavigationContext.Provider>\r\n  );\r\n}\r\n"],"mappings":";AAUM,SACE,KADF;AAPN,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAE9B,SAAS,aAAa,EAAE,SAAS,GAA4B;AAClE,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,UAAU,GAC5D,+BAAC,qBAAkB,WAAU,yBAC3B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,IACC;AAAA,KACH,GACF;AAEJ;","names":[]}

package/dist/components/navigation/shells/MdShell.mjs

@@ -1,9 +1,21 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
 import { MdSideBarNavigation } from "../../layouts/MdSideBarNavigation";
 import { AppNavigationContext } from "../AppNavigationContext";
 function MdShell({ children }) {
-  return /* @__PURE__ */ jsx(AppNavigationContext.Provider, { value: { breakpoint: "md" }, children: /* @__PURE__ */ jsx(MdSideBarNavigation, { className: "justify-between gap-5", children }) });
+  return /* @__PURE__ */ jsx(AppNavigationContext.Provider, { value: { breakpoint: "md" }, children: /* @__PURE__ */ jsxs(MdSideBarNavigation, { className: "justify-between gap-5", children: [
+    /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: "/icons/great-icon.svg",
+        alt: "GreatPages",
+        width: 28,
+        height: 28
+      }
+    ),
+    children
+  ] }) });
 }
 export {
   MdShell

package/dist/components/navigation/shells/MdShell.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/navigation/shells/MdShell.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode } from 'react';\r\nimport { MdSideBarNavigation } from '../../layouts/MdSideBarNavigation';\r\nimport { AppNavigationContext } from '../AppNavigationContext';\r\n\r\nexport function MdShell({ children }: { children: ReactNode }) {\r\n  return (\r\n    <AppNavigationContext.Provider value={{ breakpoint: 'md' }}>\r\n      <MdSideBarNavigation className=\"justify-between gap-5\">\r\n        {children}\r\n      </MdSideBarNavigation>\r\n    </AppNavigationContext.Provider>\r\n  );\r\n}\r\n"],"mappings":";AASM;AANN,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAE9B,SAAS,QAAQ,EAAE,SAAS,GAA4B;AAC7D,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,KAAK,GACvD,8BAAC,uBAAoB,WAAU,yBAC5B,UACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/navigation/shells/MdShell.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode } from 'react';\r\nimport Image from 'next/image';\r\nimport { MdSideBarNavigation } from '../../layouts/MdSideBarNavigation';\r\nimport { AppNavigationContext } from '../AppNavigationContext';\r\n\r\nexport function MdShell({ children }: { children: ReactNode }) {\r\n  return (\r\n    <AppNavigationContext.Provider value={{ breakpoint: 'md' }}>\r\n      <MdSideBarNavigation className=\"justify-between gap-5\">\r\n        <Image\r\n          src=\"/icons/great-icon.svg\"\r\n          alt=\"GreatPages\"\r\n          width={28}\r\n          height={28}\r\n        />\r\n        {children}\r\n      </MdSideBarNavigation>\r\n    </AppNavigationContext.Provider>\r\n  );\r\n}\r\n"],"mappings":";AAUM,SACE,KADF;AAPN,OAAO,WAAW;AAClB,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAE9B,SAAS,QAAQ,EAAE,SAAS,GAA4B;AAC7D,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,KAAK,GACvD,+BAAC,uBAAoB,WAAU,yBAC7B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,IACC;AAAA,KACH,GACF;AAEJ;","names":[]}

package/dist/components/navigation/shells/TabsMobileShell.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/navigation/shells/TabsMobileShell.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode, useRef, useEffect } from 'react';\nimport { AppNavigationContext } from '../AppNavigationContext';\nimport { useNavItemsContext } from '../NavItemsContext';\n\nfunction InternalTabsBar({ topOffset = '72px' }: { topOffset?: string }) {\n  const { navItems } = useNavItemsContext();\n  const tabsListRef = useRef<HTMLDivElement>(null);\n  const activeTabRef = useRef<HTMLButtonElement>(null);\n\n  const activeLabel = navItems.find((i) => i.isActive)?.label;\n\n  // Scroll active tab into center when active item changes\n  useEffect(() => {\n    if (activeTabRef.current && tabsListRef.current) {\n      const tabsList = tabsListRef.current;\n      const activeTabElement = activeTabRef.current;\n      const tabsListRect = tabsList.getBoundingClientRect();\n      const activeTabRect = activeTabElement.getBoundingClientRect();\n      const scrollLeft =\n        activeTabElement.offsetLeft - tabsListRect.width / 2 + activeTabRect.width / 2;\n      tabsList.scrollTo({ left: Math.max(0, scrollLeft), behavior: 'smooth' });\n    }\n  }, [activeLabel]);\n\n  if (!navItems.length) return null;\n\n  return (\n    <div\n      ref={tabsListRef}\n      className=\"md:hidden fixed left-0 right-0 z-40 bg-white border-b border-gray-200 flex overflow-x-auto scrollbar-hide\"\n      style={{ top: topOffset }}\n    >\n      {navItems.map((item) => (\n        <button\n          key={item.label}\n          ref={item.isActive ? activeTabRef : undefined}\n          onClick={item.onClick}\n          className={`flex items-center gap-2 px-4 py-3 shrink-0 border-b-2 transition-colors ${\n            item.isActive\n              ? 'border-gray-950 text-gray-950'\n              : 'border-transparent text-gray-500 hover:text-gray-900'\n          }`}\n        >\n          {item.icon && <item.icon size={16} className=\"shrink-0\" />}\n          <span\n            className={\n              item.isActive ? 'paragraph-small-semibold' : 'paragraph-small-medium'\n            }\n          >\n            {item.label}\n          </span>\n        </button>\n      ))}\n    </div>\n  );\n}\n\nexport function TabsMobileShell({ children, topOffset }: { children: ReactNode; topOffset?: string }) {\n  return (\n    <AppNavigationContext.Provider value={{ breakpoint: 'mobile' }}>\n      {/*\n        Children are hidden visually, but NavItems' useEffect still fires inside\n        display:none — React effects are tied to commit phase, not layout visibility.\n        This registers navItems in NavItemsContext so InternalTabsBar can read them.\n      */}\n      <div className=\"hidden\">{children}</div>\n      <InternalTabsBar topOffset={topOffset} />\n    </AppNavigationContext.Provider>\n  );\n}\n"],"mappings":";AAmCQ,SAUgB,KAVhB;AAjCR,SAAoB,QAAQ,iBAAiB;AAC7C,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAEnC,SAAS,gBAAgB,EAAE,YAAY,OAAO,GAA2B;AACvE,QAAM,EAAE,SAAS,IAAI,mBAAmB;AACxC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,eAAe,OAA0B,IAAI;AAEnD,QAAM,cAAc,SAAS,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG;AAGtD,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,YAAY,SAAS;AAC/C,YAAM,WAAW,YAAY;AAC7B,YAAM,mBAAmB,aAAa;AACtC,YAAM,eAAe,SAAS,sBAAsB;AACpD,YAAM,gBAAgB,iBAAiB,sBAAsB;AAC7D,YAAM,aACJ,iBAAiB,aAAa,aAAa,QAAQ,IAAI,cAAc,QAAQ;AAC/E,eAAS,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,UAAU,GAAG,UAAU,SAAS,CAAC;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,MAAI,CAAC,SAAS,OAAQ,QAAO;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO,EAAE,KAAK,UAAU;AAAA,MAEvB,mBAAS,IAAI,CAAC,SACb;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,KAAK,WAAW,eAAe;AAAA,UACpC,SAAS,KAAK;AAAA,UACd,WAAW,2EACT,KAAK,WACD,kCACA,sDACN;AAAA,UAEC;AAAA,iBAAK,QAAQ,oBAAC,KAAK,MAAL,EAAU,MAAM,IAAI,WAAU,YAAW;AAAA,YACxD;AAAA,cAAC;AAAA;AAAA,gBACC,WACE,KAAK,WAAW,6BAA6B;AAAA,gBAG9C,eAAK;AAAA;AAAA,YACR;AAAA;AAAA;AAAA,QAhBK,KAAK;AAAA,MAiBZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,gBAAgB,EAAE,UAAU,UAAU,GAAgD;AACpG,SACE,qBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,SAAS,GAM3D;AAAA,wBAAC,SAAI,WAAU,UAAU,UAAS;AAAA,IAClC,oBAAC,mBAAgB,WAAsB;AAAA,KACzC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/navigation/shells/TabsMobileShell.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode, useRef, useEffect } from 'react';\r\nimport { AppNavigationContext } from '../AppNavigationContext';\r\nimport { useNavItemsContext } from '../NavItemsContext';\r\n\r\nfunction InternalTabsBar({ topOffset = '72px' }: { topOffset?: string }) {\r\n  const { navItems } = useNavItemsContext();\r\n  const tabsListRef = useRef<HTMLDivElement>(null);\r\n  const activeTabRef = useRef<HTMLButtonElement>(null);\r\n\r\n  const activeLabel = navItems.find((i) => i.isActive)?.label;\r\n\r\n  // Scroll active tab into center when active item changes\r\n  useEffect(() => {\r\n    if (activeTabRef.current && tabsListRef.current) {\r\n      const tabsList = tabsListRef.current;\r\n      const activeTabElement = activeTabRef.current;\r\n      const tabsListRect = tabsList.getBoundingClientRect();\r\n      const activeTabRect = activeTabElement.getBoundingClientRect();\r\n      const scrollLeft =\r\n        activeTabElement.offsetLeft - tabsListRect.width / 2 + activeTabRect.width / 2;\r\n      tabsList.scrollTo({ left: Math.max(0, scrollLeft), behavior: 'smooth' });\r\n    }\r\n  }, [activeLabel]);\r\n\r\n  if (!navItems.length) return null;\r\n\r\n  return (\r\n    <div\r\n      ref={tabsListRef}\r\n      className=\"md:hidden fixed left-0 right-0 z-40 bg-white border-b border-gray-200 flex overflow-x-auto scrollbar-hide\"\r\n      style={{ top: topOffset }}\r\n    >\r\n      {navItems.map((item) => (\r\n        <button\r\n          key={item.label}\r\n          ref={item.isActive ? activeTabRef : undefined}\r\n          onClick={item.onClick}\r\n          className={`flex items-center gap-2 px-4 py-3 shrink-0 border-b-2 transition-colors ${\r\n            item.isActive\r\n              ? 'border-gray-950 text-gray-950'\r\n              : 'border-transparent text-gray-500 hover:text-gray-900'\r\n          }`}\r\n        >\r\n          {item.icon && <item.icon size={16} className=\"shrink-0\" />}\r\n          <span\r\n            className={\r\n              item.isActive ? 'paragraph-small-semibold' : 'paragraph-small-medium'\r\n            }\r\n          >\r\n            {item.label}\r\n          </span>\r\n        </button>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function TabsMobileShell({ children, topOffset }: { children: ReactNode; topOffset?: string }) {\r\n  return (\r\n    <AppNavigationContext.Provider value={{ breakpoint: 'mobile' }}>\r\n      {/*\r\n        Children are hidden visually, but NavItems' useEffect still fires inside\r\n        display:none — React effects are tied to commit phase, not layout visibility.\r\n        This registers navItems in NavItemsContext so InternalTabsBar can read them.\r\n      */}\r\n      <div className=\"hidden\">{children}</div>\r\n      <InternalTabsBar topOffset={topOffset} />\r\n    </AppNavigationContext.Provider>\r\n  );\r\n}\r\n"],"mappings":";AAmCQ,SAUgB,KAVhB;AAjCR,SAAoB,QAAQ,iBAAiB;AAC7C,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAEnC,SAAS,gBAAgB,EAAE,YAAY,OAAO,GAA2B;AACvE,QAAM,EAAE,SAAS,IAAI,mBAAmB;AACxC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,eAAe,OAA0B,IAAI;AAEnD,QAAM,cAAc,SAAS,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG;AAGtD,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,YAAY,SAAS;AAC/C,YAAM,WAAW,YAAY;AAC7B,YAAM,mBAAmB,aAAa;AACtC,YAAM,eAAe,SAAS,sBAAsB;AACpD,YAAM,gBAAgB,iBAAiB,sBAAsB;AAC7D,YAAM,aACJ,iBAAiB,aAAa,aAAa,QAAQ,IAAI,cAAc,QAAQ;AAC/E,eAAS,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,UAAU,GAAG,UAAU,SAAS,CAAC;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,MAAI,CAAC,SAAS,OAAQ,QAAO;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO,EAAE,KAAK,UAAU;AAAA,MAEvB,mBAAS,IAAI,CAAC,SACb;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,KAAK,WAAW,eAAe;AAAA,UACpC,SAAS,KAAK;AAAA,UACd,WAAW,2EACT,KAAK,WACD,kCACA,sDACN;AAAA,UAEC;AAAA,iBAAK,QAAQ,oBAAC,KAAK,MAAL,EAAU,MAAM,IAAI,WAAU,YAAW;AAAA,YACxD;AAAA,cAAC;AAAA;AAAA,gBACC,WACE,KAAK,WAAW,6BAA6B;AAAA,gBAG9C,eAAK;AAAA;AAAA,YACR;AAAA;AAAA;AAAA,QAhBK,KAAK;AAAA,MAiBZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,gBAAgB,EAAE,UAAU,UAAU,GAAgD;AACpG,SACE,qBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,YAAY,SAAS,GAM3D;AAAA,wBAAC,SAAI,WAAU,UAAU,UAAS;AAAA,IAClC,oBAAC,mBAAgB,WAAsB;AAAA,KACzC;AAEJ;","names":[]}

package/dist/components/navigation/subcomponents/ProjectSelector.mjs

@@ -39,7 +39,7 @@ function ProjectSelector({
         isLoading ? /* @__PURE__ */ jsx("div", { className: "skeleton h-4 w-32 rounded" }) : /* @__PURE__ */ jsx(
           "span",
           {
-            className: "cursor-pointer paragraph-medium-semibold text-gray-600 truncate max-w-[140px] inline-block",
+            className: "cursor-pointer paragraph-medium-semibold text-gray-600 truncate w-[120px] inline-block",
             onClick: () => setIsPopoverOpen((v) => !v),
             children: selectedProject?.title
           }

package/dist/components/navigation/subcomponents/ProjectSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/navigation/subcomponents/ProjectSelector.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useRef, useEffect, RefObject } from 'react';\r\nimport { useMobileNavbarSheet } from '../../../store/useMobileNavbarSheet';\r\nimport Image from 'next/image';\r\nimport { useAppNavigationContext } from '../AppNavigationContext';\r\nimport { ProjectSelectorPopover } from '../ProjectSelectorPopover';\r\nimport { UsersSelectorPopover } from '../../layouts/UsersSelectorPopover';\r\nimport { Button, Command, CommandEmpty, CommandInput, CommandItem, CommandList } from '../../../index';\r\nimport { ChevronDown, Plus, Settings } from 'lucide-react';\r\nimport type { NavigationProject } from '../types';\r\n\r\nexport interface ProjectSelectorProps {\r\n  projects: NavigationProject[];\r\n  selectedProject: NavigationProject | null;\r\n  isLoading?: boolean;\r\n  onSelectProject: (project: NavigationProject) => void;\r\n  onAddProject: () => void;\r\n  onManageProjects: () => void;\r\n}\r\n\r\nfunction ProjectItemSkeleton() {\r\n  return (\r\n    <div className=\"flex items-center gap-2 p-2\">\r\n      <div className=\"skeleton size-8 rounded-lg shrink-0\" />\r\n      <div className=\"skeleton h-3.5 w-32 rounded\" />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function ProjectSelector({\r\n  projects,\r\n  selectedProject,\r\n  isLoading,\r\n  onSelectProject,\r\n  onAddProject,\r\n  onManageProjects,\r\n}: ProjectSelectorProps) {\r\n  const { breakpoint } = useAppNavigationContext();\r\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\r\n  const [activeSection, setActiveSection] = useState<'projects' | null>(null);\r\n  const titleRef = useRef<HTMLDivElement>(null);\r\n  const { openProjectList, clearProjectList } = useMobileNavbarSheet();\r\n\r\n  useEffect(() => {\r\n    if (openProjectList && breakpoint === 'mobile') {\r\n      setActiveSection('projects');\r\n      clearProjectList();\r\n    }\r\n  }, [openProjectList, breakpoint, clearProjectList]);\r\n\r\n  // Desktop and md: title + popover + users selector (same visual as current gpages sidebars)\r\n  if (breakpoint === 'desktop' || breakpoint === 'md') {\r\n    return (\r\n      <div className=\"flex items-center justify-between\">\r\n        <div className=\"flex items-center gap-2 truncate select-none\" ref={titleRef}>\r\n          {isLoading ? (\r\n            <div className=\"skeleton h-4 w-32 rounded\" />\r\n          ) : (\r\n            <span\r\n              className=\"cursor-pointer paragraph-medium-semibold text-gray-600 truncate max-w-[140px] inline-block\"\r\n              onClick={() => setIsPopoverOpen((v) => !v)}\r\n            >\r\n              {selectedProject?.title}\r\n            </span>\r\n          )}\r\n          <ProjectSelectorPopover\r\n            open={isPopoverOpen}\r\n            setOpen={setIsPopoverOpen}\r\n            titleRef={titleRef as unknown as RefObject<HTMLSpanElement | null>}\r\n            projects={projects}\r\n            selectedProject={selectedProject}\r\n            onSelectProject={onSelectProject}\r\n            onAddProject={onAddProject}\r\n            onManageProjects={onManageProjects}\r\n          />\r\n        </div>\r\n        <div className=\"flex items-center gap-2\">\r\n          <UsersSelectorPopover projectId={selectedProject?.id} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Mobile: inline collapsible accordion\r\n  return (\r\n    <div className=\"flex flex-col gap-2.5\">\r\n      <div className=\"flex items-center justify-between\">\r\n        <div className=\"flex items-center gap-1\">\r\n          <span className=\"paragraph-medium-semibold text-gray-600\">{selectedProject?.title}</span>\r\n          <ChevronDown\r\n            size={20}\r\n            onClick={() => setActiveSection(activeSection === 'projects' ? null : 'projects')}\r\n            className={`transition-transform duration-200 cursor-pointer ${\r\n              activeSection === 'projects' ? 'rotate-180 text-gray-950' : 'text-gray-400'\r\n            }`}\r\n          />\r\n        </div>\r\n        <UsersSelectorPopover projectId={selectedProject?.id} />\r\n      </div>\r\n      {activeSection === 'projects' && (\r\n        <div className=\"flex flex-col p-3 gap-2 border border-gray-200 rounded-lg animate-in fade-in duration-400\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <span className=\"paragraph-small-semibold\">Projetos</span>\r\n            <div className=\"flex items-center gap-1.5\">\r\n              <Button variant=\"secondary\" className=\"h-8! paragraph-small-semibold text-gray-950\" onClick={onAddProject}>\r\n                <Plus size={16} />\r\n                Adicionar\r\n              </Button>\r\n              <Button variant=\"secondary\" className=\"p-0 size-8\" onClick={onManageProjects}>\r\n                <Settings size={18} />\r\n              </Button>\r\n            </div>\r\n          </div>\r\n          <Command className=\"gap-2\">\r\n            <CommandInput placeholder=\"Busque aqui\" />\r\n            <CommandList className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\">\r\n              <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n              {isLoading ? (\r\n                <>\r\n                  <ProjectItemSkeleton />\r\n                  <ProjectItemSkeleton />\r\n                </>\r\n              ) : (\r\n                projects.map((project) => (\r\n                  <CommandItem\r\n                    key={project.id}\r\n                    value={project.title}\r\n                    className={selectedProject?.id === project.id ? 'bg-gray-50' : ''}\r\n                    onSelect={() => { onSelectProject(project); setActiveSection(null); }}\r\n                  >\r\n                    <Image\r\n                      alt=\"Icon Project\"\r\n                      src={\r\n                        project.photo\r\n                          ? `${process.env.NEXT_PUBLIC_STORAGE_URL}/${project.photo}`\r\n                          : '/images/Logomark.png'\r\n                      }\r\n                      width={32}\r\n                      height={32}\r\n                      className=\"rounded-lg\"\r\n                    />\r\n                    {project.title}\r\n                  </CommandItem>\r\n                ))\r\n              )}\r\n            </CommandList>\r\n          </Command>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/navigation/subcomponents/ProjectSelector.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useRef, useEffect, RefObject } from 'react';\r\nimport { useMobileNavbarSheet } from '../../../store/useMobileNavbarSheet';\r\nimport Image from 'next/image';\r\nimport { useAppNavigationContext } from '../AppNavigationContext';\r\nimport { ProjectSelectorPopover } from '../ProjectSelectorPopover';\r\nimport { UsersSelectorPopover } from '../../layouts/UsersSelectorPopover';\r\nimport { Button, Command, CommandEmpty, CommandInput, CommandItem, CommandList } from '../../../index';\r\nimport { ChevronDown, Plus, Settings } from 'lucide-react';\r\nimport type { NavigationProject } from '../types';\r\n\r\nexport interface ProjectSelectorProps {\r\n  projects: NavigationProject[];\r\n  selectedProject: NavigationProject | null;\r\n  isLoading?: boolean;\r\n  onSelectProject: (project: NavigationProject) => void;\r\n  onAddProject: () => void;\r\n  onManageProjects: () => void;\r\n}\r\n\r\nfunction ProjectItemSkeleton() {\r\n  return (\r\n    <div className=\"flex items-center gap-2 p-2\">\r\n      <div className=\"skeleton size-8 rounded-lg shrink-0\" />\r\n      <div className=\"skeleton h-3.5 w-32 rounded\" />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function ProjectSelector({\r\n  projects,\r\n  selectedProject,\r\n  isLoading,\r\n  onSelectProject,\r\n  onAddProject,\r\n  onManageProjects,\r\n}: ProjectSelectorProps) {\r\n  const { breakpoint } = useAppNavigationContext();\r\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\r\n  const [activeSection, setActiveSection] = useState<'projects' | null>(null);\r\n  const titleRef = useRef<HTMLDivElement>(null);\r\n  const { openProjectList, clearProjectList } = useMobileNavbarSheet();\r\n\r\n  useEffect(() => {\r\n    if (openProjectList && breakpoint === 'mobile') {\r\n      setActiveSection('projects');\r\n      clearProjectList();\r\n    }\r\n  }, [openProjectList, breakpoint, clearProjectList]);\r\n\r\n  // Desktop and md: title + popover + users selector (same visual as current gpages sidebars)\r\n  if (breakpoint === 'desktop' || breakpoint === 'md') {\r\n    return (\r\n      <div className=\"flex items-center justify-between\">\r\n        <div className=\"flex items-center gap-2 truncate select-none\" ref={titleRef}>\r\n          {isLoading ? (\r\n            <div className=\"skeleton h-4 w-32 rounded\" />\r\n          ) : (\r\n            <span\r\n              className=\"cursor-pointer paragraph-medium-semibold text-gray-600 truncate w-[120px] inline-block\"\r\n              onClick={() => setIsPopoverOpen((v) => !v)}\r\n            >\r\n              {selectedProject?.title}\r\n            </span>\r\n          )}\r\n          <ProjectSelectorPopover\r\n            open={isPopoverOpen}\r\n            setOpen={setIsPopoverOpen}\r\n            titleRef={titleRef as unknown as RefObject<HTMLSpanElement | null>}\r\n            projects={projects}\r\n            selectedProject={selectedProject}\r\n            onSelectProject={onSelectProject}\r\n            onAddProject={onAddProject}\r\n            onManageProjects={onManageProjects}\r\n          />\r\n        </div>\r\n        <div className=\"flex items-center gap-2\">\r\n          <UsersSelectorPopover projectId={selectedProject?.id} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Mobile: inline collapsible accordion\r\n  return (\r\n    <div className=\"flex flex-col gap-2.5\">\r\n      <div className=\"flex items-center justify-between\">\r\n        <div className=\"flex items-center gap-1\">\r\n          <span className=\"paragraph-medium-semibold text-gray-600\">{selectedProject?.title}</span>\r\n          <ChevronDown\r\n            size={20}\r\n            onClick={() => setActiveSection(activeSection === 'projects' ? null : 'projects')}\r\n            className={`transition-transform duration-200 cursor-pointer ${\r\n              activeSection === 'projects' ? 'rotate-180 text-gray-950' : 'text-gray-400'\r\n            }`}\r\n          />\r\n        </div>\r\n        <UsersSelectorPopover projectId={selectedProject?.id} />\r\n      </div>\r\n      {activeSection === 'projects' && (\r\n        <div className=\"flex flex-col p-3 gap-2 border border-gray-200 rounded-lg animate-in fade-in duration-400\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <span className=\"paragraph-small-semibold\">Projetos</span>\r\n            <div className=\"flex items-center gap-1.5\">\r\n              <Button variant=\"secondary\" className=\"h-8! paragraph-small-semibold text-gray-950\" onClick={onAddProject}>\r\n                <Plus size={16} />\r\n                Adicionar\r\n              </Button>\r\n              <Button variant=\"secondary\" className=\"p-0 size-8\" onClick={onManageProjects}>\r\n                <Settings size={18} />\r\n              </Button>\r\n            </div>\r\n          </div>\r\n          <Command className=\"gap-2\">\r\n            <CommandInput placeholder=\"Busque aqui\" />\r\n            <CommandList className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\">\r\n              <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n              {isLoading ? (\r\n                <>\r\n                  <ProjectItemSkeleton />\r\n                  <ProjectItemSkeleton />\r\n                </>\r\n              ) : (\r\n                projects.map((project) => (\r\n                  <CommandItem\r\n                    key={project.id}\r\n                    value={project.title}\r\n                    className={selectedProject?.id === project.id ? 'bg-gray-50' : ''}\r\n                    onSelect={() => { onSelectProject(project); setActiveSection(null); }}\r\n                  >\r\n                    <Image\r\n                      alt=\"Icon Project\"\r\n                      src={\r\n                        project.photo\r\n                          ? `${process.env.NEXT_PUBLIC_STORAGE_URL}/${project.photo}`\r\n                          : '/images/Logomark.png'\r\n                      }\r\n                      width={32}\r\n                      height={32}\r\n                      className=\"rounded-lg\"\r\n                    />\r\n                    {project.title}\r\n                  </CommandItem>\r\n                ))\r\n              )}\r\n            </CommandList>\r\n          </Command>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/pages/notifications/Notifications.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/pages/notifications/Notifications.tsx"],"sourcesContent":["'use client';\n\nimport { Bell, Check, Loader2 } from \"lucide-react\";\nimport { Button } from \"../../ui/buttons/Button\";\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from \"../../ui/data-display/Tabs\";\nimport { useInfiniteMessages, useMarkAllMessagesAsRead } from \"../../../modules/users/hooks/messages.hook\";\nimport NotificationCard from \"../../widgets/notifications/NotificationCard\";\nimport { Toast } from \"../../ui/feedback/Toast\";\nimport { formatDistanceToNow } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { toast } from \"sonner\";\nimport React from \"react\";\n\nfunction NotificationsList({\n  pages,\n  isFetchingNextPage,\n  hasNextPage,\n  fetchNextPage,\n}: {\n  pages: ReturnType<typeof useInfiniteMessages>[\"data\"];\n  isFetchingNextPage: boolean;\n  hasNextPage: boolean;\n  fetchNextPage: () => void;\n}) {\n  const notifications = pages?.pages.flatMap((p) => p.data) ?? [];\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const target = e.currentTarget;\n    const nearBottom =\n      target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\n    if (!nearBottom) return;\n    if (hasNextPage && !isFetchingNextPage) {\n      fetchNextPage();\n    }\n  };\n\n  return (\n    <div\n      className=\"flex flex-col border border-gray-200 rounded-lg w-full bg-white max-h-[70vh] overflow-y-auto custom-scrollbar\"\n      onScroll={handleScroll}\n    >\n      {notifications.map((notification, index) => (\n        <NotificationCard\n          key={notification.id}\n          icon={<Bell size={20} className=\"text-pages-600\" />}\n          iconBgColor=\"bg-pages-100\"\n          title={notification.subject}\n          description={notification.message}\n          gapPx={16}\n          time={formatDistanceToNow(new Date(notification.datetime_add), {\n            addSuffix: true,\n            locale: ptBR,\n          })}\n          isUnread={notification.status === 1}\n          showBorder={index < notifications.length - 1}\n        />\n      ))}\n      {isFetchingNextPage && (\n        <div className=\"flex items-center justify-center py-4\">\n          <Loader2 size={20} className=\"animate-spin text-gray-400\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function NotificationPageContent() {\n  const unreadNotifications = useInfiniteMessages({\n    readed: false,\n    type: \"notification\",\n    order: \"desc\",\n  });\n  const allNotifications = useInfiniteMessages({\n    type: \"notification\",\n    order: \"desc\",\n  });\n\n  const totalAll = allNotifications.data?.pages[0]?.total ?? 0;\n  const totalUnread = unreadNotifications.data?.pages[0]?.total ?? 0;\n\n  const { mutate: markAllAsRead, isPending: isMarkingAll } = useMarkAllMessagesAsRead();\n\n  const handleMarkAllAsRead = () => {\n    markAllAsRead(undefined, {\n      onSuccess: () => {\n        toast.custom((t) => (\n          <Toast variant=\"success\" message=\"Todas as notificações foram marcadas como lidas\" toastId={t} />\n        ));\n      },\n      onError: () => {\n        toast.custom((t) => (\n          <Toast variant=\"error\" message=\"Erro ao marcar notificações como lidas\" toastId={t} />\n        ));\n      },\n    });\n  };\n\n  return (\n    <div className=\"flex flex-col gap-6 lg:gap-10 px-4 py-6 lg:px-20 lg:py-14\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h1 className=\"paragraph-xlarge-semibold lg:title-large-semibold text-gray-950\">\n            Notificações\n          </h1>\n          <p className=\"paragraph-medium-regular text-gray-600 hidden lg:block\">\n            Tenha controle total sobre páginas, experiências e conversões.\n          </p>\n        </div>\n        <Button\n          variant={\"secondary\"}\n          className=\"h-10! lg:h-12! shrink-0\"\n          onClick={handleMarkAllAsRead}\n          disabled={isMarkingAll || totalUnread === 0}\n        >\n          {isMarkingAll ? <Loader2 size={20} className=\"animate-spin\" /> : <Check size={20} />}\n          <span className=\"lg:block hidden\">Marcar todos como lidos</span>\n          <span className=\"lg:hidden\">Marcar como lidos</span>\n        </Button>\n      </div>\n      <Tabs\n        defaultValue=\"all\"\n        className=\"flex flex-col w-full bg-transparent gap-6 lg:gap-8\"\n      >\n        <TabsList className=\"h-auto pb-0 bg-transparent\">\n          <TabsTrigger className=\"gap-2\" value=\"all\">\n            Todas as notificações{\" \"}\n            <span className=\"text-gray-500\">({totalAll})</span>\n          </TabsTrigger>\n          <TabsTrigger className=\"gap-2\" value=\"unreads\" disabled={totalUnread === 0}>\n            Não lidas{\" \"}\n            <span className=\"text-gray-500\">({totalUnread})</span>\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"all\">\n          <NotificationsList\n            pages={allNotifications.data}\n            isFetchingNextPage={allNotifications.isFetchingNextPage}\n            hasNextPage={allNotifications.hasNextPage}\n            fetchNextPage={allNotifications.fetchNextPage}\n          />\n        </TabsContent>\n\n        <TabsContent value=\"unreads\">\n          <NotificationsList\n            pages={unreadNotifications.data}\n            isFetchingNextPage={unreadNotifications.isFetchingNextPage}\n            hasNextPage={unreadNotifications.hasNextPage}\n            fetchNextPage={unreadNotifications.fetchNextPage}\n          />\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/pages/notifications/Notifications.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Bell, Check, Loader2 } from \"lucide-react\";\r\nimport { Button } from \"../../ui/buttons/Button\";\r\nimport {\r\n  Tabs,\r\n  TabsContent,\r\n  TabsList,\r\n  TabsTrigger,\r\n} from \"../../ui/data-display/Tabs\";\r\nimport { useInfiniteMessages, useMarkAllMessagesAsRead } from \"../../../modules/users/hooks/messages.hook\";\r\nimport NotificationCard from \"../../widgets/notifications/NotificationCard\";\r\nimport { Toast } from \"../../ui/feedback/Toast\";\r\nimport { formatDistanceToNow } from \"date-fns\";\r\nimport { ptBR } from \"date-fns/locale\";\r\nimport { toast } from \"sonner\";\r\nimport React from \"react\";\r\n\r\nfunction NotificationsList({\r\n  pages,\r\n  isFetchingNextPage,\r\n  hasNextPage,\r\n  fetchNextPage,\r\n}: {\r\n  pages: ReturnType<typeof useInfiniteMessages>[\"data\"];\r\n  isFetchingNextPage: boolean;\r\n  hasNextPage: boolean;\r\n  fetchNextPage: () => void;\r\n}) {\r\n  const notifications = pages?.pages.flatMap((p) => p.data) ?? [];\r\n\r\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\r\n    const target = e.currentTarget;\r\n    const nearBottom =\r\n      target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\r\n    if (!nearBottom) return;\r\n    if (hasNextPage && !isFetchingNextPage) {\r\n      fetchNextPage();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"flex flex-col border border-gray-200 rounded-lg w-full bg-white max-h-[70vh] overflow-y-auto custom-scrollbar\"\r\n      onScroll={handleScroll}\r\n    >\r\n      {notifications.map((notification, index) => (\r\n        <NotificationCard\r\n          key={notification.id}\r\n          icon={<Bell size={20} className=\"text-pages-600\" />}\r\n          iconBgColor=\"bg-pages-100\"\r\n          title={notification.subject}\r\n          description={notification.message}\r\n          gapPx={16}\r\n          time={formatDistanceToNow(new Date(notification.datetime_add), {\r\n            addSuffix: true,\r\n            locale: ptBR,\r\n          })}\r\n          isUnread={notification.status === 1}\r\n          showBorder={index < notifications.length - 1}\r\n        />\r\n      ))}\r\n      {isFetchingNextPage && (\r\n        <div className=\"flex items-center justify-center py-4\">\r\n          <Loader2 size={20} className=\"animate-spin text-gray-400\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function NotificationPageContent() {\r\n  const unreadNotifications = useInfiniteMessages({\r\n    readed: false,\r\n    type: \"notification\",\r\n    order: \"desc\",\r\n  });\r\n  const allNotifications = useInfiniteMessages({\r\n    type: \"notification\",\r\n    order: \"desc\",\r\n  });\r\n\r\n  const totalAll = allNotifications.data?.pages[0]?.total ?? 0;\r\n  const totalUnread = unreadNotifications.data?.pages[0]?.total ?? 0;\r\n\r\n  const { mutate: markAllAsRead, isPending: isMarkingAll } = useMarkAllMessagesAsRead();\r\n\r\n  const handleMarkAllAsRead = () => {\r\n    markAllAsRead(undefined, {\r\n      onSuccess: () => {\r\n        toast.custom((t) => (\r\n          <Toast variant=\"success\" message=\"Todas as notificações foram marcadas como lidas\" toastId={t} />\r\n        ));\r\n      },\r\n      onError: () => {\r\n        toast.custom((t) => (\r\n          <Toast variant=\"error\" message=\"Erro ao marcar notificações como lidas\" toastId={t} />\r\n        ));\r\n      },\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-6 lg:gap-10 px-4 py-6 lg:px-20 lg:py-14\">\r\n      <div className=\"flex items-center justify-between gap-4\">\r\n        <div className=\"flex flex-col gap-2\">\r\n          <h1 className=\"paragraph-xlarge-semibold lg:title-large-semibold text-gray-950\">\r\n            Notificações\r\n          </h1>\r\n          <p className=\"paragraph-medium-regular text-gray-600 hidden lg:block\">\r\n            Tenha controle total sobre páginas, experiências e conversões.\r\n          </p>\r\n        </div>\r\n        <Button\r\n          variant={\"secondary\"}\r\n          className=\"h-10! lg:h-12! shrink-0\"\r\n          onClick={handleMarkAllAsRead}\r\n          disabled={isMarkingAll || totalUnread === 0}\r\n        >\r\n          {isMarkingAll ? <Loader2 size={20} className=\"animate-spin\" /> : <Check size={20} />}\r\n          <span className=\"lg:block hidden\">Marcar todos como lidos</span>\r\n          <span className=\"lg:hidden\">Marcar como lidos</span>\r\n        </Button>\r\n      </div>\r\n      <Tabs\r\n        defaultValue=\"all\"\r\n        className=\"flex flex-col w-full bg-transparent gap-6 lg:gap-8\"\r\n      >\r\n        <TabsList className=\"h-auto pb-0 bg-transparent\">\r\n          <TabsTrigger className=\"gap-2\" value=\"all\">\r\n            Todas as notificações{\" \"}\r\n            <span className=\"text-gray-500\">({totalAll})</span>\r\n          </TabsTrigger>\r\n          <TabsTrigger className=\"gap-2\" value=\"unreads\" disabled={totalUnread === 0}>\r\n            Não lidas{\" \"}\r\n            <span className=\"text-gray-500\">({totalUnread})</span>\r\n          </TabsTrigger>\r\n        </TabsList>\r\n\r\n        <TabsContent value=\"all\">\r\n          <NotificationsList\r\n            pages={allNotifications.data}\r\n            isFetchingNextPage={allNotifications.isFetchingNextPage}\r\n            hasNextPage={allNotifications.hasNextPage}\r\n            fetchNextPage={allNotifications.fetchNextPage}\r\n          />\r\n        </TabsContent>\r\n\r\n        <TabsContent value=\"unreads\">\r\n          <NotificationsList\r\n            pages={unreadNotifications.data}\r\n            isFetchingNextPage={unreadNotifications.isFetchingNextPage}\r\n            hasNextPage={unreadNotifications.hasNextPage}\r\n            fetchNextPage={unreadNotifications.fetchNextPage}\r\n          />\r\n        </TabsContent>\r\n      </Tabs>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/ui/buttons/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/buttons/Button.tsx"],"sourcesContent":["'use client';\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../../infra/utils/clsx\"\n\nconst buttonVariants = cva(\n  \"paragraph-small-semibold cursor-pointer flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: \" bg-gray-950 text-white hover:bg-gray-950/90\",\n        secondary:\n          \"bg-white text-gray-950 border-gray-200 hover:border-gray-400 border\",\n        ghost:\n          \"text-gray-600 hover:bg-accent hover:text-gray-950 dark:hover:bg-accent/50\",\n        brand: \"bg-pages-300 hover:bg-pages-200 text-gray-950\",\n      },\n      size: {\n        default: \"h-12 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"rounded-md gap-1.5 px-2 py-2 has-[>svg]:px-2.5\",\n        lg: \"rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"mappings":";AAgDI;AA7CJ,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,OACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/buttons/Button.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"../../../infra/utils/clsx\"\r\n\r\nconst buttonVariants = cva(\r\n  \"paragraph-small-semibold cursor-pointer flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \" bg-gray-950 text-white hover:bg-gray-950/90\",\r\n        secondary:\r\n          \"bg-white text-gray-950 border-gray-200 hover:border-gray-400 border\",\r\n        ghost:\r\n          \"text-gray-600 hover:bg-accent hover:text-gray-950 dark:hover:bg-accent/50\",\r\n        brand: \"bg-pages-300 hover:bg-pages-200 text-gray-950\",\r\n      },\r\n      size: {\r\n        default: \"h-12 px-4 py-2 has-[>svg]:px-3\",\r\n        sm: \"rounded-md gap-1.5 px-2 py-2 has-[>svg]:px-2.5\",\r\n        lg: \"rounded-md px-6 has-[>svg]:px-4\",\r\n        icon: \"size-9\",\r\n        \"icon-sm\": \"size-8\",\r\n        \"icon-lg\": \"size-10\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  }\r\n)\r\n\r\nfunction Button({\r\n  className,\r\n  variant,\r\n  size,\r\n  asChild = false,\r\n  ...props\r\n}: React.ComponentProps<\"button\"> &\r\n  VariantProps<typeof buttonVariants> & {\r\n    asChild?: boolean\r\n  }) {\r\n  const Comp = asChild ? Slot : \"button\"\r\n\r\n  return (\r\n    <Comp\r\n      data-slot=\"button\"\r\n      className={cn(buttonVariants({ variant, size, className }))}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport { Button, buttonVariants }\r\n"],"mappings":";AAgDI;AA7CJ,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,OACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/ui/buttons/CancelButton.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/buttons/CancelButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from \"react\";\n\nexport default function CancelButton({\n  ...props\n}: React.ComponentProps<\"button\">) {\n  return (\n    <button\n      className=\"flex h-8 px-2 justify-center items-center rounded-lg bg-red-50 text-red-600 font-semibold text-sm px-3 cursor-pointer hover:bg-red-100\"\n      {...props}\n    />\n  );\n}\n"],"mappings":";AAQI;AAJW,SAAR,aAA8B;AAAA,EACnC,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/buttons/CancelButton.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as React from \"react\";\r\n\r\nexport default function CancelButton({\r\n  ...props\r\n}: React.ComponentProps<\"button\">) {\r\n  return (\r\n    <button\r\n      className=\"flex h-8 px-2 justify-center items-center rounded-lg bg-red-50 text-red-600 font-semibold text-sm px-3 cursor-pointer hover:bg-red-100\"\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";AAQI;AAJW,SAAR,aAA8B;AAAA,EACnC,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}