@greatapps/common 1.1.790 → 1.1.791

package/dist/components/account/sections/projects/ProjectsDisabledModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/projects/ProjectsDisabledModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Separator } from '../../../ui/data-display/Separator';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../../../ui/overlay/Dialog';\nimport { useManagementPermissions } from '../../../../modules/auth/hooks/useManagementPermissions';\nimport { useProjectFlows } from '../../../../store/useProjectFlows';\nimport useSubscriptionActions from '../../hooks/useSubscriptionActions';\n\n/** Aviso de plano sem Gestão de Projetos, com o caminho para o upgrade. */\nexport function ProjectsDisabledModal() {\n  const translate = useTranslations();\n  const { isOwnerOrAdmin } = useManagementPermissions();\n  const isOpen = useProjectFlows((state) => state.isProjectsDisabledOpen);\n  const closeProjectsDisabled = useProjectFlows((state) => state.closeProjectsDisabled);\n  const subscriptionActions = useSubscriptionActions();\n\n  const handleUpgrade = () => {\n    closeProjectsDisabled();\n    subscriptionActions.choosePlan();\n  };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(nextOpen) => !nextOpen && closeProjectsDisabled()}>\n      <DialogContent\n        onOpenAutoFocus={(event) => event.preventDefault()}\n        className=\"flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)] duration-0!\"\n      >\n        <DialogHeader className=\"gap-3 text-left p-5\">\n          <div className=\"flex items-center justify-center w-10 h-10 bg-gray-100 rounded-lg\">\n            <IconAlertTriangle size={20} className=\"text-gray-950\" />\n          </div>\n          <div className=\"flex flex-col gap-2\">\n            <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n              {translate('common.account.workspace.projects.disabledModal.title')}\n            </DialogTitle>\n            <DialogDescription className=\"paragraph-small-regular text-zinc-600\" asChild>\n              <div className=\"flex flex-col gap-3\">\n                <p>{translate('common.account.workspace.projects.disabledModal.description1')}</p>\n                <p>{translate('common.account.workspace.projects.disabledModal.description2')}</p>\n              </div>\n            </DialogDescription>\n          </div>\n        </DialogHeader>\n\n        <Separator />\n\n        <div className=\"flex items-center gap-2 p-5\">\n          {isOwnerOrAdmin && (\n            <Button className=\"h-10! transition-colors\" onClick={handleUpgrade}>\n              {translate('common.account.workspace.projects.disabledModal.upgrade')}\n            </Button>\n          )}\n          <Button variant=\"secondary\" className=\"h-10! transition-colors\" onClick={closeProjectsDisabled}>\n            {translate('common.actions.cancel')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAsCY,cAOE,YAPF;AApCZ,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAChC,OAAO,4BAA4B;AAG5B,SAAS,wBAAwB;AACtC,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,eAAe,IAAI,yBAAyB;AACpD,QAAM,SAAS,gBAAgB,CAAC,UAAU,MAAM,sBAAsB;AACtE,QAAM,wBAAwB,gBAAgB,CAAC,UAAU,MAAM,qBAAqB;AACpF,QAAM,sBAAsB,uBAAuB;AAEnD,QAAM,gBAAgB,MAAM;AAC1B,0BAAsB;AACtB,wBAAoB,WAAW;AAAA,EACjC;AAEA,SACE,oBAAC,UAAO,MAAM,QAAQ,cAAc,CAAC,aAAa,CAAC,YAAY,sBAAsB,GACnF;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAAA,MACjD,WAAU;AAAA,MAEV;AAAA,6BAAC,gBAAa,WAAU,uBACtB;AAAA,8BAAC,SAAI,WAAU,qEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,iBAAgB,GACzD;AAAA,UACA,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,eAAY,WAAU,2CACpB,oBAAU,uDAAuD,GACpE;AAAA,YACA,oBAAC,qBAAkB,WAAU,yCAAwC,SAAO,MAC1E,+BAAC,SAAI,WAAU,uBACb;AAAA,kCAAC,OAAG,oBAAU,8DAA8D,GAAE;AAAA,cAC9E,oBAAC,OAAG,oBAAU,8DAA8D,GAAE;AAAA,eAChF,GACF;AAAA,aACF;AAAA,WACF;AAAA,QAEA,oBAAC,aAAU;AAAA,QAEX,qBAAC,SAAI,WAAU,+BACZ;AAAA,4BACC,oBAAC,UAAO,WAAU,2BAA0B,SAAS,eAClD,oBAAU,yDAAyD,GACtE;AAAA,UAEF,oBAAC,UAAO,SAAQ,aAAY,WAAU,2BAA0B,SAAS,uBACtE,oBAAU,uBAAuB,GACpC;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/account/sections/projects/project-form.schema.mjs

@@ -0,0 +1,28 @@
+import { z } from "zod";
+import { UserProfile } from "../../../../modules/users/schema";
+const projectUsersSchema = z.array(
+  z.object({
+    id: z.number(),
+    name: z.string(),
+    email: z.string(),
+    profile: z.enum([
+      UserProfile.owner,
+      UserProfile.admin,
+      UserProfile.collaborator,
+      UserProfile.viewer
+    ]),
+    initials: z.string().optional(),
+    photo: z.string().nullable().optional()
+  })
+);
+function buildProjectFormSchema(nameRequired) {
+  return z.object({
+    name: z.string().min(1, nameRequired),
+    logo: z.string().nullable().optional(),
+    users: projectUsersSchema
+  });
+}
+export {
+  buildProjectFormSchema
+};
+//# sourceMappingURL=project-form.schema.mjs.map

package/dist/components/account/sections/projects/project-form.schema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/projects/project-form.schema.ts"],"sourcesContent":["import { z } from 'zod';\nimport { UserProfile } from '../../../../modules/users/schema';\n\nconst projectUsersSchema = z.array(\n  z.object({\n    id: z.number(),\n    name: z.string(),\n    email: z.string(),\n    profile: z.enum([\n      UserProfile.owner,\n      UserProfile.admin,\n      UserProfile.collaborator,\n      UserProfile.viewer,\n    ]),\n    initials: z.string().optional(),\n    photo: z.string().nullable().optional(),\n  })\n);\n\n/** `nameRequired` já vem traduzido — o schema é montado dentro do componente com `useMemo`. */\nexport function buildProjectFormSchema(nameRequired: string) {\n  return z.object({\n    name: z.string().min(1, nameRequired),\n    logo: z.string().nullable().optional(),\n    users: projectUsersSchema,\n  });\n}\n\nexport type ProjectFormData = z.infer<ReturnType<typeof buildProjectFormSchema>>;\nexport type ProjectFormUser = ProjectFormData['users'][number];\n"],"mappings":"AAAA,SAAS,SAAS;AAClB,SAAS,mBAAmB;AAE5B,MAAM,qBAAqB,EAAE;AAAA,EAC3B,EAAE,OAAO;AAAA,IACP,IAAI,EAAE,OAAO;AAAA,IACb,MAAM,EAAE,OAAO;AAAA,IACf,OAAO,EAAE,OAAO;AAAA,IAChB,SAAS,EAAE,KAAK;AAAA,MACd,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd,CAAC;AAAA,IACD,UAAU,EAAE,OAAO,EAAE,SAAS;AAAA,IAC9B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACxC,CAAC;AACH;AAGO,SAAS,uBAAuB,cAAsB;AAC3D,SAAO,EAAE,OAAO;AAAA,IACd,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,YAAY;AAAA,IACpC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,IACrC,OAAO;AAAA,EACT,CAAC;AACH;","names":[]}

package/dist/components/account/sections/shared/ConnectListRow.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconPlus } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Badge } from "../../../ui/data-display/Badge";
+import { Button } from "../../../ui/buttons/Button";
+import { cn } from "../../../../infra/utils/clsx";
+import { EntityAvatar } from "./EntityAvatar";
+function ConnectListRow({
+  name,
+  photo,
+  badge,
+  hideBorder = false,
+  variant = "default",
+  onAction,
+  showAction = true
+}) {
+  const translate = useTranslations();
+  const isSelected = variant === "selected";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "px-4 py-4 flex items-center justify-between w-full gap-4",
+        isSelected && "bg-zinc-50",
+        !hideBorder && "border-b border-zinc-200"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(EntityAvatar, { name, photo }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-small-semibold truncate", children: name }),
+          badge && /* @__PURE__ */ jsx(Badge, { className: "text-zinc-600 paragraph-xsmall-semibold rounded-lg border border-zinc-200 bg-white", children: badge })
+        ] }),
+        showAction && (isSelected ? /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "h-10! text-zinc-600", type: "button", onClick: onAction, children: translate("common.actions.remove") }) : /* @__PURE__ */ jsxs(Button, { variant: "secondary", className: "h-10! shrink-0", type: "button", onClick: onAction, children: [
+          /* @__PURE__ */ jsx(IconPlus, { size: 20 }),
+          translate("common.actions.connect")
+        ] }))
+      ]
+    }
+  );
+}
+export {
+  ConnectListRow
+};
+//# sourceMappingURL=ConnectListRow.mjs.map

package/dist/components/account/sections/shared/ConnectListRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/ConnectListRow.tsx"],"sourcesContent":["'use client';\n\nimport { IconPlus } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Badge } from '../../../ui/data-display/Badge';\nimport { Button } from '../../../ui/buttons/Button';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { EntityAvatar } from './EntityAvatar';\n\ntype ConnectListRowProps = {\n  name: string;\n  photo?: string | null;\n  /** Etiqueta à direita do nome (o perfil, nas listas de usuário). */\n  badge?: string;\n  hideBorder?: boolean;\n  /** `selected` é o que já está vinculado: fundo cinza e ação de remover. */\n  variant?: 'default' | 'selected';\n  onAction?: () => void;\n  showAction?: boolean;\n};\n\n/**\n * Linha de vínculo dos sheets da conta: usuários no sheet de projeto e projetos no sheet de usuário.\n * Mesmo formato das listas de conectar/remover das telas de projetos e equipe.\n */\nexport function ConnectListRow({\n  name,\n  photo,\n  badge,\n  hideBorder = false,\n  variant = 'default',\n  onAction,\n  showAction = true,\n}: ConnectListRowProps) {\n  const translate = useTranslations();\n  const isSelected = variant === 'selected';\n\n  return (\n    <div\n      className={cn(\n        'px-4 py-4 flex items-center justify-between w-full gap-4',\n        isSelected && 'bg-zinc-50',\n        !hideBorder && 'border-b border-zinc-200'\n      )}\n    >\n      <EntityAvatar name={name} photo={photo} />\n      <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n        <span className=\"text-zinc-950 paragraph-small-semibold truncate\">{name}</span>\n        {badge && (\n          <Badge className=\"text-zinc-600 paragraph-xsmall-semibold rounded-lg border border-zinc-200 bg-white\">\n            {badge}\n          </Badge>\n        )}\n      </div>\n      {showAction &&\n        (isSelected ? (\n          <Button variant=\"ghost\" className=\"h-10! text-zinc-600\" type=\"button\" onClick={onAction}>\n            {translate('common.actions.remove')}\n          </Button>\n        ) : (\n          <Button variant=\"secondary\" className=\"h-10! shrink-0\" type=\"button\" onClick={onAction}>\n            <IconPlus size={20} />\n            {translate('common.actions.connect')}\n          </Button>\n        ))}\n    </div>\n  );\n}\n"],"mappings":";AA6CM,cACA,YADA;AA3CN,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAkBtB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV;AAAA,EACA,aAAa;AACf,GAAwB;AACtB,QAAM,YAAY,gBAAgB;AAClC,QAAM,aAAa,YAAY;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,cAAc;AAAA,QACd,CAAC,cAAc;AAAA,MACjB;AAAA,MAEA;AAAA,4BAAC,gBAAa,MAAY,OAAc;AAAA,QACxC,qBAAC,SAAI,WAAU,0CACb;AAAA,8BAAC,UAAK,WAAU,mDAAmD,gBAAK;AAAA,UACvE,SACC,oBAAC,SAAM,WAAU,sFACd,iBACH;AAAA,WAEJ;AAAA,QACC,eACE,aACC,oBAAC,UAAO,SAAQ,SAAQ,WAAU,uBAAsB,MAAK,UAAS,SAAS,UAC5E,oBAAU,uBAAuB,GACpC,IAEA,qBAAC,UAAO,SAAQ,aAAY,WAAU,kBAAiB,MAAK,UAAS,SAAS,UAC5E;AAAA,8BAAC,YAAS,MAAM,IAAI;AAAA,UACnB,UAAU,wBAAwB;AAAA,WACrC;AAAA;AAAA;AAAA,EAEN;AAEJ;","names":[]}

package/dist/components/account/sections/shared/DateFilterPopover.mjs

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconChevronDown } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../ui/buttons/Button";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../ui/overlay/Popover";
+import { NavBarItem } from "../../../layouts/NavBarItem";
+import { cn } from "../../../../infra/utils/clsx";
+import { DATE_FILTER_PERIODS, DateFilterPeriod } from "../../../../enums/DateFilterPeriod";
+const PERIOD_KEYS = {
+  [DateFilterPeriod.TODAY]: "today",
+  [DateFilterPeriod.YESTERDAY]: "yesterday",
+  [DateFilterPeriod.LAST_7_DAYS]: "last7Days",
+  [DateFilterPeriod.LAST_30_DAYS]: "last30Days",
+  [DateFilterPeriod.LAST_MONTH]: "lastMonth",
+  [DateFilterPeriod.ALL_TIME]: "allTime"
+};
+function DateFilterPopover({ selectedPeriod, onSelectPeriod }) {
+  const translatePeriod = useTranslations("common.account.workspace.dateFilter");
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "paragraph-small-regular text-zinc-600 gap-2 h-10!", children: [
+      translatePeriod(PERIOD_KEYS[selectedPeriod]),
+      /* @__PURE__ */ jsx(IconChevronDown, { size: 16, className: cn("transition-transform duration-200", open && "rotate-180") })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "end",
+        sideOffset: 8,
+        className: "w-[200px] p-0 bg-white rounded-2xl shadow-md border border-zinc-200",
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col p-1.5 rounded-2xl", children: DATE_FILTER_PERIODS.map((period) => /* @__PURE__ */ jsx(
+          NavBarItem,
+          {
+            label: translatePeriod(PERIOD_KEYS[period]),
+            onClick: () => {
+              onSelectPeriod(period);
+              setOpen(false);
+            }
+          },
+          period
+        )) })
+      }
+    )
+  ] });
+}
+export {
+  DateFilterPopover
+};
+//# sourceMappingURL=DateFilterPopover.mjs.map

package/dist/components/account/sections/shared/DateFilterPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/DateFilterPopover.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { IconChevronDown } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../ui/overlay/Popover';\nimport { NavBarItem } from '../../../layouts/NavBarItem';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { DATE_FILTER_PERIODS, DateFilterPeriod } from '../../../../enums/DateFilterPeriod';\n\nconst PERIOD_KEYS = {\n  [DateFilterPeriod.TODAY]: 'today',\n  [DateFilterPeriod.YESTERDAY]: 'yesterday',\n  [DateFilterPeriod.LAST_7_DAYS]: 'last7Days',\n  [DateFilterPeriod.LAST_30_DAYS]: 'last30Days',\n  [DateFilterPeriod.LAST_MONTH]: 'lastMonth',\n  [DateFilterPeriod.ALL_TIME]: 'allTime',\n} as const satisfies Record<DateFilterPeriod, string>;\n\ntype DateFilterPopoverProps = {\n  selectedPeriod: DateFilterPeriod;\n  onSelectPeriod: (period: DateFilterPeriod) => void;\n};\n\nexport function DateFilterPopover({ selectedPeriod, onSelectPeriod }: DateFilterPopoverProps) {\n  const translatePeriod = useTranslations('common.account.workspace.dateFilter');\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button variant=\"ghost\" className=\"paragraph-small-regular text-zinc-600 gap-2 h-10!\">\n          {translatePeriod(PERIOD_KEYS[selectedPeriod])}\n          <IconChevronDown size={16} className={cn('transition-transform duration-200', open && 'rotate-180')} />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={8}\n        className=\"w-[200px] p-0 bg-white rounded-2xl shadow-md border border-zinc-200\"\n      >\n        <div className=\"flex flex-col p-1.5 rounded-2xl\">\n          {DATE_FILTER_PERIODS.map((period) => (\n            <NavBarItem\n              key={period}\n              label={translatePeriod(PERIOD_KEYS[period])}\n              onClick={() => {\n                onSelectPeriod(period);\n                setOpen(false);\n              }}\n            />\n          ))}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";AAgCQ,SAEE,KAFF;AA9BR,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,qBAAqB,wBAAwB;AAEtD,MAAM,cAAc;AAAA,EAClB,CAAC,iBAAiB,KAAK,GAAG;AAAA,EAC1B,CAAC,iBAAiB,SAAS,GAAG;AAAA,EAC9B,CAAC,iBAAiB,WAAW,GAAG;AAAA,EAChC,CAAC,iBAAiB,YAAY,GAAG;AAAA,EACjC,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,QAAQ,GAAG;AAC/B;AAOO,SAAS,kBAAkB,EAAE,gBAAgB,eAAe,GAA2B;AAC5F,QAAM,kBAAkB,gBAAgB,qCAAqC;AAC7E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACrB,+BAAC,UAAO,SAAQ,SAAQ,WAAU,qDAC/B;AAAA,sBAAgB,YAAY,cAAc,CAAC;AAAA,MAC5C,oBAAC,mBAAgB,MAAM,IAAI,WAAW,GAAG,qCAAqC,QAAQ,YAAY,GAAG;AAAA,OACvG,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAU;AAAA,QAEV,8BAAC,SAAI,WAAU,mCACZ,8BAAoB,IAAI,CAAC,WACxB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,gBAAgB,YAAY,MAAM,CAAC;AAAA,YAC1C,SAAS,MAAM;AACb,6BAAe,MAAM;AACrB,sBAAQ,KAAK;AAAA,YACf;AAAA;AAAA,UALK;AAAA,QAMP,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/shared/EntityAvatar.mjs

@@ -0,0 +1,41 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../../../infra/utils/clsx";
+import { useIsDefaultWhitelabel } from "../../../../providers/whitelabel.provider";
+import { getInitials } from "../../../../utils/format/initials";
+const STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || "";
+function EntityAvatar({ name, photo, initials, tone = "neutral", className }) {
+  const isDefaultWhitelabel = useIsDefaultWhitelabel();
+  const [failedSrc, setFailedSrc] = useState(null);
+  const src = photo ? STORAGE_URL && !photo.startsWith("http") ? `${STORAGE_URL}/${photo}` : photo : null;
+  if (src && failedSrc !== src) {
+    return (
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: name ?? "",
+          className: cn("size-8 rounded-full object-cover shrink-0 bg-gray-100", className),
+          onError: () => setFailedSrc(src)
+        }
+      )
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-8 rounded-full flex items-center justify-center shrink-0",
+        tone === "brand" ? isDefaultWhitelabel ? "bg-cyan-50 text-cyan-700" : "bg-zinc-50 text-zinc-700" : "bg-gray-100 text-gray-700",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: initials || getInitials(name) || "?" })
+    }
+  );
+}
+export {
+  EntityAvatar
+};
+//# sourceMappingURL=EntityAvatar.mjs.map

package/dist/components/account/sections/shared/EntityAvatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/EntityAvatar.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { useIsDefaultWhitelabel } from '../../../../providers/whitelabel.provider';\nimport { getInitials } from '../../../../utils/format/initials';\n\nconst STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';\n\ntype EntityAvatarProps = {\n  name?: string | null;\n  photo?: string | null;\n  /** Iniciais vindas da API; sem elas, derivadas do nome. */\n  initials?: string | null;\n  /** `neutral` segue o UserAvatar (listas de projetos e equipe); `brand` usa a cor do whitelabel (pilha de membros). */\n  tone?: 'neutral' | 'brand';\n  className?: string;\n};\n\n/** Avatar redondo de 32px com foto ou iniciais. Foto que não carrega cai nas iniciais em vez da imagem quebrada. */\nexport function EntityAvatar({ name, photo, initials, tone = 'neutral', className }: EntityAvatarProps) {\n  const isDefaultWhitelabel = useIsDefaultWhitelabel();\n  const [failedSrc, setFailedSrc] = useState<string | null>(null);\n\n  const src = photo ? (STORAGE_URL && !photo.startsWith('http') ? `${STORAGE_URL}/${photo}` : photo) : null;\n\n  if (src && failedSrc !== src) {\n    return (\n      // eslint-disable-next-line @next/next/no-img-element\n      <img\n        src={src}\n        alt={name ?? ''}\n        className={cn('size-8 rounded-full object-cover shrink-0 bg-gray-100', className)}\n        onError={() => setFailedSrc(src)}\n      />\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'size-8 rounded-full flex items-center justify-center shrink-0',\n        tone === 'brand'\n          ? isDefaultWhitelabel\n            ? 'bg-cyan-50 text-cyan-700'\n            : 'bg-zinc-50 text-zinc-700'\n          : 'bg-gray-100 text-gray-700',\n        className\n      )}\n    >\n      <span className=\"text-xs font-semibold\">{initials || getInitials(name) || '?'}</span>\n    </div>\n  );\n}\n"],"mappings":";AA6BM;AA3BN,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,8BAA8B;AACvC,SAAS,mBAAmB;AAE5B,MAAM,cAAc,QAAQ,IAAI,2BAA2B;AAapD,SAAS,aAAa,EAAE,MAAM,OAAO,UAAU,OAAO,WAAW,UAAU,GAAsB;AACtG,QAAM,sBAAsB,uBAAuB;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAE9D,QAAM,MAAM,QAAS,eAAe,CAAC,MAAM,WAAW,MAAM,IAAI,GAAG,WAAW,IAAI,KAAK,KAAK,QAAS;AAErG,MAAI,OAAO,cAAc,KAAK;AAC5B;AAAA;AAAA,MAEE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,KAAK,QAAQ;AAAA,UACb,WAAW,GAAG,yDAAyD,SAAS;AAAA,UAChF,SAAS,MAAM,aAAa,GAAG;AAAA;AAAA,MACjC;AAAA;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,UACL,sBACE,6BACA,6BACF;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,8BAAC,UAAK,WAAU,yBAAyB,sBAAY,YAAY,IAAI,KAAK,KAAI;AAAA;AAAA,EAChF;AAEJ;","names":[]}

package/dist/components/account/sections/shared/FilterPopover.mjs

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { IconFilter } from "@tabler/icons-react";
+import { Button } from "../../../ui/buttons/Button";
+import { Checkbox } from "../../../ui/form/Checkbox";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../ui/overlay/Popover";
+import { cn } from "../../../../infra/utils/clsx";
+function FilterPopover({
+  label,
+  options,
+  selected,
+  onToggle,
+  width = 220
+}) {
+  const baseId = useId();
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "h-10! gap-2 shrink-0", "aria-label": label, children: [
+      /* @__PURE__ */ jsx(IconFilter, { size: 20, className: "text-zinc-500" }),
+      /* @__PURE__ */ jsx("span", { className: "hidden lg:block", children: label }),
+      selected.length > 0 && /* @__PURE__ */ jsx("span", { className: "flex justify-center items-center size-5 rounded-full border border-zinc-200 bg-white paragraph-xsmall-semibold text-zinc-950", children: selected.length })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "py-2 px-4 bg-white rounded-2xl shadow-none border border-zinc-200",
+        style: { width },
+        sideOffset: 8,
+        align: "end",
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: options.map((option) => {
+          const id = `${baseId}-filter-${option.value}`;
+          return /* @__PURE__ */ jsxs(
+            "label",
+            {
+              htmlFor: id,
+              className: "flex justify-between py-2.5 cursor-pointer hover:bg-zinc-50 transition-colors rounded-lg px-2 -mx-2",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 paragraph-small-medium text-zinc-950", children: [
+                  option.color && /* @__PURE__ */ jsx("span", { className: cn("size-2 rounded-full shrink-0", option.color) }),
+                  option.label
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id,
+                    checked: selected.includes(option.value),
+                    onCheckedChange: (checked) => onToggle(option.value, checked === true)
+                  }
+                )
+              ]
+            },
+            option.value
+          );
+        }) })
+      }
+    )
+  ] });
+}
+export {
+  FilterPopover
+};
+//# sourceMappingURL=FilterPopover.mjs.map

package/dist/components/account/sections/shared/FilterPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/FilterPopover.tsx"],"sourcesContent":["'use client';\n\nimport { useId } from 'react';\nimport { IconFilter } from '@tabler/icons-react';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Checkbox } from '../../../ui/form/Checkbox';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../ui/overlay/Popover';\nimport { cn } from '../../../../infra/utils/clsx';\n\nexport type FilterOption<T extends string | number> = {\n  value: T;\n  label: string;\n  /** Ponto colorido à esquerda do rótulo (ex.: `bg-green-500`), usado nos filtros de status. */\n  color?: string;\n};\n\ntype FilterPopoverProps<T extends string | number> = {\n  label: string;\n  options: FilterOption<T>[];\n  selected: T[];\n  onToggle: (value: T, checked: boolean) => void;\n  width?: number;\n};\n\nexport function FilterPopover<T extends string | number>({\n  label,\n  options,\n  selected,\n  onToggle,\n  width = 220,\n}: FilterPopoverProps<T>) {\n  const baseId = useId();\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant=\"ghost\" className=\"h-10! gap-2 shrink-0\" aria-label={label}>\n          <IconFilter size={20} className=\"text-zinc-500\" />\n          <span className=\"hidden lg:block\">{label}</span>\n          {selected.length > 0 && (\n            <span className=\"flex justify-center items-center size-5 rounded-full border border-zinc-200 bg-white paragraph-xsmall-semibold text-zinc-950\">\n              {selected.length}\n            </span>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"py-2 px-4 bg-white rounded-2xl shadow-none border border-zinc-200\"\n        style={{ width }}\n        sideOffset={8}\n        align=\"end\"\n      >\n        <div className=\"flex flex-col\">\n          {options.map((option) => {\n            const id = `${baseId}-filter-${option.value}`;\n\n            return (\n              <label\n                key={option.value}\n                htmlFor={id}\n                className=\"flex justify-between py-2.5 cursor-pointer hover:bg-zinc-50 transition-colors rounded-lg px-2 -mx-2\"\n              >\n                <span className=\"flex items-center gap-2 paragraph-small-medium text-zinc-950\">\n                  {option.color && <span className={cn('size-2 rounded-full shrink-0', option.color)} />}\n                  {option.label}\n                </span>\n                <Checkbox\n                  id={id}\n                  checked={selected.includes(option.value)}\n                  onCheckedChange={(checked) => onToggle(option.value, checked === true)}\n                />\n              </label>\n            );\n          })}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";AAoCQ,SACE,KADF;AAlCR,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU;AAiBZ,SAAS,cAAyC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAA0B;AACxB,QAAM,SAAS,MAAM;AAErB,SACE,qBAAC,WACC;AAAA,wBAAC,kBAAe,SAAO,MACrB,+BAAC,UAAO,SAAQ,SAAQ,WAAU,wBAAuB,cAAY,OACnE;AAAA,0BAAC,cAAW,MAAM,IAAI,WAAU,iBAAgB;AAAA,MAChD,oBAAC,UAAK,WAAU,mBAAmB,iBAAM;AAAA,MACxC,SAAS,SAAS,KACjB,oBAAC,UAAK,WAAU,gIACb,mBAAS,QACZ;AAAA,OAEJ,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,MAAM;AAAA,QACf,YAAY;AAAA,QACZ,OAAM;AAAA,QAEN,8BAAC,SAAI,WAAU,iBACZ,kBAAQ,IAAI,CAAC,WAAW;AACvB,gBAAM,KAAK,GAAG,MAAM,WAAW,OAAO,KAAK;AAE3C,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS;AAAA,cACT,WAAU;AAAA,cAEV;AAAA,qCAAC,UAAK,WAAU,gEACb;AAAA,yBAAO,SAAS,oBAAC,UAAK,WAAW,GAAG,gCAAgC,OAAO,KAAK,GAAG;AAAA,kBACnF,OAAO;AAAA,mBACV;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,SAAS,SAAS,SAAS,OAAO,KAAK;AAAA,oBACvC,iBAAiB,CAAC,YAAY,SAAS,OAAO,OAAO,YAAY,IAAI;AAAA;AAAA,gBACvE;AAAA;AAAA;AAAA,YAZK,OAAO;AAAA,UAad;AAAA,QAEJ,CAAC,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/shared/FormSection.mjs

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormSection({ title, description, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "grid gap-4 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-12", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: title }),
+      /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-500", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6 min-w-0", children })
+  ] });
+}
+export {
+  FormSection
+};
+//# sourceMappingURL=FormSection.mjs.map

package/dist/components/account/sections/shared/FormSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/FormSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\ntype FormSectionProps = {\n  title: string;\n  description: string;\n  children: ReactNode;\n};\n\n/**\n * Seção de formulário do modal Minha conta: título e descrição à esquerda, conteúdo à direita.\n * No mobile as duas colunas empilham.\n */\nexport function FormSection({ title, description, children }: FormSectionProps) {\n  return (\n    <section className=\"grid gap-4 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-12\">\n      <div className=\"flex flex-col gap-1\">\n        <span className=\"paragraph-medium-semibold text-gray-950\">{title}</span>\n        <span className=\"paragraph-small-regular text-gray-500\">{description}</span>\n      </div>\n      <div className=\"flex flex-col gap-6 min-w-0\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":"AAeM,SACE,KADF;AAHC,SAAS,YAAY,EAAE,OAAO,aAAa,SAAS,GAAqB;AAC9E,SACE,qBAAC,aAAQ,WAAU,2DACjB;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,UAAK,WAAU,2CAA2C,iBAAM;AAAA,MACjE,oBAAC,UAAK,WAAU,yCAAyC,uBAAY;AAAA,OACvE;AAAA,IACA,oBAAC,SAAI,WAAU,+BAA+B,UAAS;AAAA,KACzD;AAEJ;","names":[]}

package/dist/components/account/sections/shared/IconBox.mjs

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../../infra/utils/clsx";
+function IconBox({ icon: Icon, className, iconClassName }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-center size-10 bg-white rounded-lg shrink-0 shadow-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(Icon, { size: 20, className: cn("text-zinc-950", iconClassName), strokeWidth: 2 })
+    }
+  );
+}
+export {
+  IconBox
+};
+//# sourceMappingURL=IconBox.mjs.map

package/dist/components/account/sections/shared/IconBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/IconBox.tsx"],"sourcesContent":["import type { TablerIcon } from '@tabler/icons-react';\nimport { cn } from '../../../../infra/utils/clsx';\n\ntype IconBoxProps = {\n  icon: TablerIcon;\n  className?: string;\n  iconClassName?: string;\n};\n\nexport function IconBox({ icon: Icon, className, iconClassName }: IconBoxProps) {\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-center size-10 bg-white rounded-lg shrink-0 shadow-sm',\n        className\n      )}\n    >\n      <Icon size={20} className={cn('text-zinc-950', iconClassName)} strokeWidth={2} />\n    </div>\n  );\n}\n"],"mappings":"AAiBM;AAhBN,SAAS,UAAU;AAQZ,SAAS,QAAQ,EAAE,MAAM,MAAM,WAAW,cAAc,GAAiB;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,QAAK,MAAM,IAAI,WAAW,GAAG,iBAAiB,aAAa,GAAG,aAAa,GAAG;AAAA;AAAA,EACjF;AAEJ;","names":[]}

package/dist/components/account/sections/shared/InfiniteScrollList.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+function InfiniteScrollList({
+  hasMore,
+  isLoadingMore,
+  onLoadMore,
+  threshold = 40,
+  onScroll,
+  children,
+  ...rest
+}) {
+  const sentinelRef = useRef(null);
+  const loadMoreRef = useRef(onLoadMore);
+  loadMoreRef.current = onLoadMore;
+  useEffect(() => {
+    const sentinel = sentinelRef.current;
+    if (!sentinel || !hasMore || isLoadingMore) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((entry) => entry.isIntersecting)) loadMoreRef.current();
+      },
+      { rootMargin: `0px 0px ${threshold}px 0px` }
+    );
+    observer.observe(sentinel);
+    return () => observer.disconnect();
+  }, [hasMore, isLoadingMore, threshold]);
+  return /* @__PURE__ */ jsxs("div", { ...rest, onScroll, children: [
+    children,
+    /* @__PURE__ */ jsx("div", { ref: sentinelRef, "aria-hidden": true, className: "h-px w-full shrink-0" })
+  ] });
+}
+export {
+  InfiniteScrollList
+};
+//# sourceMappingURL=InfiniteScrollList.mjs.map

package/dist/components/account/sections/shared/InfiniteScrollList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/InfiniteScrollList.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, type HTMLAttributes, type UIEvent } from 'react';\n\ntype InfiniteScrollListProps = Omit<HTMLAttributes<HTMLDivElement>, 'onScroll'> & {\n  hasMore: boolean;\n  isLoadingMore: boolean;\n  onLoadMore: () => void;\n  /** Distância do fim, em px, que dispara a próxima página. */\n  threshold?: number;\n  onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n};\n\n/**\n * Lista que pede a próxima página quando o fim entra em cena.\n *\n * A checagem é por sentinela, e não pelo `scrollTop` da própria lista: assim ela funciona tanto\n * com rolagem própria quanto quando quem rola é a coluna em volta — o que evita ter de encaixar\n * uma ilha de rolagem dentro de outra só para a paginação continuar viva.\n */\nexport function InfiniteScrollList({\n  hasMore,\n  isLoadingMore,\n  onLoadMore,\n  threshold = 40,\n  onScroll,\n  children,\n  ...rest\n}: InfiniteScrollListProps) {\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  // Ref para o observer não ser recriado a cada render só porque o callback mudou de identidade.\n  const loadMoreRef = useRef(onLoadMore);\n  loadMoreRef.current = onLoadMore;\n\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n    if (!sentinel || !hasMore || isLoadingMore) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) loadMoreRef.current();\n      },\n      { rootMargin: `0px 0px ${threshold}px 0px` }\n    );\n\n    observer.observe(sentinel);\n\n    return () => observer.disconnect();\n  }, [hasMore, isLoadingMore, threshold]);\n\n  return (\n    <div {...rest} onScroll={onScroll}>\n      {children}\n      <div ref={sentinelRef} aria-hidden className=\"h-px w-full shrink-0\" />\n    </div>\n  );\n}\n"],"mappings":";AAmDI,SAEE,KAFF;AAjDJ,SAAS,WAAW,cAAiD;AAkB9D,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,QAAM,cAAc,OAAuB,IAAI;AAE/C,QAAM,cAAc,OAAO,UAAU;AACrC,cAAY,UAAU;AAEtB,YAAU,MAAM;AACd,UAAM,WAAW,YAAY;AAC7B,QAAI,CAAC,YAAY,CAAC,WAAW,cAAe;AAE5C,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,YAAY;AACX,YAAI,QAAQ,KAAK,CAAC,UAAU,MAAM,cAAc,EAAG,aAAY,QAAQ;AAAA,MACzE;AAAA,MACA,EAAE,YAAY,WAAW,SAAS,SAAS;AAAA,IAC7C;AAEA,aAAS,QAAQ,QAAQ;AAEzB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,eAAe,SAAS,CAAC;AAEtC,SACE,qBAAC,SAAK,GAAG,MAAM,UACZ;AAAA;AAAA,IACD,oBAAC,SAAI,KAAK,aAAa,eAAW,MAAC,WAAU,wBAAuB;AAAA,KACtE;AAEJ;","names":[]}

package/dist/components/account/sections/shared/ListPagination.mjs

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconChevronLeft, IconChevronRight } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { cn } from "../../../../infra/utils/clsx";
+function buildPages(currentPage, totalPages) {
+  const pages = [1];
+  if (currentPage > 3) pages.push("ellipsis");
+  for (let page = Math.max(2, currentPage - 1); page <= Math.min(totalPages - 1, currentPage + 1); page++) {
+    if (!pages.includes(page)) pages.push(page);
+  }
+  if (currentPage < totalPages - 2) pages.push("ellipsis");
+  if (totalPages > 1 && !pages.includes(totalPages)) pages.push(totalPages);
+  return pages;
+}
+function ListPagination({ currentPage, totalPages, onPageChange }) {
+  const translate = useTranslations();
+  if (totalPages <= 1) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": translate("common.account.workspace.pagination.previous"),
+        onClick: () => onPageChange(currentPage - 1),
+        className: "size-8 flex items-center justify-center rounded-lg text-zinc-600 hover:bg-zinc-100 transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
+        disabled: currentPage === 1,
+        children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 24 })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: buildPages(currentPage, totalPages).map(
+      (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "h-8 min-w-8 px-1.5 flex items-center justify-center paragraph-small-semibold text-zinc-600",
+          children: "..."
+        },
+        `ellipsis-${index}`
+      ) : /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPageChange(page),
+          className: cn(
+            "h-8 min-w-8 px-1.5 flex items-center justify-center rounded-lg paragraph-small-semibold transition-colors cursor-pointer",
+            currentPage === page ? "bg-white border border-zinc-200 text-zinc-950" : "text-zinc-600 hover:bg-zinc-100"
+          ),
+          children: page
+        },
+        page
+      )
+    ) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": translate("common.account.workspace.pagination.next"),
+        onClick: () => onPageChange(currentPage + 1),
+        className: "size-8 flex items-center justify-center rounded-lg bg-white border border-zinc-200 text-zinc-600 hover:bg-zinc-100 transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
+        disabled: currentPage === totalPages,
+        children: /* @__PURE__ */ jsx(IconChevronRight, { size: 24 })
+      }
+    )
+  ] });
+}
+export {
+  ListPagination
+};
+//# sourceMappingURL=ListPagination.mjs.map

package/dist/components/account/sections/shared/ListPagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/ListPagination.tsx"],"sourcesContent":["'use client';\n\nimport { IconChevronLeft, IconChevronRight } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { cn } from '../../../../infra/utils/clsx';\n\ntype ListPaginationProps = {\n  currentPage: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n};\n\n/** Páginas visíveis: primeira, vizinhas da atual e última, com reticências nos saltos. */\nfunction buildPages(currentPage: number, totalPages: number): (number | 'ellipsis')[] {\n  const pages: (number | 'ellipsis')[] = [1];\n\n  if (currentPage > 3) pages.push('ellipsis');\n\n  for (let page = Math.max(2, currentPage - 1); page <= Math.min(totalPages - 1, currentPage + 1); page++) {\n    if (!pages.includes(page)) pages.push(page);\n  }\n\n  if (currentPage < totalPages - 2) pages.push('ellipsis');\n  if (totalPages > 1 && !pages.includes(totalPages)) pages.push(totalPages);\n\n  return pages;\n}\n\nexport function ListPagination({ currentPage, totalPages, onPageChange }: ListPaginationProps) {\n  const translate = useTranslations();\n\n  if (totalPages <= 1) return null;\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <button\n        type=\"button\"\n        aria-label={translate('common.account.workspace.pagination.previous')}\n        onClick={() => onPageChange(currentPage - 1)}\n        className=\"size-8 flex items-center justify-center rounded-lg text-zinc-600 hover:bg-zinc-100 transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n        disabled={currentPage === 1}\n      >\n        <IconChevronLeft size={24} />\n      </button>\n\n      <div className=\"flex items-center gap-1.5\">\n        {buildPages(currentPage, totalPages).map((page, index) =>\n          page === 'ellipsis' ? (\n            <span\n              key={`ellipsis-${index}`}\n              className=\"h-8 min-w-8 px-1.5 flex items-center justify-center paragraph-small-semibold text-zinc-600\"\n            >\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              type=\"button\"\n              onClick={() => onPageChange(page)}\n              className={cn(\n                'h-8 min-w-8 px-1.5 flex items-center justify-center rounded-lg paragraph-small-semibold transition-colors cursor-pointer',\n                currentPage === page\n                  ? 'bg-white border border-zinc-200 text-zinc-950'\n                  : 'text-zinc-600 hover:bg-zinc-100'\n              )}\n            >\n              {page}\n            </button>\n          )\n        )}\n      </div>\n\n      <button\n        type=\"button\"\n        aria-label={translate('common.account.workspace.pagination.next')}\n        onClick={() => onPageChange(currentPage + 1)}\n        className=\"size-8 flex items-center justify-center rounded-lg bg-white border border-zinc-200 text-zinc-600 hover:bg-zinc-100 transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n        disabled={currentPage === totalPages}\n      >\n        <IconChevronRight size={24} />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAkCI,SAQI,KARJ;AAhCJ,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,uBAAuB;AAChC,SAAS,UAAU;AASnB,SAAS,WAAW,aAAqB,YAA6C;AACpF,QAAM,QAAiC,CAAC,CAAC;AAEzC,MAAI,cAAc,EAAG,OAAM,KAAK,UAAU;AAE1C,WAAS,OAAO,KAAK,IAAI,GAAG,cAAc,CAAC,GAAG,QAAQ,KAAK,IAAI,aAAa,GAAG,cAAc,CAAC,GAAG,QAAQ;AACvG,QAAI,CAAC,MAAM,SAAS,IAAI,EAAG,OAAM,KAAK,IAAI;AAAA,EAC5C;AAEA,MAAI,cAAc,aAAa,EAAG,OAAM,KAAK,UAAU;AACvD,MAAI,aAAa,KAAK,CAAC,MAAM,SAAS,UAAU,EAAG,OAAM,KAAK,UAAU;AAExE,SAAO;AACT;AAEO,SAAS,eAAe,EAAE,aAAa,YAAY,aAAa,GAAwB;AAC7F,QAAM,YAAY,gBAAgB;AAElC,MAAI,cAAc,EAAG,QAAO;AAE5B,SACE,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,8CAA8C;AAAA,QACpE,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,QAC3C,WAAU;AAAA,QACV,UAAU,gBAAgB;AAAA,QAE1B,8BAAC,mBAAgB,MAAM,IAAI;AAAA;AAAA,IAC7B;AAAA,IAEA,oBAAC,SAAI,WAAU,6BACZ,qBAAW,aAAa,UAAU,EAAE;AAAA,MAAI,CAAC,MAAM,UAC9C,SAAS,aACP;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UACX;AAAA;AAAA,QAFM,YAAY,KAAK;AAAA,MAIxB,IAEA;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,aAAa,IAAI;AAAA,UAChC,WAAW;AAAA,YACT;AAAA,YACA,gBAAgB,OACZ,kDACA;AAAA,UACN;AAAA,UAEC;AAAA;AAAA,QAVI;AAAA,MAWP;AAAA,IAEJ,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,0CAA0C;AAAA,QAChE,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,QAC3C,WAAU;AAAA,QACV,UAAU,gBAAgB;AAAA,QAE1B,8BAAC,oBAAiB,MAAM,IAAI;AAAA;AAAA,IAC9B;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/shared/RowActionsMenu.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconDotsVertical } from "@tabler/icons-react";
+import { Button } from "../../../ui/buttons/Button";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../ui/overlay/Popover";
+import { NavBarItem } from "../../../layouts/NavBarItem";
+import { cn } from "../../../../infra/utils/clsx";
+function RowActionsMenu({ items, width = 160, className }) {
+  const [open, setOpen] = useState(false);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-lg",
+        className: cn("size-10 hover:bg-zinc-100 rounded-lg", className),
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx(IconDotsVertical, { size: 20 })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "end",
+        sideOffset: 8,
+        className: "p-0 bg-white rounded-2xl shadow-none border border-zinc-200",
+        style: { width },
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5 p-1.5 rounded-xl", children: items.map((item) => /* @__PURE__ */ jsx(
+          NavBarItem,
+          {
+            icon: item.icon,
+            label: item.label,
+            className: item.destructive ? "hover:bg-red-50" : void 0,
+            labelClassName: item.destructive ? "text-red-600" : void 0,
+            onClick: () => {
+              setOpen(false);
+              item.onClick();
+            }
+          },
+          item.label
+        )) })
+      }
+    )
+  ] });
+}
+export {
+  RowActionsMenu
+};
+//# sourceMappingURL=RowActionsMenu.mjs.map

package/dist/components/account/sections/shared/RowActionsMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/RowActionsMenu.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { IconDotsVertical } from '@tabler/icons-react';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../ui/overlay/Popover';\nimport { NavBarItem } from '../../../layouts/NavBarItem';\nimport { cn } from '../../../../infra/utils/clsx';\n\nexport type RowActionsMenuItem = {\n  icon: ReactNode;\n  label: string;\n  onClick: () => void;\n  destructive?: boolean;\n};\n\ntype RowActionsMenuProps = {\n  items: RowActionsMenuItem[];\n  width?: number;\n  className?: string;\n};\n\n/** Menu ⋮ das linhas e cards das abas do modal Minha conta. */\nexport function RowActionsMenu({ items, width = 160, className }: RowActionsMenuProps) {\n  const [open, setOpen] = useState(false);\n\n  if (items.length === 0) return null;\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"ghost\"\n          size=\"icon-lg\"\n          className={cn('size-10 hover:bg-zinc-100 rounded-lg', className)}\n          onClick={(event) => event.stopPropagation()}\n        >\n          <IconDotsVertical size={20} />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={8}\n        className=\"p-0 bg-white rounded-2xl shadow-none border border-zinc-200\"\n        style={{ width }}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <div className=\"flex flex-col gap-0.5 p-1.5 rounded-xl\">\n          {items.map((item) => (\n            <NavBarItem\n              key={item.label}\n              icon={item.icon}\n              label={item.label}\n              className={item.destructive ? 'hover:bg-red-50' : undefined}\n              labelClassName={item.destructive ? 'text-red-600' : undefined}\n              onClick={() => {\n                setOpen(false);\n                item.onClick();\n              }}\n            />\n          ))}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";AA6BI,SAQM,KARN;AA3BJ,SAAS,gBAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAgBZ,SAAS,eAAe,EAAE,OAAO,QAAQ,KAAK,UAAU,GAAwB;AACrF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAW,GAAG,wCAAwC,SAAS;AAAA,QAC/D,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,QAE1C,8BAAC,oBAAiB,MAAM,IAAI;AAAA;AAAA,IAC9B,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAU;AAAA,QACV,OAAO,EAAE,MAAM;AAAA,QACf,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,QAE1C,8BAAC,SAAI,WAAU,0CACZ,gBAAM,IAAI,CAAC,SACV;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX,OAAO,KAAK;AAAA,YACZ,WAAW,KAAK,cAAc,oBAAoB;AAAA,YAClD,gBAAgB,KAAK,cAAc,iBAAiB;AAAA,YACpD,SAAS,MAAM;AACb,sBAAQ,KAAK;AACb,mBAAK,QAAQ;AAAA,YACf;AAAA;AAAA,UARK,KAAK;AAAA,QASZ,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/shared/SectionLoadError.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconAlertTriangle } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../ui/buttons/Button";
+import { IconBox } from "./IconBox";
+function SectionLoadError({ message, onRetry }) {
+  const translate = useTranslations();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-6 p-5 lg:p-6 bg-zinc-50 rounded-lg", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(IconBox, { icon: IconAlertTriangle }),
+      /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-zinc-950", children: message })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onRetry, className: "w-fit h-10!", children: translate("common.account.workspace.loadFailedRetry") })
+  ] });
+}
+export {
+  SectionLoadError
+};
+//# sourceMappingURL=SectionLoadError.mjs.map

package/dist/components/account/sections/shared/SectionLoadError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/SectionLoadError.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../ui/buttons/Button';\nimport { IconBox } from './IconBox';\n\ntype SectionLoadErrorProps = {\n  message: string;\n  onRetry: () => void;\n};\n\nexport function SectionLoadError({ message, onRetry }: SectionLoadErrorProps) {\n  const translate = useTranslations();\n\n  return (\n    <div className=\"flex flex-col justify-between gap-6 p-5 lg:p-6 bg-zinc-50 rounded-lg\">\n      <div className=\"flex items-center gap-4\">\n        <IconBox icon={IconAlertTriangle} />\n        <span className=\"paragraph-medium-semibold text-zinc-950\">{message}</span>\n      </div>\n      <Button variant=\"secondary\" onClick={onRetry} className=\"w-fit h-10!\">\n        {translate('common.account.workspace.loadFailedRetry')}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";AAiBM,SACE,KADF;AAfN,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,eAAe;AAOjB,SAAS,iBAAiB,EAAE,SAAS,QAAQ,GAA0B;AAC5E,QAAM,YAAY,gBAAgB;AAElC,SACE,qBAAC,SAAI,WAAU,wEACb;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,WAAQ,MAAM,mBAAmB;AAAA,MAClC,oBAAC,UAAK,WAAU,2CAA2C,mBAAQ;AAAA,OACrE;AAAA,IACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,WAAU,eACrD,oBAAU,0CAA0C,GACvD;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/shared/StatusBadge.mjs

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../../infra/utils/clsx";
+const TONE_CLASSES = {
+  neutral: "bg-zinc-50 border-zinc-100 text-zinc-500",
+  blue: "bg-blue-50 border-blue-100 text-blue-600",
+  green: "bg-green-50 border-green-100 text-green-600",
+  yellow: "bg-yellow-50 border-yellow-100 text-yellow-600",
+  red: "bg-red-50 border-red-100 text-red-600"
+};
+function StatusBadge({ tone = "neutral", className, children }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center justify-center gap-1 px-1.5 py-1 rounded-md border paragraph-xsmall-semibold whitespace-nowrap w-fit",
+        TONE_CLASSES[tone],
+        className
+      ),
+      children
+    }
+  );
+}
+export {
+  StatusBadge
+};
+//# sourceMappingURL=StatusBadge.mjs.map

package/dist/components/account/sections/shared/StatusBadge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/StatusBadge.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '../../../../infra/utils/clsx';\n\nexport type StatusBadgeTone = 'neutral' | 'blue' | 'green' | 'yellow' | 'red';\n\nconst TONE_CLASSES: Record<StatusBadgeTone, string> = {\n  neutral: 'bg-zinc-50 border-zinc-100 text-zinc-500',\n  blue: 'bg-blue-50 border-blue-100 text-blue-600',\n  green: 'bg-green-50 border-green-100 text-green-600',\n  yellow: 'bg-yellow-50 border-yellow-100 text-yellow-600',\n  red: 'bg-red-50 border-red-100 text-red-600',\n};\n\ntype StatusBadgeProps = {\n  tone?: StatusBadgeTone;\n  className?: string;\n  children: ReactNode;\n};\n\n/** Badge de status no padrão dos apps: `rounded-md`, 12px semibold e par de cor 50/100. */\nexport function StatusBadge({ tone = 'neutral', className, children }: StatusBadgeProps) {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center justify-center gap-1 px-1.5 py-1 rounded-md border paragraph-xsmall-semibold whitespace-nowrap w-fit',\n        TONE_CLASSES[tone],\n        className\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":"AAsBI;AArBJ,SAAS,UAAU;AAInB,MAAM,eAAgD;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AASO,SAAS,YAAY,EAAE,OAAO,WAAW,WAAW,SAAS,GAAqB;AACvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/account/sections/shared/WorkspaceSection.mjs

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { useSectionCount } from "../../AccountModalLayout";
+function WorkspaceSection({ count, children }) {
+  useSectionCount(count);
+  return /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto overscroll-contain [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 px-4 py-5 pb-20 lg:px-8 lg:py-6 flex flex-col gap-5 lg:gap-8 *:shrink-0", children });
+}
+export {
+  WorkspaceSection
+};
+//# sourceMappingURL=WorkspaceSection.mjs.map

package/dist/components/account/sections/shared/WorkspaceSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/shared/WorkspaceSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useSectionCount } from '../../AccountModalLayout';\n\ntype WorkspaceSectionProps = {\n  /** Total de registros mostrado ao lado do título no topo do modal. */\n  count?: number;\n  children: ReactNode;\n};\n\n/**\n * Área rolável de uma aba do modal Minha conta. Os filhos não encolhem: numa coluna flex de altura\n * fixa, uma lista com overflow-hidden seria espremida e cortaria as últimas linhas.\n */\nexport function WorkspaceSection({ count, children }: WorkspaceSectionProps) {\n  useSectionCount(count);\n\n  return (\n    <div className=\"h-full overflow-y-auto overscroll-contain [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 px-4 py-5 pb-20 lg:px-8 lg:py-6 flex flex-col gap-5 lg:gap-8 *:shrink-0\">\n      {children}\n    </div>\n  );\n}\n"],"mappings":"AAiBI;AAhBJ,SAAS,uBAAuB;AAYzB,SAAS,iBAAiB,EAAE,OAAO,SAAS,GAA0B;AAC3E,kBAAgB,KAAK;AAErB,SACE,oBAAC,SAAI,WAAU,wSACZ,UACH;AAEJ;","names":[]}