@greatapps/common 1.1.0 → 1.1.2

package/dist/components/handlers/SearchParamsHandler.mjs

@@ -1,8 +1,9 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { Suspense, useEffect } from "react";
 import { useSearchParams } from "next/navigation";
 function SearchParamsHandler(options) {
-  return /* @__PURE__ */ React.createElement(Suspense, { fallback: null }, /* @__PURE__ */ React.createElement(SearchParamsHandlerChildren, { ...options }));
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(SearchParamsHandlerChildren, { ...options }) });
 }
 function SearchParamsHandlerChildren(options) {
   const searchParams = useSearchParams();

package/dist/components/handlers/SearchParamsHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/handlers/SearchParamsHandler.tsx"],"sourcesContent":["\"use client\";\n\nimport { Suspense, useEffect } from \"react\";\nimport { useSearchParams } from \"next/navigation\";\n\ninterface SearchParamsHandlerProps {\n  handlers: {\n    [key: string]: () => void;\n  };\n}\n\n/**\n * SearchParamsHandler\n *\n * Este componente é responsável por ler os parâmetros da URL e executar callbacks\n * correspondentes a cada parâmetro encontrado.\n *\n * Por que precisamos deste componente?\n * - O Next.js 16 exige que useSearchParams() seja envolvido em um <Suspense> boundary\n * - Isso evita erros de prerendering durante o build\n * - Permite que URLs como \"/page?tab=performance\" naveguem diretamente para uma aba específica\n *\n * Exemplo de como funciona\n * 1. Usa useSearchParams() para ler o parâmetro \"tab\" da URL\n * 2. Monitora mudanças nos parâmetros com useEffect\n * 3. Quando encontra um parâmetro \"tab\", chama onTabChange com o valor\n * 4. Retorna null porque não renderiza nada na tela\n *\n * Exemplo de uso:\n * <Suspense fallback={null}>\n *   <SearchParamsHandler handlers={{ tab: () => console.log(\"Tab changed\") }} />\n * </Suspense>\n *\n * Exemplos de URL:\n * - /greatpages/123?tab=performance → abre a aba \"performance\"\n * - /greatpages/123?tab=leads → abre a aba \"leads\"\n */\nexport function SearchParamsHandler(options: SearchParamsHandlerProps) {\n  return (\n    <Suspense fallback={null}>\n      <SearchParamsHandlerChildren {...options} />\n    </Suspense>\n  );\n}\n\nexport function SearchParamsHandlerChildren(options: SearchParamsHandlerProps) {\n  const searchParams = useSearchParams();\n\n  useEffect(() => {\n    Object.keys(options.handlers).forEach((key) => {\n      const value = searchParams.get(key);\n\n      if (value) {\n        options.handlers[key]();\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchParams]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,UAAU,iBAAiB;AACpC,SAAS,uBAAuB;AAkCzB,SAAS,oBAAoB,SAAmC;AACrE,SACE,oCAAC,YAAS,UAAU,QAClB,oCAAC,+BAA6B,GAAG,SAAS,CAC5C;AAEJ;AAEO,SAAS,4BAA4B,SAAmC;AAC7E,QAAM,eAAe,gBAAgB;AAErC,YAAU,MAAM;AACd,WAAO,KAAK,QAAQ,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AAC7C,YAAM,QAAQ,aAAa,IAAI,GAAG;AAElC,UAAI,OAAO;AACT,gBAAQ,SAAS,GAAG,EAAE;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/components/handlers/SearchParamsHandler.tsx"],"sourcesContent":["\"use client\";\n\nimport { Suspense, useEffect } from \"react\";\nimport { useSearchParams } from \"next/navigation\";\n\ninterface SearchParamsHandlerProps {\n  handlers: {\n    [key: string]: () => void;\n  };\n}\n\n/**\n * SearchParamsHandler\n *\n * Este componente é responsável por ler os parâmetros da URL e executar callbacks\n * correspondentes a cada parâmetro encontrado.\n *\n * Por que precisamos deste componente?\n * - O Next.js 16 exige que useSearchParams() seja envolvido em um <Suspense> boundary\n * - Isso evita erros de prerendering durante o build\n * - Permite que URLs como \"/page?tab=performance\" naveguem diretamente para uma aba específica\n *\n * Exemplo de como funciona\n * 1. Usa useSearchParams() para ler o parâmetro \"tab\" da URL\n * 2. Monitora mudanças nos parâmetros com useEffect\n * 3. Quando encontra um parâmetro \"tab\", chama onTabChange com o valor\n * 4. Retorna null porque não renderiza nada na tela\n *\n * Exemplo de uso:\n * <Suspense fallback={null}>\n *   <SearchParamsHandler handlers={{ tab: () => console.log(\"Tab changed\") }} />\n * </Suspense>\n *\n * Exemplos de URL:\n * - /greatpages/123?tab=performance → abre a aba \"performance\"\n * - /greatpages/123?tab=leads → abre a aba \"leads\"\n */\nexport function SearchParamsHandler(options: SearchParamsHandlerProps) {\n  return (\n    <Suspense fallback={null}>\n      <SearchParamsHandlerChildren {...options} />\n    </Suspense>\n  );\n}\n\nexport function SearchParamsHandlerChildren(options: SearchParamsHandlerProps) {\n  const searchParams = useSearchParams();\n\n  useEffect(() => {\n    Object.keys(options.handlers).forEach((key) => {\n      const value = searchParams.get(key);\n\n      if (value) {\n        options.handlers[key]();\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchParams]);\n\n  return null;\n}\n"],"mappings":";AAwCM;AAtCN,SAAS,UAAU,iBAAiB;AACpC,SAAS,uBAAuB;AAkCzB,SAAS,oBAAoB,SAAmC;AACrE,SACE,oBAAC,YAAS,UAAU,MAClB,8BAAC,+BAA6B,GAAG,SAAS,GAC5C;AAEJ;AAEO,SAAS,4BAA4B,SAAmC;AAC7E,QAAM,eAAe,gBAAgB;AAErC,YAAU,MAAM;AACd,WAAO,KAAK,QAAQ,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AAC7C,YAAM,QAAQ,aAAa,IAAI,GAAG;AAElC,UAAI,OAAO;AACT,gBAAQ,SAAS,GAAG,EAAE;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACT;","names":[]}

package/dist/components/layouts/MainLayout.mjs

@@ -1,8 +1,8 @@
 "use client";
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../../infra/utils/clsx";
 function MainLayout({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "main-layout",
@@ -10,24 +10,24 @@ function MainLayout({ className, children, ...props }) {
         "h-dvh md:h-screen lg:h-screen flex flex-col md:flex-row lg:flex-row md:overflow-hidden lg:overflow-hidden",
         className
       ),
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 }
 function MainLayoutContent({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "main-layout-content",
       className: cn("flex flex-col flex-1 min-h-0 md:overflow-hidden lg:overflow-hidden", className),
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 }
 function MainLayoutSpacer({ className, height, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "main-layout-spacer",
@@ -38,7 +38,7 @@ function MainLayoutSpacer({ className, height, ...props }) {
   );
 }
 function MainLayoutMain({ className, children, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "main",
     {
       "data-slot": "main-layout-main",
@@ -46,9 +46,9 @@ function MainLayoutMain({ className, children, ...props }) {
         "flex-1 min-h-0 overflow-y-auto overscroll-none md:overscroll-auto lg:overscroll-auto bg-(--color-base-light)",
         className
       ),
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/MainLayout.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction MainLayout({ className, children, ...props }: React.ComponentProps<\"div\">) {\r\n    return (\r\n        <div\r\n            data-slot=\"main-layout\"\r\n            className={cn(\r\n                \"h-dvh md:h-screen lg:h-screen flex flex-col md:flex-row lg:flex-row md:overflow-hidden lg:overflow-hidden\",\r\n                className\r\n            )}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nfunction MainLayoutContent({ className, children, ...props }: React.ComponentProps<\"div\">) {\r\n    return (\r\n        <div\r\n            data-slot=\"main-layout-content\"\r\n            className={cn(\"flex flex-col flex-1 min-h-0 md:overflow-hidden lg:overflow-hidden\", className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nfunction MainLayoutSpacer({ className, height, ...props }: React.ComponentProps<\"div\"> & { height: string }) {\r\n    return (\r\n        <div\r\n            data-slot=\"main-layout-spacer\"\r\n            className={cn(\"md:hidden lg:hidden shrink-0\", className)}\r\n            style={{ height }}\r\n            {...props}\r\n        />\r\n    )\r\n}\r\n\r\nfunction MainLayoutMain({ className, children, ...props }: React.ComponentProps<\"main\">) {\r\n    return (\r\n        <main\r\n            data-slot=\"main-layout-main\"\r\n            className={cn(\r\n                \"flex-1 min-h-0 overflow-y-auto overscroll-none md:overscroll-auto lg:overscroll-auto bg-(--color-base-light)\",\r\n                className\r\n            )}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </main>\r\n    )\r\n}\r\n\r\nexport { MainLayout, MainLayoutContent, MainLayoutSpacer, MainLayoutMain }\r\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,SAAS,WAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAgC;AAChF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACL;AAER;AAEA,SAAS,kBAAkB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAgC;AACvF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,sEAAsE,SAAS;AAAA,MAC5F,GAAG;AAAA;AAAA,IAEH;AAAA,EACL;AAER;AAEA,SAAS,iBAAiB,EAAE,WAAW,QAAQ,GAAG,MAAM,GAAqD;AACzG,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,gCAAgC,SAAS;AAAA,MACvD,OAAO,EAAE,OAAO;AAAA,MACf,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,eAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAiC;AACrF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACL;AAER;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/MainLayout.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction MainLayout({ className, children, ...props }: React.ComponentProps<\"div\">) {\r\n    return (\r\n        <div\r\n            data-slot=\"main-layout\"\r\n            className={cn(\r\n                \"h-dvh md:h-screen lg:h-screen flex flex-col md:flex-row lg:flex-row md:overflow-hidden lg:overflow-hidden\",\r\n                className\r\n            )}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nfunction MainLayoutContent({ className, children, ...props }: React.ComponentProps<\"div\">) {\r\n    return (\r\n        <div\r\n            data-slot=\"main-layout-content\"\r\n            className={cn(\"flex flex-col flex-1 min-h-0 md:overflow-hidden lg:overflow-hidden\", className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nfunction MainLayoutSpacer({ className, height, ...props }: React.ComponentProps<\"div\"> & { height: string }) {\r\n    return (\r\n        <div\r\n            data-slot=\"main-layout-spacer\"\r\n            className={cn(\"md:hidden lg:hidden shrink-0\", className)}\r\n            style={{ height }}\r\n            {...props}\r\n        />\r\n    )\r\n}\r\n\r\nfunction MainLayoutMain({ className, children, ...props }: React.ComponentProps<\"main\">) {\r\n    return (\r\n        <main\r\n            data-slot=\"main-layout-main\"\r\n            className={cn(\r\n                \"flex-1 min-h-0 overflow-y-auto overscroll-none md:overscroll-auto lg:overscroll-auto bg-(--color-base-light)\",\r\n                className\r\n            )}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </main>\r\n    )\r\n}\r\n\r\nexport { MainLayout, MainLayoutContent, MainLayoutSpacer, MainLayoutMain }\r\n"],"mappings":";AAOQ;AAJR,SAAS,UAAU;AAEnB,SAAS,WAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAgC;AAChF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;AAEA,SAAS,kBAAkB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAgC;AACvF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,sEAAsE,SAAS;AAAA,MAC5F,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;AAEA,SAAS,iBAAiB,EAAE,WAAW,QAAQ,GAAG,MAAM,GAAqD;AACzG,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,gCAAgC,SAAS;AAAA,MACvD,OAAO,EAAE,OAAO;AAAA,MACf,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,eAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAiC;AACrF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;","names":[]}

package/dist/components/layouts/MdSideBarNavigation.mjs

@@ -1,5 +1,5 @@
 "use client";
-import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMdSidebarStore } from "../../store/useMdSidebarStore";
 import { cn } from "../../infra/utils/clsx";
 function MdSideBarNavigation({
@@ -8,27 +8,30 @@ function MdSideBarNavigation({
   ...props
 }) {
   const { isExpanded, collapse } = useMdSidebarStore();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: `hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${isExpanded ? "opacity-100" : "opacity-0 pointer-events-none"}`,
-      onClick: collapse
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: `hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${isExpanded ? "translate-x-0" : "-translate-x-full"}`
-    },
-    /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       "div",
       {
-        "data-slot": "md-sidebar-navigation",
-        className: cn("w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200", className),
-        ...props
-      },
-      children
+        className: `hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${isExpanded ? "opacity-100" : "opacity-0 pointer-events-none"}`,
+        onClick: collapse
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${isExpanded ? "translate-x-0" : "-translate-x-full"}`,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "md-sidebar-navigation",
+            className: cn("w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200", className),
+            ...props,
+            children
+          }
+        )
+      }
     )
-  ));
+  ] });
 }
 export {
   MdSideBarNavigation

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/MdSideBarNavigation.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction MdSideBarNavigation({\r\n    className,\r\n    children,\r\n    ...props\r\n}: React.ComponentProps<\"div\">) {\r\n    const { isExpanded, collapse } = useMdSidebarStore()\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={`hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${\r\n                    isExpanded ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\r\n                }`}\r\n                onClick={collapse}\r\n            />\r\n            <div\r\n                className={`hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${\r\n                    isExpanded ? \"translate-x-0\" : \"-translate-x-full\"\r\n                }`}\r\n            >\r\n                <div\r\n                    data-slot=\"md-sidebar-navigation\"\r\n                    className={cn(\"w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200\", className)}\r\n                    {...props}\r\n                >\r\n                    {children}\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport { MdSideBarNavigation };\r\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAClC,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,kBAAkB;AAEnD,SACI,0DACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,4FACP,aAAa,gBAAgB,+BACjC;AAAA,MACA,SAAS;AAAA;AAAA,EACb,GACA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,iIACP,aAAa,kBAAkB,mBACnC;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,aAAU;AAAA,QACV,WAAW,GAAG,wEAAwE,SAAS;AAAA,QAC9F,GAAG;AAAA;AAAA,MAEH;AAAA,IACL;AAAA,EACJ,CACJ;AAER;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/MdSideBarNavigation.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction MdSideBarNavigation({\r\n    className,\r\n    children,\r\n    ...props\r\n}: React.ComponentProps<\"div\">) {\r\n    const { isExpanded, collapse } = useMdSidebarStore()\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={`hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${\r\n                    isExpanded ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\r\n                }`}\r\n                onClick={collapse}\r\n            />\r\n            <div\r\n                className={`hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${\r\n                    isExpanded ? \"translate-x-0\" : \"-translate-x-full\"\r\n                }`}\r\n            >\r\n                <div\r\n                    data-slot=\"md-sidebar-navigation\"\r\n                    className={cn(\"w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200\", className)}\r\n                    {...props}\r\n                >\r\n                    {children}\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport { MdSideBarNavigation };\r\n"],"mappings":";AAcQ,mBACI,KADJ;AAXR,SAAS,yBAAyB;AAClC,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,kBAAkB;AAEnD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,4FACP,aAAa,gBAAgB,+BACjC;AAAA,QACA,SAAS;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,iIACP,aAAa,kBAAkB,mBACnC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,aAAU;AAAA,YACV,WAAW,GAAG,wEAAwE,SAAS;AAAA,YAC9F,GAAG;AAAA,YAEH;AAAA;AAAA,QACL;AAAA;AAAA,IACJ;AAAA,KACJ;AAER;","names":[]}

package/dist/components/layouts/NavBar.mjs

@@ -1,5 +1,5 @@
 "use client";
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import { ChevronRight } from "lucide-react";
 import { Separator } from "../ui/data-display/Separator";
@@ -14,30 +14,49 @@ function NavBar({
   children,
   className
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: cn("hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white", className) }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 items-center mt-[6.5px]" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { className: "cursor-pointer", asChild: true, onClick: onLogoClick }, /* @__PURE__ */ React.createElement(
-    Image,
-    {
-      src: "/icons/great-icon.svg",
-      alt: "Great Icon",
-      width: 28,
-      height: 28
-    }
-  )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "right" }, "GreatApps")), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "absolute -left-[22px] top-1/2 -translate-y-1/2 w-[3px] h-5 bg-gray-950 rounded-r-xl transition-opacity duration-300",
-        logoIndicatorClassName
-      )
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "relative w-full mt-[7.5px]" }, /* @__PURE__ */ React.createElement(Separator, null), showExpandButton && /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      onClick: onExpandClick,
-      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"
-    },
-    /* @__PURE__ */ React.createElement(ChevronRight, { size: 16, className: "text-gray-500" })
-  )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "right" }, "Expandir menu"))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, appIconSlot)), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center gap-2" }, children));
+  return /* @__PURE__ */ jsxs("div", { className: cn("hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 items-center mt-[6.5px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { className: "cursor-pointer", asChild: true, onClick: onLogoClick, children: /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: "/icons/great-icon.svg",
+              alt: "Great Icon",
+              width: 28,
+              height: 28
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "GreatApps" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute -left-[22px] top-1/2 -translate-y-1/2 w-[3px] h-5 bg-gray-950 rounded-r-xl transition-opacity duration-300",
+              logoIndicatorClassName
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "relative w-full mt-[7.5px]", children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        showExpandButton && /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onExpandClick,
+              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",
+              children: /* @__PURE__ */ jsx(ChevronRight, { size: 16, className: "text-gray-500" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Expandir menu" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: appIconSlot })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-2", children })
+  ] });
 }
 export {
   NavBar

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

@@ -1 +1 @@
-{"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    logoIndicatorClassName?: string;\r\n    showExpandButton?: boolean;\r\n    onExpandClick?: () => void;\r\n    appIconSlot: React.ReactNode;\r\n    children?: React.ReactNode;\r\n    className?: string;\r\n}\r\n\r\nfunction NavBar({\r\n    onLogoClick,\r\n    logoIndicatorClassName,\r\n    showExpandButton = false,\r\n    onExpandClick,\r\n    appIconSlot,\r\n    children,\r\n    className,\r\n}: NavBarProps) {\r\n    return (\r\n        <div className={cn(\"hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white\", className)}>\r\n            <div className=\"flex flex-col gap-4 items-center mt-[6.5px]\">\r\n                <div className=\"relative\">\r\n                    <Tooltip>\r\n                        <TooltipTrigger className=\"cursor-pointer\" asChild onClick={onLogoClick}>\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                            logoIndicatorClassName\r\n                        )}\r\n                    />\r\n                </div>\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                <div className=\"flex flex-col gap-2\">\r\n                    {appIconSlot}\r\n                </div>\r\n            </div>\r\n            <div className=\"flex flex-col items-center gap-2\">\r\n                {children}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { NavBar };\r\nexport type { NavBarProps };\r\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU;AAYnB,SAAS,OAAO;AAAA,EACZ;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAgB;AACZ,SACI,oCAAC,SAAI,WAAW,GAAG,gHAAgH,SAAS,KACxI,oCAAC,SAAI,WAAU,iDACX,oCAAC,SAAI,WAAU,cACX,oCAAC,eACG,oCAAC,kBAAe,WAAU,kBAAiB,SAAO,MAAC,SAAS,eACxD;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA;AAAA,EACZ,CACJ,GACA,oCAAC,kBAAe,MAAK,WAAQ,WAAS,CAC1C,GACA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA;AAAA,EACJ,CACJ,GACA,oCAAC,SAAI,WAAU,gCACX,oCAAC,eAAU,GACV,oBACG,oCAAC,eACG,oCAAC,kBAAe,SAAO,QACnB;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,WAAU;AAAA;AAAA,IAEV,oCAAC,gBAAa,MAAM,IAAI,WAAU,iBAAgB;AAAA,EACtD,CACJ,GACA,oCAAC,kBAAe,MAAK,WAAQ,eAAa,CAC9C,CAER,GACA,oCAAC,SAAI,WAAU,yBACV,WACL,CACJ,GACA,oCAAC,SAAI,WAAU,sCACV,QACL,CACJ;AAER;","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    logoIndicatorClassName?: string;\r\n    showExpandButton?: boolean;\r\n    onExpandClick?: () => void;\r\n    appIconSlot: React.ReactNode;\r\n    children?: React.ReactNode;\r\n    className?: string;\r\n}\r\n\r\nfunction NavBar({\r\n    onLogoClick,\r\n    logoIndicatorClassName,\r\n    showExpandButton = false,\r\n    onExpandClick,\r\n    appIconSlot,\r\n    children,\r\n    className,\r\n}: NavBarProps) {\r\n    return (\r\n        <div className={cn(\"hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white\", className)}>\r\n            <div className=\"flex flex-col gap-4 items-center mt-[6.5px]\">\r\n                <div className=\"relative\">\r\n                    <Tooltip>\r\n                        <TooltipTrigger className=\"cursor-pointer\" asChild onClick={onLogoClick}>\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                            logoIndicatorClassName\r\n                        )}\r\n                    />\r\n                </div>\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                <div className=\"flex flex-col gap-2\">\r\n                    {appIconSlot}\r\n                </div>\r\n            </div>\r\n            <div className=\"flex flex-col items-center gap-2\">\r\n                {children}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { NavBar };\r\nexport type { NavBarProps };\r\n"],"mappings":";AAgCoB,SAEQ,KAFR;AA7BpB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU;AAYnB,SAAS,OAAO;AAAA,EACZ;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAgB;AACZ,SACI,qBAAC,SAAI,WAAW,GAAG,gHAAgH,SAAS,GACxI;AAAA,yBAAC,SAAI,WAAU,+CACX;AAAA,2BAAC,SAAI,WAAU,YACX;AAAA,6BAAC,WACG;AAAA,8BAAC,kBAAe,WAAU,kBAAiB,SAAO,MAAC,SAAS,aACxD;AAAA,YAAC;AAAA;AAAA,cACG,KAAI;AAAA,cACJ,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA;AAAA,UACZ,GACJ;AAAA,UACA,oBAAC,kBAAe,MAAK,SAAQ,uBAAS;AAAA,WAC1C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YACJ;AAAA;AAAA,QACJ;AAAA,SACJ;AAAA,MACA,qBAAC,SAAI,WAAU,8BACX;AAAA,4BAAC,aAAU;AAAA,QACV,oBACG,qBAAC,WACG;AAAA,8BAAC,kBAAe,SAAO,MACnB;AAAA,YAAC;AAAA;AAAA,cACG,SAAS;AAAA,cACT,WAAU;AAAA,cAEV,8BAAC,gBAAa,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,UACtD,GACJ;AAAA,UACA,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,WAC9C;AAAA,SAER;AAAA,MACA,oBAAC,SAAI,WAAU,uBACV,uBACL;AAAA,OACJ;AAAA,IACA,oBAAC,SAAI,WAAU,oCACV,UACL;AAAA,KACJ;AAER;","names":[]}

package/dist/components/layouts/NavBarItem.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../infra/utils/clsx";
+function NavBarItem({ icon, label, onClick, className, labelClassName }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg flex items-center gap-2 px-2 py-2 h-10 cursor-pointer transition-colors bg-white hover:bg-gray-100 active:bg-gray-50",
+        className
+      ),
+      onClick,
+      children: [
+        icon,
+        /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium text-gray-950", labelClassName), children: label })
+      ]
+    }
+  );
+}
+export {
+  NavBarItem
+};
+//# sourceMappingURL=NavBarItem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layouts/NavBarItem.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { cn } from '../../infra/utils/clsx';\r\n\r\ntype NavBarItemProps = {\r\n  icon?: React.ReactNode;\r\n  label: string;\r\n  onClick: () => void;\r\n  className?: string;\r\n  labelClassName?: string;\r\n}\r\n\r\nfunction NavBarItem({ icon, label, onClick, className, labelClassName }: NavBarItemProps) {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'rounded-lg flex items-center gap-2 px-2 py-2 h-10 cursor-pointer transition-colors bg-white hover:bg-gray-100 active:bg-gray-50',\r\n        className\r\n      )}\r\n      onClick={onClick}\r\n    >\r\n      {icon}\r\n      <span className={cn('text-sm font-medium text-gray-950', labelClassName)}>{label}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport { NavBarItem };\r\nexport type { NavBarItemProps };\r\n"],"mappings":";AAcI,SAQE,KARF;AAZJ,SAAS,UAAU;AAUnB,SAAS,WAAW,EAAE,MAAM,OAAO,SAAS,WAAW,eAAe,GAAoB;AACxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACD,oBAAC,UAAK,WAAW,GAAG,qCAAqC,cAAc,GAAI,iBAAM;AAAA;AAAA;AAAA,EACnF;AAEJ;","names":[]}

package/dist/components/layouts/NotificationItem.mjs

@@ -1,5 +1,12 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 function NotificationItem({ icon, iconBgColor, title, time, showBorder = true }) {
-  return /* @__PURE__ */ React.createElement("div", { className: `flex items-center gap-3 px-4 py-5 ${showBorder ? "border-b border-gray-200" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: `flex items-center justify-center rounded-full ${iconBgColor} size-10` }, icon), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "paragraph-small-semibold text-gray-950" }, title), /* @__PURE__ */ React.createElement("span", { className: "paragraph-xsmall-medium text-gray-500" }, time)));
+  return /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-3 px-4 py-5 ${showBorder ? "border-b border-gray-200" : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center rounded-full ${iconBgColor} size-10`, children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: title }),
+      /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500", children: time })
+    ] })
+  ] });
 }
 export {
   NotificationItem

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/NotificationItem.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\n\r\ntype NotificationItemProps = {\r\n    icon: ReactNode;\r\n    iconBgColor: string;\r\n    title: string;\r\n    time: string;\r\n    showBorder?: boolean;\r\n}\r\n\r\nfunction NotificationItem({ icon, iconBgColor, title, time, showBorder = true }: NotificationItemProps) {\r\n    return (\r\n        <div className={`flex items-center gap-3 px-4 py-5 ${showBorder ? 'border-b border-gray-200' : ''}`}>\r\n            <div className={`flex items-center justify-center rounded-full ${iconBgColor} size-10`}>\r\n                {icon}\r\n            </div>\r\n            <div className=\"flex flex-col gap-1.5\">\r\n                <span className=\"paragraph-small-semibold text-gray-950\">{title}</span>\r\n                <span className=\"paragraph-xsmall-medium text-gray-500\">{time}</span>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport { NotificationItem };\r\nexport type { NotificationItemProps };\r\n"],"mappings":"AAUA,SAAS,iBAAiB,EAAE,MAAM,aAAa,OAAO,MAAM,aAAa,KAAK,GAA0B;AACpG,SACI,oCAAC,SAAI,WAAW,qCAAqC,aAAa,6BAA6B,EAAE,MAC7F,oCAAC,SAAI,WAAW,iDAAiD,WAAW,cACvE,IACL,GACA,oCAAC,SAAI,WAAU,2BACX,oCAAC,UAAK,WAAU,4CAA0C,KAAM,GAChE,oCAAC,UAAK,WAAU,2CAAyC,IAAK,CAClE,CACJ;AAER;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/NotificationItem.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\n\r\ntype NotificationItemProps = {\r\n    icon: ReactNode;\r\n    iconBgColor: string;\r\n    title: string;\r\n    time: string;\r\n    showBorder?: boolean;\r\n}\r\n\r\nfunction NotificationItem({ icon, iconBgColor, title, time, showBorder = true }: NotificationItemProps) {\r\n    return (\r\n        <div className={`flex items-center gap-3 px-4 py-5 ${showBorder ? 'border-b border-gray-200' : ''}`}>\r\n            <div className={`flex items-center justify-center rounded-full ${iconBgColor} size-10`}>\r\n                {icon}\r\n            </div>\r\n            <div className=\"flex flex-col gap-1.5\">\r\n                <span className=\"paragraph-small-semibold text-gray-950\">{title}</span>\r\n                <span className=\"paragraph-xsmall-medium text-gray-500\">{time}</span>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport { NotificationItem };\r\nexport type { NotificationItemProps };\r\n"],"mappings":"AAaY,cAGA,YAHA;AAHZ,SAAS,iBAAiB,EAAE,MAAM,aAAa,OAAO,MAAM,aAAa,KAAK,GAA0B;AACpG,SACI,qBAAC,SAAI,WAAW,qCAAqC,aAAa,6BAA6B,EAAE,IAC7F;AAAA,wBAAC,SAAI,WAAW,iDAAiD,WAAW,YACvE,gBACL;AAAA,IACA,qBAAC,SAAI,WAAU,yBACX;AAAA,0BAAC,UAAK,WAAU,0CAA0C,iBAAM;AAAA,MAChE,oBAAC,UAAK,WAAU,yCAAyC,gBAAK;AAAA,OAClE;AAAA,KACJ;AAER;","names":[]}

package/dist/components/layouts/ProfilePopover.mjs

@@ -0,0 +1,141 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/overlay/Popover";
+import { Button } from "../ui/buttons/Button";
+import { Progress } from "../ui/feedback/Progress";
+import { Separator } from "../ui/data-display/Separator";
+import { NavBarItem } from "./NavBarItem";
+import { UserAvatar } from "../ui/data-display/UserAvatar";
+import { useAuth } from "../../providers/auth.provider";
+import { cn } from "../../infra/utils/clsx";
+function ProfilePopover({
+  side = "top",
+  align = "start",
+  contentClassName,
+  onEditProfile,
+  credits,
+  onCreditsClick,
+  menuItems = [],
+  logoutRedirect = "/login",
+  storageUrl,
+  logoutOverlay
+}) {
+  const router = useRouter();
+  const { user, logout } = useAuth();
+  const [isLoggingOut, setIsLoggingOut] = useState(false);
+  const handleLogout = async () => {
+    try {
+      setIsLoggingOut(true);
+      await logout();
+      router.push(logoutRedirect);
+    } catch (error) {
+      console.error("Erro ao fazer logout:", error);
+    } finally {
+      setIsLoggingOut(false);
+    }
+  };
+  const creditsPercentage = credits && credits.total > 0 ? credits.used / credits.total * 100 : 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isLoggingOut && logoutOverlay,
+    /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { className: "cursor-pointer", children: user && /* @__PURE__ */ jsx(
+        UserAvatar,
+        {
+          photo: user.photo,
+          name: user.name,
+          size: 40,
+          storageUrl
+        },
+        user.id
+      ) }),
+      /* @__PURE__ */ jsxs(
+        PopoverContent,
+        {
+          className: cn(
+            "w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99",
+            contentClassName
+          ),
+          side,
+          align,
+          sideOffset: 8,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full", children: [
+              user && /* @__PURE__ */ jsx(
+                UserAvatar,
+                {
+                  photo: user.photo,
+                  name: user.name,
+                  size: 32,
+                  storageUrl
+                },
+                user.id
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950 truncate", children: user?.name || "" }),
+                /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500 truncate", children: user?.email || "" })
+              ] }),
+              onEditProfile && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "secondary",
+                  className: "paragraph-small-semibold h-8! whitespace-nowrap px-3 w-fit",
+                  onClick: onEditProfile,
+                  children: "Editar Perfil"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5", children: [
+              credits && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors",
+                    onCreditsClick && "cursor-pointer hover:bg-gray-900"
+                  ),
+                  onClick: onCreditsClick,
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-white truncate", children: "Cr\xE9ditos usados" }),
+                      /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-medium text-white/50", children: [
+                        credits.used.toLocaleString("pt-BR"),
+                        "/",
+                        credits.total.toLocaleString("pt-BR")
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Progress,
+                      {
+                        className: "bg-white/10",
+                        indicatorColor: "bg-white",
+                        value: creditsPercentage
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                menuItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: menuItems.map((item, index) => /* @__PURE__ */ jsx(
+                  NavBarItem,
+                  {
+                    icon: item.icon,
+                    label: item.label,
+                    onClick: item.onClick
+                  },
+                  index
+                )) }),
+                /* @__PURE__ */ jsx(Separator, {}),
+                /* @__PURE__ */ jsx(NavBarItem, { label: "Sair", onClick: handleLogout })
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ProfilePopover
+};
+//# sourceMappingURL=ProfilePopover.mjs.map

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

@@ -0,0 +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 { Popover, PopoverContent, PopoverTrigger } 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 { useAuth } from '../../providers/auth.provider';\r\nimport { cn } from '../../infra/utils/clsx';\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  credits?: { used: number; total: number };\r\n  onCreditsClick?: () => void;\r\n  menuItems?: ProfileMenuItem[];\r\n  logoutRedirect?: string;\r\n  storageUrl?: string;\r\n  logoutOverlay?: React.ReactNode;\r\n}\r\n\r\nfunction ProfilePopover({\r\n  side = 'top',\r\n  align = 'start',\r\n  contentClassName,\r\n  onEditProfile,\r\n  credits,\r\n  onCreditsClick,\r\n  menuItems = [],\r\n  logoutRedirect = '/login',\r\n  storageUrl,\r\n  logoutOverlay,\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 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 creditsPercentage =\r\n    credits && credits.total > 0\r\n      ? (credits.used / credits.total) * 100\r\n      : 0;\r\n\r\n  return (\r\n    <>\r\n      {isLoggingOut && logoutOverlay}\r\n      <Popover>\r\n        <PopoverTrigger 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              storageUrl={storageUrl}\r\n            />\r\n          )}\r\n        </PopoverTrigger>\r\n\r\n        <PopoverContent\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                storageUrl={storageUrl}\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            {credits && (\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                    {credits.used.toLocaleString('pt-BR')}/\r\n                    {credits.total.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        </PopoverContent>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { ProfilePopover };\r\n"],"mappings":";AAkEI,mBAKQ,KA8BA,YAnCR;AAhEJ,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,UAAU;AAqBnB,SAAS,eAAe;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ;AACjC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,eAAe,YAAY;AAC/B,QAAI;AACF,sBAAgB,IAAI;AACpB,YAAM,OAAO;AACb,aAAO,KAAK,cAAc;AAAA,IAC5B,SAAS,OAAO;AACd,cAAQ,MAAM,yBAAyB,KAAK;AAAA,IAC9C,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,oBACJ,WAAW,QAAQ,QAAQ,IACtB,QAAQ,OAAO,QAAQ,QAAS,MACjC;AAEN,SACE,iCACG;AAAA,oBAAgB;AAAA,IACjB,qBAAC,WACC;AAAA,0BAAC,kBAAe,WAAU,kBACvB,kBACC;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,MAAM;AAAA,UACN;AAAA;AAAA,QAJK,KAAK;AAAA,MAKZ,GAEJ;AAAA,MAEA;AAAA,QAAC;AAAA;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,kBACN;AAAA;AAAA,gBAJK,KAAK;AAAA,cAKZ;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,yBACC;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,KAAK,eAAe,OAAO;AAAA,wBAAE;AAAA,wBACrC,QAAQ,MAAM,eAAe,OAAO;AAAA,yBACvC;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;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/layouts/SideBarNavigation.mjs

@@ -1,19 +1,19 @@
 "use client";
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../../infra/utils/clsx";
 function SideBarNavigation({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "sidebar-navigation",
       className: cn("hidden lg:flex flex-col h-screen p-4 border-r w-[273px] border-gray-200", className),
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/SideBarNavigation.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction SideBarNavigation({\r\n    className,\r\n    children,\r\n    ...props\r\n}: React.ComponentProps<\"div\">) {\r\n    return (\r\n        <div\r\n            data-slot=\"sidebar-navigation\"\r\n            className={cn(\"hidden lg:flex flex-col h-screen p-4 border-r w-[273px] border-gray-200\", className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { SideBarNavigation };\r\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,2EAA2E,SAAS;AAAA,MACjG,GAAG;AAAA;AAAA,IAEH;AAAA,EACL;AAER;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/SideBarNavigation.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction SideBarNavigation({\r\n    className,\r\n    children,\r\n    ...props\r\n}: React.ComponentProps<\"div\">) {\r\n    return (\r\n        <div\r\n            data-slot=\"sidebar-navigation\"\r\n            className={cn(\"hidden lg:flex flex-col h-screen p-4 border-r w-[273px] border-gray-200\", className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport { SideBarNavigation };\r\n"],"mappings":";AAWQ;AARR,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,2EAA2E,SAAS;AAAA,MACjG,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;","names":[]}

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "../../../infra/utils/clsx";
@@ -35,7 +35,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       "data-slot": "button",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/buttons/Button.tsx"],"sourcesContent":["import * 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":"AAAA,YAAY,WAAW;AACvB,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":["import * 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":"AA8CI;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

@@ -1,8 +1,8 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 function CancelButton({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "button",
     {
       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",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/buttons/CancelButton.tsx"],"sourcesContent":["import * 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":"AAAA,YAAY,WAAW;AAER,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":["import * 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":"AAMI;AAJW,SAAR,aAA8B;AAAA,EACnC,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}