@greatapps/common 1.0.0

package/dist/components/handlers/SearchParamsHandler.mjs

@@ -0,0 +1,23 @@
+"use client";
+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 }));
+}
+function SearchParamsHandlerChildren(options) {
+  const searchParams = useSearchParams();
+  useEffect(() => {
+    Object.keys(options.handlers).forEach((key) => {
+      const value = searchParams.get(key);
+      if (value) {
+        options.handlers[key]();
+      }
+    });
+  }, [searchParams]);
+  return null;
+}
+export {
+  SearchParamsHandler,
+  SearchParamsHandlerChildren
+};
+//# sourceMappingURL=SearchParamsHandler.mjs.map

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

@@ -0,0 +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":[]}

package/dist/components/layouts/MainLayout.mjs

@@ -0,0 +1,60 @@
+"use client";
+import * as React from "react";
+import { cn } from "../../infra/utils/clsx";
+function MainLayout({ className, children, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "main-layout",
+      className: cn(
+        "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
+  );
+}
+function MainLayoutContent({ className, children, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "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
+  );
+}
+function MainLayoutSpacer({ className, height, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "main-layout-spacer",
+      className: cn("md:hidden lg:hidden shrink-0", className),
+      style: { height },
+      ...props
+    }
+  );
+}
+function MainLayoutMain({ className, children, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "main",
+    {
+      "data-slot": "main-layout-main",
+      className: cn(
+        "flex-1 min-h-0 overflow-y-auto overscroll-none md:overscroll-auto lg:overscroll-auto bg-(--color-base-light)",
+        className
+      ),
+      ...props
+    },
+    children
+  );
+}
+export {
+  MainLayout,
+  MainLayoutContent,
+  MainLayoutMain,
+  MainLayoutSpacer
+};
+//# sourceMappingURL=MainLayout.mjs.map

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

@@ -0,0 +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":[]}

package/dist/components/layouts/MdSideBarNavigation.mjs

@@ -0,0 +1,36 @@
+"use client";
+import * as React from "react";
+import { useMdSidebarStore } from "../../store/useMdSidebarStore";
+import { cn } from "../../infra/utils/clsx";
+function MdSideBarNavigation({
+  className,
+  children,
+  ...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(
+      "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
+};
+//# sourceMappingURL=MdSideBarNavigation.mjs.map

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

@@ -0,0 +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":[]}

package/dist/components/layouts/NavBar.mjs

@@ -0,0 +1,45 @@
+"use client";
+import * as React from "react";
+import Image from "next/image";
+import { ChevronRight } from "lucide-react";
+import { Separator } from "../ui/data-display/Separator";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
+import { cn } from "../../infra/utils/clsx";
+function NavBar({
+  onLogoClick,
+  logoIndicatorClassName,
+  showExpandButton = false,
+  onExpandClick,
+  appIconSlot,
+  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));
+}
+export {
+  NavBar
+};
+//# sourceMappingURL=NavBar.mjs.map

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

@@ -0,0 +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":[]}

package/dist/components/layouts/NotificationItem.mjs

@@ -0,0 +1,7 @@
+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)));
+}
+export {
+  NotificationItem
+};
+//# sourceMappingURL=NotificationItem.mjs.map

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

@@ -0,0 +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":[]}

package/dist/components/layouts/SideBarNavigation.mjs

@@ -0,0 +1,22 @@
+"use client";
+import * as React from "react";
+import { cn } from "../../infra/utils/clsx";
+function SideBarNavigation({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "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
+  );
+}
+export {
+  SideBarNavigation
+};
+//# sourceMappingURL=SideBarNavigation.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../infra/utils/clsx";
+const buttonVariants = cva(
+  "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",
+  {
+    variants: {
+      variant: {
+        default: " bg-gray-950 text-white hover:bg-gray-950/90",
+        secondary: "bg-white text-gray-950 border-gray-200 hover:border-gray-400 border",
+        ghost: "text-gray-600 hover:bg-accent hover:text-gray-950 dark:hover:bg-accent/50",
+        brand: "bg-pages-300 hover:bg-pages-200 text-gray-950"
+      },
+      size: {
+        default: "h-12 px-4 py-2 has-[>svg]:px-3",
+        sm: "rounded-md gap-1.5 px-2 py-2 has-[>svg]:px-2.5",
+        lg: "rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ React.createElement(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=Button.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+function CancelButton({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "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",
+      ...props
+    }
+  );
+}
+export {
+  CancelButton as default
+};
+//# sourceMappingURL=CancelButton.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,34 @@
+import { Check, Copy } from "lucide-react";
+import { toast } from "sonner";
+import { Toast } from "../feedback/Toast";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../overlay/Tooltip";
+import useCopyToClipboard from "../../../hooks/copy-to-clipboard.hook";
+import { cn } from "../../../infra/utils/clsx";
+function CopyButton({
+  textToCopy,
+  size = 14,
+  className,
+  tooltipText = "Copiar link",
+  successMessage = "Link copiado"
+}) {
+  const { isCopied, copy } = useCopyToClipboard({
+    onSuccess: () => {
+      toast.custom((t) => /* @__PURE__ */ React.createElement(Toast, { variant: "success", message: successMessage, toastId: t }));
+    }
+  });
+  return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(
+    TooltipTrigger,
+    {
+      asChild: true,
+      onClick: (e) => {
+        e.stopPropagation();
+        copy(textToCopy);
+      }
+    },
+    /* @__PURE__ */ React.createElement("span", { className: cn("cursor-pointer text-gray-500", className) }, isCopied ? /* @__PURE__ */ React.createElement(Check, { size }) : /* @__PURE__ */ React.createElement(Copy, { size }))
+  ), /* @__PURE__ */ React.createElement(TooltipContent, null, isCopied ? "Copiado!" : tooltipText));
+}
+export {
+  CopyButton
+};
+//# sourceMappingURL=CopyButton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/buttons/CopyButton.tsx"],"sourcesContent":["import { Check, Copy } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { Toast } from \"../feedback/Toast\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../overlay/Tooltip\";\nimport useCopyToClipboard from \"../../../hooks/copy-to-clipboard.hook\";\nimport { cn } from \"../../../infra/utils/clsx\";\n\ninterface CopyButtonProps {\n  textToCopy: string;\n  size?: number;\n  className?: string;\n  tooltipText?: string;\n  successMessage?: string;\n}\n\nexport function CopyButton({\n  textToCopy,\n  size = 14,\n  className,\n  tooltipText = \"Copiar link\",\n  successMessage = \"Link copiado\",\n}: CopyButtonProps) {\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((t) => (\n        <Toast variant=\"success\" message={successMessage} toastId={t} />\n      ));\n    },\n  });\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        asChild\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n          copy(textToCopy);\n        }}\n      >\n        <span className={cn(\"cursor-pointer text-gray-500\", className)}>\n          {isCopied ? <Check size={size} /> : <Copy size={size} />}\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>{isCopied ? \"Copiado!\" : tooltipText}</TooltipContent>\n    </Tooltip>\n  );\n}\n"],"mappings":"AAAA,SAAS,OAAO,YAAY;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,wBAAwB;AAC/B,SAAS,UAAU;AAUZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AACnB,GAAoB;AAClB,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,MACZ,oCAAC,SAAM,SAAQ,WAAU,SAAS,gBAAgB,SAAS,GAAG,CAC/D;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,oCAAC,eACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,SAAS,CAAC,MAAwB;AAChC,UAAE,gBAAgB;AAClB,aAAK,UAAU;AAAA,MACjB;AAAA;AAAA,IAEA,oCAAC,UAAK,WAAW,GAAG,gCAAgC,SAAS,KAC1D,WAAW,oCAAC,SAAM,MAAY,IAAK,oCAAC,QAAK,MAAY,CACxD;AAAA,EACF,GACA,oCAAC,sBAAgB,WAAW,aAAa,WAAY,CACvD;AAEJ;","names":[]}

package/dist/components/ui/data-display/Accordion.mjs

@@ -0,0 +1,73 @@
+"use client";
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "../../../infra/utils/clsx";
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  children,
+  ...props
+}) {
+  const itemRef = React.useRef(null);
+  return /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Item,
+    {
+      ref: itemRef,
+      "data-slot": "accordion-item",
+      className: cn("cursor-pointer border rounded-lg p-5", className),
+      onClick: (e) => {
+        if (e.target.closest("[data-slot='accordion-trigger']")) return;
+        const trigger = itemRef.current?.querySelector("[data-slot='accordion-trigger']");
+        trigger?.click();
+      },
+      ...props
+    },
+    children
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { className: "flex" }, /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React.createElement(ChevronDownIcon, { className: "size-5! text-gray-950 pointer-events-none shrink-0 translate-y-0.5 transition-transform duration-200" })
+  ));
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("div", { className: cn("pt-3 paragraph-small-regular text-gray-500", className) }, children)
+  );
+}
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=Accordion.mjs.map

package/dist/components/ui/data-display/Accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/data-display/Accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDownIcon } from \"lucide-react\"\nimport { cn } from \"../../../infra/utils/clsx\"\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\n}\n\nfunction AccordionItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  const itemRef = React.useRef<HTMLDivElement>(null);\n\n  return (\n    <AccordionPrimitive.Item\n      ref={itemRef}\n      data-slot=\"accordion-item\"\n      className={cn(\"cursor-pointer border rounded-lg p-5\", className)}\n      onClick={(e) => {\n        // Evita abrir/fechar quando o clique já é no Trigger\n        if ((e.target as HTMLElement).closest(\"[data-slot='accordion-trigger']\")) return;\n\n        // Procura o trigger interno e clica nele\n        const trigger = itemRef.current?.querySelector(\"[data-slot='accordion-trigger']\") as HTMLElement | null;\n        trigger?.click();\n      }}\n      {...props}\n    >\n      {children}\n    </AccordionPrimitive.Item>\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"size-5! text-gray-950 pointer-events-none shrink-0 translate-y-0.5 transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-3 paragraph-small-regular text-gray-500\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AACpC,SAAS,uBAAuB;AAChC,SAAS,UAAU;AAEnB,SAAS,UAAU;AAAA,EACjB,GAAG;AACL,GAAyD;AACvD,SAAO,oCAAC,mBAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAG,OAAO;AACnE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,QAAM,UAAU,MAAM,OAAuB,IAAI;AAEjD,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,KAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW,GAAG,wCAAwC,SAAS;AAAA,MAC/D,SAAS,CAAC,MAAM;AAEd,YAAK,EAAE,OAAuB,QAAQ,iCAAiC,EAAG;AAG1E,cAAM,UAAU,QAAQ,SAAS,cAAc,iCAAiC;AAChF,iBAAS,MAAM;AAAA,MACjB;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE,oCAAC,mBAAmB,QAAnB,EAA0B,WAAU,UACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,oCAAC,mBAAgB,WAAU,wGAAuG;AAAA,EACpI,CACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA;AAAA,IAEJ,oCAAC,SAAI,WAAW,GAAG,8CAA8C,SAAS,KAAI,QAAS;AAAA,EACzF;AAEJ;","names":[]}

package/dist/components/ui/data-display/Badge.mjs

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../infra/utils/clsx";
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ React.createElement(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=Badge.mjs.map

package/dist/components/ui/data-display/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/data-display/Badge.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 badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":"AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAC8D;AAC5D,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/ui/data-display/Card.mjs

@@ -0,0 +1,91 @@
+import * as React from "react";
+import { cn } from "../../../infra/utils/clsx";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      ...props
+    }
+  );
+}
+export {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+};
+//# sourceMappingURL=Card.mjs.map

package/dist/components/ui/data-display/Card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/data-display/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../../infra/utils/clsx\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n};\n"],"mappings":"AAAA,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAgC;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAgC;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,QAAQ,SAAS;AAAA,MAC9B,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}