@greatapps/common 1.1.790 → 1.1.792

package/dist/components/ui/form/SegmentedControl.mjs

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../infra/utils/clsx";
+function SegmentedControl({
+  value,
+  onChange,
+  options,
+  className,
+  optionClassName,
+  selectedClassName,
+  unselectedClassName
+}) {
+  const handleKeyDown = (event) => {
+    if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+    event.preventDefault();
+    const currentIndex = options.findIndex((option) => option.value === value);
+    if (currentIndex === -1) return;
+    const direction = event.key === "ArrowRight" ? 1 : -1;
+    const nextIndex = (currentIndex + direction + options.length) % options.length;
+    onChange(options[nextIndex].value);
+  };
+  const baseSelected = selectedClassName ?? "bg-white text-zinc-950 shadow-[0px_2px_10px_0px_rgba(26,26,26,0.05)]";
+  const baseUnselected = unselectedClassName ?? "text-zinc-950";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("inline-flex items-stretch rounded-[12px] bg-zinc-100 p-1.5 gap-1", className),
+      role: "radiogroup",
+      onKeyDown: handleKeyDown,
+      children: options.map((option) => {
+        const isActive = option.value === value;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": isActive,
+            className: cn(
+              "px-3 py-1.5 rounded-lg paragraph-small-semibold transition-colors cursor-pointer",
+              isActive ? baseSelected : baseUnselected,
+              optionClassName,
+              option.className
+            ),
+            onClick: () => onChange(option.value),
+            children: option.label
+          },
+          String(option.value)
+        );
+      })
+    }
+  );
+}
+export {
+  SegmentedControl
+};
+//# sourceMappingURL=SegmentedControl.mjs.map

package/dist/components/ui/form/SegmentedControl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/form/SegmentedControl.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../../infra/utils/clsx';\n\ntype SegmentedControlOption<Value extends string | number> = {\n  value: Value;\n  label: React.ReactNode;\n  className?: string;\n};\n\ninterface SegmentedControlProps<Value extends string | number> {\n  value: Value;\n  onChange: (value: Value) => void;\n  options: SegmentedControlOption<Value>[];\n  className?: string;\n  optionClassName?: string;\n  selectedClassName?: string;\n  unselectedClassName?: string;\n}\n\n/** Alternador de opções curtas (periodicidade da vitrine, por exemplo). */\nexport function SegmentedControl<Value extends string | number = string>({\n  value,\n  onChange,\n  options,\n  className,\n  optionClassName,\n  selectedClassName,\n  unselectedClassName,\n}: SegmentedControlProps<Value>) {\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n\n    event.preventDefault();\n    const currentIndex = options.findIndex((option) => option.value === value);\n    if (currentIndex === -1) return;\n\n    const direction = event.key === 'ArrowRight' ? 1 : -1;\n    const nextIndex = (currentIndex + direction + options.length) % options.length;\n    onChange(options[nextIndex].value);\n  };\n\n  const baseSelected =\n    selectedClassName ?? 'bg-white text-zinc-950 shadow-[0px_2px_10px_0px_rgba(26,26,26,0.05)]';\n  const baseUnselected = unselectedClassName ?? 'text-zinc-950';\n\n  return (\n    <div\n      className={cn('inline-flex items-stretch rounded-[12px] bg-zinc-100 p-1.5 gap-1', className)}\n      role=\"radiogroup\"\n      onKeyDown={handleKeyDown}\n    >\n      {options.map((option) => {\n        const isActive = option.value === value;\n\n        return (\n          <button\n            key={String(option.value)}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            className={cn(\n              'px-3 py-1.5 rounded-lg paragraph-small-semibold transition-colors cursor-pointer',\n              isActive ? baseSelected : baseUnselected,\n              optionClassName,\n              option.className\n            )}\n            onClick={() => onChange(option.value)}\n          >\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AAyDU;AAtDV,SAAS,UAAU;AAmBZ,SAAS,iBAAyD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,gBAAgB,CAAC,UAA+C;AACpE,QAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,aAAc;AAE7D,UAAM,eAAe;AACrB,UAAM,eAAe,QAAQ,UAAU,CAAC,WAAW,OAAO,UAAU,KAAK;AACzE,QAAI,iBAAiB,GAAI;AAEzB,UAAM,YAAY,MAAM,QAAQ,eAAe,IAAI;AACnD,UAAM,aAAa,eAAe,YAAY,QAAQ,UAAU,QAAQ;AACxE,aAAS,QAAQ,SAAS,EAAE,KAAK;AAAA,EACnC;AAEA,QAAM,eACJ,qBAAqB;AACvB,QAAM,iBAAiB,uBAAuB;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oEAAoE,SAAS;AAAA,MAC3F,MAAK;AAAA,MACL,WAAW;AAAA,MAEV,kBAAQ,IAAI,CAAC,WAAW;AACvB,cAAM,WAAW,OAAO,UAAU;AAElC,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,gBAAc;AAAA,YACd,WAAW;AAAA,cACT;AAAA,cACA,WAAW,eAAe;AAAA,cAC1B;AAAA,cACA,OAAO;AAAA,YACT;AAAA,YACA,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,YAEnC,iBAAO;AAAA;AAAA,UAZH,OAAO,OAAO,KAAK;AAAA,QAa1B;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/ui/overlay/Dialog.mjs

@@ -4,29 +4,38 @@ import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { IconX } from "@tabler/icons-react";
 import { cn } from "../../../infra/utils/clsx";
-import { OverlayLayerContext, useDialogLayer, useOverlayLayer } from "./layers";
+import {
+  OverlayLayerContext,
+  OverlayTopContext,
+  useDialogLayer,
+  useIsTopOverlay,
+  useOverlayPosition,
+  useTopLayerScrollIsolation
+} from "./layers";
 function Dialog({
   open,
   defaultOpen,
   onOpenChange,
+  modal,
   ...props
 }) {
   const [openState, setOpenState] = React.useState(defaultOpen ?? false);
-  const layer = useOverlayLayer(open ?? openState);
+  const { layer, isTop } = useOverlayPosition(open ?? openState);
   const handleOpenChange = (next) => {
     setOpenState(next);
     onOpenChange?.(next);
   };
-  return /* @__PURE__ */ jsx(OverlayLayerContext.Provider, { value: layer, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(OverlayLayerContext.Provider, { value: layer, children: /* @__PURE__ */ jsx(OverlayTopContext.Provider, { value: isTop, children: /* @__PURE__ */ jsx(
     DialogPrimitive.Root,
     {
       "data-slot": "dialog",
       open,
       defaultOpen,
       onOpenChange: handleOpenChange,
+      modal,
       ...props
     }
-  ) });
+  ) }) });
 }
 function DialogTrigger({
   ...props
@@ -67,15 +76,23 @@ function DialogContent({
   showCloseButton = true,
   overlayClassName,
   hideOverlay = false,
+  ref,
   ...props
 }) {
   const layer = useDialogLayer();
+  const contentRef = React.useRef(null);
+  useTopLayerScrollIsolation(contentRef, useIsTopOverlay());
   return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
     !hideOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
     /* @__PURE__ */ jsxs(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
+        ref: (node) => {
+          contentRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
         className: cn(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           layer.content,

package/dist/components/ui/overlay/Dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/overlay/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { IconX } from '@tabler/icons-react';\nimport { cn } from \"../../../infra/utils/clsx\";\nimport { OverlayLayerContext, useDialogLayer, useOverlayLayer } from \"./layers\";\n\nfunction Dialog({\n  open,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  const [openState, setOpenState] = React.useState(defaultOpen ?? false);\n  const layer = useOverlayLayer(open ?? openState);\n\n  const handleOpenChange = (next: boolean) => {\n    setOpenState(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    <OverlayLayerContext.Provider value={layer}>\n      <DialogPrimitive.Root\n        data-slot=\"dialog\"\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </OverlayLayerContext.Provider>\n  );\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  const layer = useDialogLayer();\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 bg-black/50\",\n        layer.overlay,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlayClassName,\n  hideOverlay = false,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n  overlayClassName?: string;\n  hideOverlay?: boolean;\n}) {\n  const layer = useDialogLayer();\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      {!hideOverlay && <DialogOverlay className={overlayClassName} />}\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          layer.content,\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <div className=\"absolute top-0.5 right-0\">\n            <div className=\"p-4\">\n              <DialogPrimitive.Close\n                data-slot=\"dialog-close\"\n                className=\"hover:cursor-pointer flex size-8 items-center justify-center rounded-lg p-2 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-950 focus:outline-none\"\n              >\n                <IconX className=\"size-[18px]\" />\n                <span className=\"sr-only\">Close</span>\n              </DialogPrimitive.Close>\n            </div>\n          </div>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\n        \"p-5 flex flex-col gap-2 text-center sm:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/overlay/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { IconX } from '@tabler/icons-react';\nimport { cn } from \"../../../infra/utils/clsx\";\nimport {\n  OverlayLayerContext,\n  OverlayTopContext,\n  useDialogLayer,\n  useIsTopOverlay,\n  useOverlayPosition,\n  useTopLayerScrollIsolation,\n} from \"./layers\";\n\nfunction Dialog({\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  const [openState, setOpenState] = React.useState(defaultOpen ?? false);\n  const { layer, isTop } = useOverlayPosition(open ?? openState);\n\n  const handleOpenChange = (next: boolean) => {\n    setOpenState(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    <OverlayLayerContext.Provider value={layer}>\n      <OverlayTopContext.Provider value={isTop}>\n      <DialogPrimitive.Root\n        data-slot=\"dialog\"\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n        modal={modal}\n        {...props}\n      />\n      </OverlayTopContext.Provider>\n    </OverlayLayerContext.Provider>\n  );\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  const layer = useDialogLayer();\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 bg-black/50\",\n        layer.overlay,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlayClassName,\n  hideOverlay = false,\n  ref,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n  overlayClassName?: string;\n  hideOverlay?: boolean;\n}) {\n  const layer = useDialogLayer();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  useTopLayerScrollIsolation(contentRef, useIsTopOverlay());\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      {!hideOverlay && <DialogOverlay className={overlayClassName} />}\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        ref={(node) => {\n          contentRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          layer.content,\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <div className=\"absolute top-0.5 right-0\">\n            <div className=\"p-4\">\n              <DialogPrimitive.Close\n                data-slot=\"dialog-close\"\n                className=\"hover:cursor-pointer flex size-8 items-center justify-center rounded-lg p-2 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-950 focus:outline-none\"\n              >\n                <IconX className=\"size-[18px]\" />\n                <span className=\"sr-only\">Close</span>\n              </DialogPrimitive.Close>\n            </div>\n          </div>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\n        \"p-5 flex flex-col gap-2 text-center sm:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":"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","names":[]}

package/dist/components/ui/overlay/Sheet.mjs

@@ -5,17 +5,24 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { IconX } from "@tabler/icons-react";
 import { cn } from "../../../infra/utils/clsx";
 import { hideCrisp, showCrisp } from "../../embeds/CrispEmbed";
-import { OverlayLayerContext, useDialogLayer, useOverlayLayer } from "./layers";
-function Sheet({ open, defaultOpen, onOpenChange, modal = false, ...props }) {
+import {
+  OverlayLayerContext,
+  OverlayTopContext,
+  useDialogLayer,
+  useIsTopOverlay,
+  useOverlayPosition,
+  useTopLayerScrollIsolation
+} from "./layers";
+function Sheet({ open, defaultOpen, onOpenChange, modal = true, ...props }) {
   const [openState, setOpenState] = React.useState(defaultOpen ?? false);
-  const layer = useOverlayLayer(open ?? openState);
+  const { layer, isTop } = useOverlayPosition(open ?? openState);
   const handleOpenChange = React.useCallback((next) => {
     if (next) hideCrisp();
     else showCrisp();
     setOpenState(next);
     onOpenChange?.(next);
   }, [onOpenChange]);
-  return /* @__PURE__ */ jsx(OverlayLayerContext.Provider, { value: layer, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(OverlayLayerContext.Provider, { value: layer, children: /* @__PURE__ */ jsx(OverlayTopContext.Provider, { value: isTop, children: /* @__PURE__ */ jsx(
     SheetPrimitive.Root,
     {
       "data-slot": "sheet",
@@ -25,7 +32,7 @@ function Sheet({ open, defaultOpen, onOpenChange, modal = false, ...props }) {
       onOpenChange: handleOpenChange,
       ...props
     }
-  ) });
+  ) }) });
 }
 function SheetTrigger({
   ...props
@@ -51,12 +58,15 @@ function SheetOverlay({
     "div",
     {
       "data-slot": "sheet-overlay",
+      ...props,
       className: cn(
-        "animate-in fade-in-0 fixed inset-0 bg-black/50 cursor-default",
+        // `pointer-events-auto` explícito: este overlay é um div nosso, e quando o sheet abre
+        // por cima de um dialog o Radix trava `pointer-events: none` no body — sem isto ele
+        // herdaria o bloqueio, viraria só cor e os cliques atravessariam para o que está atrás.
+        "animate-in fade-in-0 fixed inset-0 bg-black/50 cursor-default pointer-events-auto",
         layer.overlay,
         className
-      ),
-      ...props
+      )
     }
   ) });
 }
@@ -66,15 +76,23 @@ function SheetContent({
   side = "right",
   showCloseButton = true,
   noAnimation = false,
+  ref,
   ...props
 }) {
   const layer = useDialogLayer();
+  const contentRef = React.useRef(null);
+  useTopLayerScrollIsolation(contentRef, useIsTopOverlay());
   return /* @__PURE__ */ jsxs(SheetPortal, { children: [
     /* @__PURE__ */ jsx(SheetOverlay, { className: noAnimation ? "!animate-none" : void 0 }),
     /* @__PURE__ */ jsxs(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
+        ref: (node) => {
+          contentRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
         onInteractOutside: (e) => e.preventDefault(),
         onPointerDownOutside: (e) => e.preventDefault(),
         className: cn(

package/dist/components/ui/overlay/Sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/overlay/Sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { IconX } from '@tabler/icons-react';\nimport { cn } from \"../../../infra/utils/clsx\";\nimport { hideCrisp, showCrisp } from \"../../embeds/CrispEmbed\";\nimport { OverlayLayerContext, useDialogLayer, useOverlayLayer } from \"./layers\";\n\nfunction Sheet({ open, defaultOpen, onOpenChange, modal = false, ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  const [openState, setOpenState] = React.useState(defaultOpen ?? false);\n  const layer = useOverlayLayer(open ?? openState);\n\n  const handleOpenChange = React.useCallback((next: boolean) => {\n    if (next) hideCrisp();\n    else showCrisp();\n    setOpenState(next);\n    onOpenChange?.(next);\n  }, [onOpenChange]);\n\n  return (\n    <OverlayLayerContext.Provider value={layer}>\n      <SheetPrimitive.Root\n        data-slot=\"sheet\"\n        modal={modal}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </OverlayLayerContext.Provider>\n  );\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  const layer = useDialogLayer();\n  return (\n    <SheetPrimitive.Close tabIndex={-1} asChild>\n      <div\n        data-slot=\"sheet-overlay\"\n        className={cn(\n          \"animate-in fade-in-0 fixed inset-0 bg-black/50 cursor-default\",\n          layer.overlay,\n          className,\n        )}\n        {...props}\n      />\n    </SheetPrimitive.Close>\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  noAnimation = false,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  showCloseButton?: boolean;\n  noAnimation?: boolean;\n}) {\n  const layer = useDialogLayer();\n  return (\n    <SheetPortal>\n      <SheetOverlay className={noAnimation ? \"!animate-none\" : undefined} />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        onInteractOutside={(e) => e.preventDefault()}\n        onPointerDownOutside={(e) => e.preventDefault()}\n        className={cn(\n          \"bg-background fixed flex flex-col gap-4 shadow-lg\",\n          layer.content,\n          !noAnimation &&\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          !noAnimation &&\n            side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right\",\n          !noAnimation &&\n            side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left\",\n          !noAnimation &&\n            side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n          !noAnimation &&\n            side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n          side === \"right\" &&\n            \"inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n            \"inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" && \"inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" && \"inset-x-0 bottom-0 h-auto border-t\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            className=\"absolute top-3 right-3 hover:cursor-pointer flex size-8 items-center justify-center rounded-lg p-2 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-950 focus:outline-none\"\n          >\n            <IconX className=\"size-[18px]\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/overlay/Sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { IconX } from '@tabler/icons-react';\nimport { cn } from \"../../../infra/utils/clsx\";\nimport { hideCrisp, showCrisp } from \"../../embeds/CrispEmbed\";\nimport {\n  OverlayLayerContext,\n  OverlayTopContext,\n  useDialogLayer,\n  useIsTopOverlay,\n  useOverlayPosition,\n  useTopLayerScrollIsolation,\n} from \"./layers\";\n\n/** `modal` ligado por padrão: drawer segura o foco e o fundo enquanto está aberto. */\nfunction Sheet({ open, defaultOpen, onOpenChange, modal = true, ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  const [openState, setOpenState] = React.useState(defaultOpen ?? false);\n  const { layer, isTop } = useOverlayPosition(open ?? openState);\n\n  const handleOpenChange = React.useCallback((next: boolean) => {\n    if (next) hideCrisp();\n    else showCrisp();\n    setOpenState(next);\n    onOpenChange?.(next);\n  }, [onOpenChange]);\n\n  return (\n    <OverlayLayerContext.Provider value={layer}>\n      <OverlayTopContext.Provider value={isTop}>\n      <SheetPrimitive.Root\n        data-slot=\"sheet\"\n        modal={modal}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n      </OverlayTopContext.Provider>\n    </OverlayLayerContext.Provider>\n  );\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  const layer = useDialogLayer();\n  return (\n    <SheetPrimitive.Close tabIndex={-1} asChild>\n      <div\n        data-slot=\"sheet-overlay\"\n        {...props}\n        className={cn(\n          // `pointer-events-auto` explícito: este overlay é um div nosso, e quando o sheet abre\n          // por cima de um dialog o Radix trava `pointer-events: none` no body — sem isto ele\n          // herdaria o bloqueio, viraria só cor e os cliques atravessariam para o que está atrás.\n          \"animate-in fade-in-0 fixed inset-0 bg-black/50 cursor-default pointer-events-auto\",\n          layer.overlay,\n          className,\n        )}\n      />\n    </SheetPrimitive.Close>\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  noAnimation = false,\n  ref,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  showCloseButton?: boolean;\n  noAnimation?: boolean;\n}) {\n  const layer = useDialogLayer();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  useTopLayerScrollIsolation(contentRef, useIsTopOverlay());\n  return (\n    <SheetPortal>\n      <SheetOverlay className={noAnimation ? \"!animate-none\" : undefined} />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        ref={(node) => {\n          contentRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        onInteractOutside={(e) => e.preventDefault()}\n        onPointerDownOutside={(e) => e.preventDefault()}\n        className={cn(\n          \"bg-background fixed flex flex-col gap-4 shadow-lg\",\n          layer.content,\n          !noAnimation &&\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          !noAnimation &&\n            side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right\",\n          !noAnimation &&\n            side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left\",\n          !noAnimation &&\n            side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n          !noAnimation &&\n            side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n          side === \"right\" &&\n            \"inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n            \"inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" && \"inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" && \"inset-x-0 bottom-0 h-auto border-t\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            className=\"absolute top-3 right-3 hover:cursor-pointer flex size-8 items-center justify-center rounded-lg p-2 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-950 focus:outline-none\"\n          >\n            <IconX className=\"size-[18px]\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":"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","names":[]}

package/dist/components/ui/overlay/layers.mjs

@@ -25,12 +25,21 @@ function warnOnSaturation() {
   );
 }
 const OverlayLayerContext = React.createContext(ROOT_LAYER);
-function useOverlayLayer(open) {
-  const [rank, setRank] = React.useState(0);
+const OverlayTopContext = React.createContext(true);
+function useIsTopOverlay() {
+  return React.useContext(OverlayTopContext);
+}
+function readPosition(token) {
+  const tokens = Array.from(openOverlays);
+  const index = tokens.indexOf(token);
+  return { rank: Math.max(index, 0), isTop: index === tokens.length - 1 };
+}
+function useOverlayPosition(open) {
+  const [position, setPosition] = React.useState({ rank: 0, isTop: true });
   React.useLayoutEffect(() => {
     if (!open) return;
     const token = {};
-    const sync = () => setRank(Math.max(Array.from(openOverlays).indexOf(token), 0));
+    const sync = () => setPosition(readPosition(token));
     overlayListeners.add(sync);
     openOverlays.add(token);
     notifyOverlays();
@@ -41,7 +50,13 @@ function useOverlayLayer(open) {
       notifyOverlays();
     };
   }, [open]);
-  return OVERLAY_LAYERS[Math.min(rank, OVERLAY_LAYERS.length - 1)];
+  return {
+    layer: OVERLAY_LAYERS[Math.min(position.rank, OVERLAY_LAYERS.length - 1)],
+    isTop: position.isTop
+  };
+}
+function useOverlayLayer(open) {
+  return useOverlayPosition(open).layer;
 }
 function useDialogLayer() {
   return React.useContext(OverlayLayerContext);
@@ -49,12 +64,44 @@ function useDialogLayer() {
 function DialogLayer({ children }) {
   return children;
 }
+const FLOATING_CONTENT_SELECTOR = [
+  "[data-radix-popper-content-wrapper]",
+  "[data-radix-menu-content]",
+  '[data-slot="select-content"]',
+  '[data-slot="popover-content"]',
+  '[data-slot="dropdown-menu-content"]',
+  '[data-slot="command-list"]',
+  '[role="listbox"]',
+  '[role="menu"]'
+].join(",");
+function useTopLayerScrollIsolation(ref, enabled) {
+  React.useEffect(() => {
+    if (!enabled) return;
+    const stopForThisLayer = (event) => {
+      const target = event.target;
+      if (!target) return;
+      const isFloatingContent = target instanceof Element && target.closest(FLOATING_CONTENT_SELECTOR) !== null;
+      if (isFloatingContent || ref.current?.contains(target)) event.stopPropagation();
+    };
+    const options = { capture: true };
+    document.addEventListener("wheel", stopForThisLayer, options);
+    document.addEventListener("touchmove", stopForThisLayer, options);
+    return () => {
+      document.removeEventListener("wheel", stopForThisLayer, options);
+      document.removeEventListener("touchmove", stopForThisLayer, options);
+    };
+  }, [ref, enabled]);
+}
 export {
   DialogLayer,
   OVERLAY_LAYERS,
   OverlayLayerContext,
+  OverlayTopContext,
   ROOT_LAYER,
   useDialogLayer,
-  useOverlayLayer
+  useIsTopOverlay,
+  useOverlayLayer,
+  useOverlayPosition,
+  useTopLayerScrollIsolation
 };
 //# sourceMappingURL=layers.mjs.map

package/dist/components/ui/overlay/layers.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/overlay/layers.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport const OVERLAY_LAYERS = [\n  { overlay: \"z-[1000]\", content: \"z-[1001]\", popover: \"z-[1002]\", tooltip: \"z-[1003]\" },\n  { overlay: \"z-[1010]\", content: \"z-[1011]\", popover: \"z-[1012]\", tooltip: \"z-[1013]\" },\n  { overlay: \"z-[1020]\", content: \"z-[1021]\", popover: \"z-[1022]\", tooltip: \"z-[1023]\" },\n  { overlay: \"z-[1030]\", content: \"z-[1031]\", popover: \"z-[1032]\", tooltip: \"z-[1033]\" },\n  { overlay: \"z-[1040]\", content: \"z-[1041]\", popover: \"z-[1042]\", tooltip: \"z-[1043]\" },\n  { overlay: \"z-[1050]\", content: \"z-[1051]\", popover: \"z-[1052]\", tooltip: \"z-[1053]\" },\n  { overlay: \"z-[1060]\", content: \"z-[1061]\", popover: \"z-[1062]\", tooltip: \"z-[1063]\" },\n  { overlay: \"z-[1070]\", content: \"z-[1071]\", popover: \"z-[1072]\", tooltip: \"z-[1073]\" },\n] as const;\n\nexport const ROOT_LAYER = { overlay: \"z-[1000]\", content: \"z-[1001]\", popover: \"z-[1002]\", tooltip: \"z-50\" } as const;\n\nexport type DialogLayerClasses = (typeof OVERLAY_LAYERS)[number] | typeof ROOT_LAYER;\n\nconst openOverlays = new Set<object>();\nconst overlayListeners = new Set<() => void>();\nlet saturationWarned = false;\n\nfunction notifyOverlays() {\n  overlayListeners.forEach((listener) => listener());\n}\n\nfunction warnOnSaturation() {\n  if (process.env.NODE_ENV === \"production\" || saturationWarned || openOverlays.size <= OVERLAY_LAYERS.length) return;\n  saturationWarned = true;\n  console.warn(\n    `[great-lib-common] ${openOverlays.size} overlays visiveis, mas a escala de z so tem ${OVERLAY_LAYERS.length} faixas. ` +\n      `Deste nivel em diante todos dividem a ultima faixa e o overlay de cima cai sob o conteudo de baixo. ` +\n      `Se o empilhamento for legitimo, adicione uma faixa em ui/overlay/layers.tsx.`,\n  );\n}\n\nexport const OverlayLayerContext = React.createContext<DialogLayerClasses>(ROOT_LAYER);\n\nexport function useOverlayLayer(open: boolean): DialogLayerClasses {\n  const [rank, setRank] = React.useState(0);\n\n  React.useLayoutEffect(() => {\n    if (!open) return;\n\n    const token = {};\n    const sync = () => setRank(Math.max(Array.from(openOverlays).indexOf(token), 0));\n\n    overlayListeners.add(sync);\n    openOverlays.add(token);\n    notifyOverlays();\n    warnOnSaturation();\n\n    return () => {\n      overlayListeners.delete(sync);\n      openOverlays.delete(token);\n      notifyOverlays();\n    };\n  }, [open]);\n\n  return OVERLAY_LAYERS[Math.min(rank, OVERLAY_LAYERS.length - 1)];\n}\n\nexport function useDialogLayer(): DialogLayerClasses {\n  return React.useContext(OverlayLayerContext);\n}\n\nexport function DialogLayer({ children }: { children: React.ReactNode }) {\n  return children;\n}\n"],"mappings":";AAEA,YAAY,WAAW;AAEhB,MAAM,iBAAiB;AAAA,EAC5B,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAAA,EACrF,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAAA,EACrF,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAAA,EACrF,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAAA,EACrF,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAAA,EACrF,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAAA,EACrF,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AAAA,EACrF,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,WAAW;AACvF;AAEO,MAAM,aAAa,EAAE,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,OAAO;AAI3G,MAAM,eAAe,oBAAI,IAAY;AACrC,MAAM,mBAAmB,oBAAI,IAAgB;AAC7C,IAAI,mBAAmB;AAEvB,SAAS,iBAAiB;AACxB,mBAAiB,QAAQ,CAAC,aAAa,SAAS,CAAC;AACnD;AAEA,SAAS,mBAAmB;AAC1B,MAAI,QAAQ,IAAI,aAAa,gBAAgB,oBAAoB,aAAa,QAAQ,eAAe,OAAQ;AAC7G,qBAAmB;AACnB,UAAQ;AAAA,IACN,sBAAsB,aAAa,IAAI,gDAAgD,eAAe,MAAM;AAAA,EAG9G;AACF;AAEO,MAAM,sBAAsB,MAAM,cAAkC,UAAU;AAE9E,SAAS,gBAAgB,MAAmC;AACjE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC;AAExC,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,KAAM;AAEX,UAAM,QAAQ,CAAC;AACf,UAAM,OAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,YAAY,EAAE,QAAQ,KAAK,GAAG,CAAC,CAAC;AAE/E,qBAAiB,IAAI,IAAI;AACzB,iBAAa,IAAI,KAAK;AACtB,mBAAe;AACf,qBAAiB;AAEjB,WAAO,MAAM;AACX,uBAAiB,OAAO,IAAI;AAC5B,mBAAa,OAAO,KAAK;AACzB,qBAAe;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,eAAe,KAAK,IAAI,MAAM,eAAe,SAAS,CAAC,CAAC;AACjE;AAEO,SAAS,iBAAqC;AACnD,SAAO,MAAM,WAAW,mBAAmB;AAC7C;AAEO,SAAS,YAAY,EAAE,SAAS,GAAkC;AACvE,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/overlay/layers.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport const OVERLAY_LAYERS = [\n  { overlay: \"z-[1000]\", content: \"z-[1001]\", popover: \"z-[1002]\", tooltip: \"z-[1003]\" },\n  { overlay: \"z-[1010]\", content: \"z-[1011]\", popover: \"z-[1012]\", tooltip: \"z-[1013]\" },\n  { overlay: \"z-[1020]\", content: \"z-[1021]\", popover: \"z-[1022]\", tooltip: \"z-[1023]\" },\n  { overlay: \"z-[1030]\", content: \"z-[1031]\", popover: \"z-[1032]\", tooltip: \"z-[1033]\" },\n  { overlay: \"z-[1040]\", content: \"z-[1041]\", popover: \"z-[1042]\", tooltip: \"z-[1043]\" },\n  { overlay: \"z-[1050]\", content: \"z-[1051]\", popover: \"z-[1052]\", tooltip: \"z-[1053]\" },\n  { overlay: \"z-[1060]\", content: \"z-[1061]\", popover: \"z-[1062]\", tooltip: \"z-[1063]\" },\n  { overlay: \"z-[1070]\", content: \"z-[1071]\", popover: \"z-[1072]\", tooltip: \"z-[1073]\" },\n] as const;\n\nexport const ROOT_LAYER = { overlay: \"z-[1000]\", content: \"z-[1001]\", popover: \"z-[1002]\", tooltip: \"z-50\" } as const;\n\nexport type DialogLayerClasses = (typeof OVERLAY_LAYERS)[number] | typeof ROOT_LAYER;\n\nconst openOverlays = new Set<object>();\nconst overlayListeners = new Set<() => void>();\nlet saturationWarned = false;\n\nfunction notifyOverlays() {\n  overlayListeners.forEach((listener) => listener());\n}\n\nfunction warnOnSaturation() {\n  if (process.env.NODE_ENV === \"production\" || saturationWarned || openOverlays.size <= OVERLAY_LAYERS.length) return;\n  saturationWarned = true;\n  console.warn(\n    `[great-lib-common] ${openOverlays.size} overlays visiveis, mas a escala de z so tem ${OVERLAY_LAYERS.length} faixas. ` +\n      `Deste nivel em diante todos dividem a ultima faixa e o overlay de cima cai sob o conteudo de baixo. ` +\n      `Se o empilhamento for legitimo, adicione uma faixa em ui/overlay/layers.tsx.`,\n  );\n}\n\nexport const OverlayLayerContext = React.createContext<DialogLayerClasses>(ROOT_LAYER);\n\n/** Se a camada em volta é a do topo da pilha (ver `useTopLayerScrollIsolation`). */\nexport const OverlayTopContext = React.createContext<boolean>(true);\n\nexport function useIsTopOverlay(): boolean {\n  return React.useContext(OverlayTopContext);\n}\n\ntype OverlayPosition = { layer: DialogLayerClasses; isTop: boolean };\n\nfunction readPosition(token: object): { rank: number; isTop: boolean } {\n  const tokens = Array.from(openOverlays);\n  const index = tokens.indexOf(token);\n  return { rank: Math.max(index, 0), isTop: index === tokens.length - 1 };\n}\n\n/**\n * Faixa de z do overlay e se ele é o de cima da pilha.\n *\n * O `isTop` existe por causa do bloqueio de scroll: o Radix cancela wheel e touchmove de tudo\n * que não seja filho do conteúdo dele, e cada overlay vive no próprio portal. Com dois modais\n * ativos, o de baixo cancelaria a rolagem do de cima — então quem não está no topo deixa de ser\n * modal enquanto houver alguém acima.\n */\nexport function useOverlayPosition(open: boolean): OverlayPosition {\n  const [position, setPosition] = React.useState({ rank: 0, isTop: true });\n\n  React.useLayoutEffect(() => {\n    if (!open) return;\n\n    const token = {};\n    const sync = () => setPosition(readPosition(token));\n\n    overlayListeners.add(sync);\n    openOverlays.add(token);\n    notifyOverlays();\n    warnOnSaturation();\n\n    return () => {\n      overlayListeners.delete(sync);\n      openOverlays.delete(token);\n      notifyOverlays();\n    };\n  }, [open]);\n\n  return {\n    layer: OVERLAY_LAYERS[Math.min(position.rank, OVERLAY_LAYERS.length - 1)],\n    isTop: position.isTop,\n  };\n}\n\nexport function useOverlayLayer(open: boolean): DialogLayerClasses {\n  return useOverlayPosition(open).layer;\n}\n\nexport function useDialogLayer(): DialogLayerClasses {\n  return React.useContext(OverlayLayerContext);\n}\n\nexport function DialogLayer({ children }: { children: React.ReactNode }) {\n  return children;\n}\n\n/**\n * Isola a rolagem desta camada do bloqueio de scroll das camadas de baixo.\n *\n * O bloqueio do Radix escuta wheel e touchmove no document e cancela tudo que não seja filho do\n * conteúdo dele. Cada overlay vive no próprio portal, então o modal de baixo cancelava a rolagem\n * do drawer de cima — e de um jeito traiçoeiro: evento avulso passava, rajada de trackpad era\n * cancelada inteira. Parar a propagação na captura impede que aquele ouvinte chegue a ver o\n * evento, e o navegador rola normalmente.\n *\n * O custo é que `onWheel`/`onTouchMove` de React dentro desta camada deixam de receber esses dois\n * eventos — nada na lib depende disso (listas paginam por `scroll` e por sentinela).\n */\n/** Portais de conteúdo flutuante do Radix que acompanham a camada aberta. */\nconst FLOATING_CONTENT_SELECTOR = [\n  \"[data-radix-popper-content-wrapper]\",\n  \"[data-radix-menu-content]\",\n  '[data-slot=\"select-content\"]',\n  '[data-slot=\"popover-content\"]',\n  '[data-slot=\"dropdown-menu-content\"]',\n  '[data-slot=\"command-list\"]',\n  '[role=\"listbox\"]',\n  '[role=\"menu\"]',\n].join(\",\");\n\nexport function useTopLayerScrollIsolation(\n  ref: React.RefObject<HTMLElement | null>,\n  enabled: boolean,\n) {\n  React.useEffect(() => {\n    if (!enabled) return;\n\n    const stopForThisLayer = (event: Event) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n\n      // Conteúdo flutuante (select, popover, menu) abre em portal próprio, fora do conteúdo da\n      // camada, mas pertence a ela — sem isto, lista longa de select dentro do modal não rolava.\n      const isFloatingContent =\n        target instanceof Element && target.closest(FLOATING_CONTENT_SELECTOR) !== null;\n\n      if (isFloatingContent || ref.current?.contains(target)) event.stopPropagation();\n    };\n\n    const options = { capture: true } as const;\n    document.addEventListener(\"wheel\", stopForThisLayer, options);\n    document.addEventListener(\"touchmove\", stopForThisLayer, options);\n\n    return () => {\n      document.removeEventListener(\"wheel\", stopForThisLayer, options);\n      document.removeEventListener(\"touchmove\", stopForThisLayer, options);\n    };\n  }, [ref, enabled]);\n}\n"],"mappings":"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","names":[]}

package/dist/enums/AccountHubFlow.mjs

@@ -0,0 +1,13 @@
+var AccountHubFlow = /* @__PURE__ */ ((AccountHubFlow2) => {
+  AccountHubFlow2["PLANS"] = "plans";
+  AccountHubFlow2["ADDONS"] = "addons";
+  AccountHubFlow2["REACTIVATE"] = "reactivate";
+  AccountHubFlow2["RECEIPT"] = "receipt";
+  AccountHubFlow2["CREATE_PROJECT"] = "create-project";
+  AccountHubFlow2["ADD_USER"] = "add-user";
+  return AccountHubFlow2;
+})(AccountHubFlow || {});
+export {
+  AccountHubFlow
+};
+//# sourceMappingURL=AccountHubFlow.mjs.map

package/dist/enums/AccountHubFlow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/enums/AccountHubFlow.ts"],"sourcesContent":["export enum AccountHubFlow {\n  PLANS = 'plans',\n  ADDONS = 'addons',\n  REACTIVATE = 'reactivate',\n  RECEIPT = 'receipt',\n  CREATE_PROJECT = 'create-project',\n  ADD_USER = 'add-user',\n}\n"],"mappings":"AAAO,IAAK,iBAAL,kBAAKA,oBAAL;AACL,EAAAA,gBAAA,WAAQ;AACR,EAAAA,gBAAA,YAAS;AACT,EAAAA,gBAAA,gBAAa;AACb,EAAAA,gBAAA,aAAU;AACV,EAAAA,gBAAA,oBAAiB;AACjB,EAAAA,gBAAA,cAAW;AAND,SAAAA;AAAA,GAAA;","names":["AccountHubFlow"]}

package/dist/enums/DateFilterPeriod.mjs

@@ -0,0 +1,22 @@
+var DateFilterPeriod = /* @__PURE__ */ ((DateFilterPeriod2) => {
+  DateFilterPeriod2["TODAY"] = "TODAY";
+  DateFilterPeriod2["YESTERDAY"] = "YESTERDAY";
+  DateFilterPeriod2["LAST_7_DAYS"] = "LAST_7_DAYS";
+  DateFilterPeriod2["LAST_30_DAYS"] = "LAST_30_DAYS";
+  DateFilterPeriod2["LAST_MONTH"] = "LAST_MONTH";
+  DateFilterPeriod2["ALL_TIME"] = "ALL_TIME";
+  return DateFilterPeriod2;
+})(DateFilterPeriod || {});
+const DATE_FILTER_PERIODS = [
+  "TODAY" /* TODAY */,
+  "YESTERDAY" /* YESTERDAY */,
+  "LAST_7_DAYS" /* LAST_7_DAYS */,
+  "LAST_30_DAYS" /* LAST_30_DAYS */,
+  "LAST_MONTH" /* LAST_MONTH */,
+  "ALL_TIME" /* ALL_TIME */
+];
+export {
+  DATE_FILTER_PERIODS,
+  DateFilterPeriod
+};
+//# sourceMappingURL=DateFilterPeriod.mjs.map

package/dist/enums/DateFilterPeriod.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/enums/DateFilterPeriod.ts"],"sourcesContent":["export enum DateFilterPeriod {\n  TODAY = 'TODAY',\n  YESTERDAY = 'YESTERDAY',\n  LAST_7_DAYS = 'LAST_7_DAYS',\n  LAST_30_DAYS = 'LAST_30_DAYS',\n  LAST_MONTH = 'LAST_MONTH',\n  ALL_TIME = 'ALL_TIME',\n}\n\nexport const DATE_FILTER_PERIODS = [\n  DateFilterPeriod.TODAY,\n  DateFilterPeriod.YESTERDAY,\n  DateFilterPeriod.LAST_7_DAYS,\n  DateFilterPeriod.LAST_30_DAYS,\n  DateFilterPeriod.LAST_MONTH,\n  DateFilterPeriod.ALL_TIME,\n] as const;\n"],"mappings":"AAAO,IAAK,mBAAL,kBAAKA,sBAAL;AACL,EAAAA,kBAAA,WAAQ;AACR,EAAAA,kBAAA,eAAY;AACZ,EAAAA,kBAAA,iBAAc;AACd,EAAAA,kBAAA,kBAAe;AACf,EAAAA,kBAAA,gBAAa;AACb,EAAAA,kBAAA,cAAW;AAND,SAAAA;AAAA,GAAA;AASL,MAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":["DateFilterPeriod"]}

package/dist/enums/WorkspaceSectionType.mjs

@@ -0,0 +1,11 @@
+var WorkspaceSectionType = /* @__PURE__ */ ((WorkspaceSectionType2) => {
+  WorkspaceSectionType2["SUBSCRIPTION"] = "subscription";
+  WorkspaceSectionType2["PROJECTS"] = "projects";
+  WorkspaceSectionType2["TEAM"] = "team";
+  WorkspaceSectionType2["AFFILIATES"] = "affiliates";
+  return WorkspaceSectionType2;
+})(WorkspaceSectionType || {});
+export {
+  WorkspaceSectionType
+};
+//# sourceMappingURL=WorkspaceSectionType.mjs.map

package/dist/enums/WorkspaceSectionType.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/enums/WorkspaceSectionType.ts"],"sourcesContent":["export enum WorkspaceSectionType {\n  SUBSCRIPTION = 'subscription',\n  PROJECTS = 'projects',\n  TEAM = 'team',\n  AFFILIATES = 'affiliates',\n}\n"],"mappings":"AAAO,IAAK,uBAAL,kBAAKA,0BAAL;AACL,EAAAA,sBAAA,kBAAe;AACf,EAAAA,sBAAA,cAAW;AACX,EAAAA,sBAAA,UAAO;AACP,EAAAA,sBAAA,gBAAa;AAJH,SAAAA;AAAA,GAAA;","names":["WorkspaceSectionType"]}

package/dist/handlers.mjs

@@ -13,29 +13,53 @@ import { createFindProjectHandler } from "./modules/projects/handlers/find-proje
 import { createListProjectUsersHandler } from "./modules/projects/handlers/list-project-users.handler";
 import { createListAvailableUsersHandler } from "./modules/projects/handlers/list-available-users.handler";
 import { createListAllAccountUsersHandler } from "./modules/projects/handlers/list-all-account-users.handler";
+import { createListAccountMembersHandler } from "./modules/accounts/handlers/list-account-members.handler";
 import { createListSubscriptionsHandler } from "./modules/subscriptions/handlers/list-subscriptions.handler";
 import { createCurrentSubscriptionHandler } from "./modules/subscriptions/handlers/current-subscription.handler";
 import { createFreezeNoticeHandler } from "./modules/subscriptions/handlers/freeze-notice.handler";
 import { createListMessagesHandler } from "./modules/users/handlers/list-messages.handler";
+import { createCurrentAffiliateHandler } from "./modules/affiliates/handlers/current-affiliate.handler";
+import { createAffiliateReportAnalyticsHandler } from "./modules/affiliates/handlers/affiliate-report-analytics.handler";
+import { createListAffiliateTransactionsHandler } from "./modules/affiliates/handlers/list-affiliate-transactions.handler";
+import { createListAffiliateCouponsHandler } from "./modules/affiliates/handlers/list-affiliate-coupons.handler";
+import { createListAffiliateLeadsHandler } from "./modules/affiliates/handlers/list-affiliate-leads.handler";
+import { createAffiliateWithdrawalLimitsHandler } from "./modules/affiliates/handlers/affiliate-withdrawal-limits.handler";
+import { createPendingPixStatusHandler } from "./modules/subscriptions/handlers/pending-pix-status.handler";
+import { createListIaCreditOperationsHandler } from "./modules/ia-credits/handlers/list-ia-credit-operations.handler";
+import { createFindCouponByIdHandler } from "./modules/coupons/handlers/find-coupon-by-id.handler";
+import { createFindCouponByCodeHandler } from "./modules/coupons/handlers/find-coupon-by-code.handler";
+import { createCountDomainsHandler } from "./modules/domains/handlers/count-domains.handler";
 export {
+  createAffiliateReportAnalyticsHandler,
+  createAffiliateWithdrawalLimitsHandler,
+  createCountDomainsHandler,
   createCountPagesHandler,
+  createCurrentAffiliateHandler,
   createCurrentSubscriptionHandler,
   createFindCardByIdHandler,
   createFindChargeByIdHandler,
+  createFindCouponByCodeHandler,
+  createFindCouponByIdHandler,
   createFindPlanByIdHandler,
   createFindProjectHandler,
   createFreezeNoticeHandler,
   createGetAiCreditsOfferEligibilityHandler,
+  createListAccountMembersHandler,
+  createListAffiliateCouponsHandler,
+  createListAffiliateLeadsHandler,
+  createListAffiliateTransactionsHandler,
   createListAllAccountUsersHandler,
   createListAvailableUsersHandler,
   createListCardsHandler,
   createListChargesHandler,
+  createListIaCreditOperationsHandler,
   createListIaCreditsHandler,
   createListMessagesHandler,
   createListPlansHandler,
   createListProjectUsersHandler,
   createListProjectsHandler,
   createListSubscriptionsHandler,
+  createPendingPixStatusHandler,
   createPurchaseIaCreditsHandler
 };
 //# sourceMappingURL=handlers.mjs.map

package/dist/handlers.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/handlers.ts"],"sourcesContent":["export { createListCardsHandler } from './modules/cards/handlers/list-cards.handler';\nexport { createFindCardByIdHandler } from './modules/cards/handlers/find-card-by-id.handler';\n\nexport { createListChargesHandler } from './modules/charges/handlers/list-charges.handler';\nexport { createFindChargeByIdHandler } from './modules/charges/handlers/find-charge-by-id.handler';\n\nexport { createListIaCreditsHandler } from './modules/ia-credits/handlers/list-ia-credits.handler';\nexport { createPurchaseIaCreditsHandler } from './modules/ia-credits/handlers/purchase-ia-credits.handler';\nexport { createGetAiCreditsOfferEligibilityHandler } from './modules/ia-credits/handlers/get-offer-eligibility.handler';\n\nexport { createCountPagesHandler } from './modules/pages/handlers/count-pages.handler';\n\nexport { createListPlansHandler } from './modules/plans/handlers/list-plans.handler';\nexport { createFindPlanByIdHandler } from './modules/plans/handlers/find-plan-by-id.handler';\n\nexport { createListProjectsHandler } from './modules/projects/handlers/list-projects.handler';\nexport { createFindProjectHandler } from './modules/projects/handlers/find-project.handler';\nexport { createListProjectUsersHandler } from './modules/projects/handlers/list-project-users.handler';\nexport { createListAvailableUsersHandler } from './modules/projects/handlers/list-available-users.handler';\nexport { createListAllAccountUsersHandler } from './modules/projects/handlers/list-all-account-users.handler';\n\nexport { createListSubscriptionsHandler } from './modules/subscriptions/handlers/list-subscriptions.handler';\nexport { createCurrentSubscriptionHandler } from './modules/subscriptions/handlers/current-subscription.handler';\nexport { createFreezeNoticeHandler } from './modules/subscriptions/handlers/freeze-notice.handler';\n\nexport { createListMessagesHandler } from './modules/users/handlers/list-messages.handler';\n"],"mappings":"AAAA,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAE1C,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAE5C,SAAS,kCAAkC;AAC3C,SAAS,sCAAsC;AAC/C,SAAS,iDAAiD;AAE1D,SAAS,+BAA+B;AAExC,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAE1C,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AACzC,SAAS,qCAAqC;AAC9C,SAAS,uCAAuC;AAChD,SAAS,wCAAwC;AAEjD,SAAS,sCAAsC;AAC/C,SAAS,wCAAwC;AACjD,SAAS,iCAAiC;AAE1C,SAAS,iCAAiC;","names":[]}
+{"version":3,"sources":["../src/handlers.ts"],"sourcesContent":["export { createListCardsHandler } from './modules/cards/handlers/list-cards.handler';\nexport { createFindCardByIdHandler } from './modules/cards/handlers/find-card-by-id.handler';\n\nexport { createListChargesHandler } from './modules/charges/handlers/list-charges.handler';\nexport { createFindChargeByIdHandler } from './modules/charges/handlers/find-charge-by-id.handler';\n\nexport { createListIaCreditsHandler } from './modules/ia-credits/handlers/list-ia-credits.handler';\nexport { createPurchaseIaCreditsHandler } from './modules/ia-credits/handlers/purchase-ia-credits.handler';\nexport { createGetAiCreditsOfferEligibilityHandler } from './modules/ia-credits/handlers/get-offer-eligibility.handler';\n\nexport { createCountPagesHandler } from './modules/pages/handlers/count-pages.handler';\n\nexport { createListPlansHandler } from './modules/plans/handlers/list-plans.handler';\nexport { createFindPlanByIdHandler } from './modules/plans/handlers/find-plan-by-id.handler';\n\nexport { createListProjectsHandler } from './modules/projects/handlers/list-projects.handler';\nexport { createFindProjectHandler } from './modules/projects/handlers/find-project.handler';\nexport { createListProjectUsersHandler } from './modules/projects/handlers/list-project-users.handler';\nexport { createListAvailableUsersHandler } from './modules/projects/handlers/list-available-users.handler';\nexport { createListAllAccountUsersHandler } from './modules/projects/handlers/list-all-account-users.handler';\n\nexport { createListAccountMembersHandler } from './modules/accounts/handlers/list-account-members.handler';\n\nexport { createListSubscriptionsHandler } from './modules/subscriptions/handlers/list-subscriptions.handler';\nexport { createCurrentSubscriptionHandler } from './modules/subscriptions/handlers/current-subscription.handler';\nexport { createFreezeNoticeHandler } from './modules/subscriptions/handlers/freeze-notice.handler';\n\nexport { createListMessagesHandler } from './modules/users/handlers/list-messages.handler';\n\nexport { createCurrentAffiliateHandler } from './modules/affiliates/handlers/current-affiliate.handler';\nexport { createAffiliateReportAnalyticsHandler } from './modules/affiliates/handlers/affiliate-report-analytics.handler';\nexport { createListAffiliateTransactionsHandler } from './modules/affiliates/handlers/list-affiliate-transactions.handler';\nexport { createListAffiliateCouponsHandler } from './modules/affiliates/handlers/list-affiliate-coupons.handler';\nexport { createListAffiliateLeadsHandler } from './modules/affiliates/handlers/list-affiliate-leads.handler';\nexport { createAffiliateWithdrawalLimitsHandler } from './modules/affiliates/handlers/affiliate-withdrawal-limits.handler';\nexport { createPendingPixStatusHandler } from './modules/subscriptions/handlers/pending-pix-status.handler';\nexport { createListIaCreditOperationsHandler } from './modules/ia-credits/handlers/list-ia-credit-operations.handler';\nexport { createFindCouponByIdHandler } from './modules/coupons/handlers/find-coupon-by-id.handler';\nexport { createFindCouponByCodeHandler } from './modules/coupons/handlers/find-coupon-by-code.handler';\nexport { createCountDomainsHandler } from './modules/domains/handlers/count-domains.handler';\n"],"mappings":"AAAA,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAE1C,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAE5C,SAAS,kCAAkC;AAC3C,SAAS,sCAAsC;AAC/C,SAAS,iDAAiD;AAE1D,SAAS,+BAA+B;AAExC,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAE1C,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AACzC,SAAS,qCAAqC;AAC9C,SAAS,uCAAuC;AAChD,SAAS,wCAAwC;AAEjD,SAAS,uCAAuC;AAEhD,SAAS,sCAAsC;AAC/C,SAAS,wCAAwC;AACjD,SAAS,iCAAiC;AAE1C,SAAS,iCAAiC;AAE1C,SAAS,qCAAqC;AAC9C,SAAS,6CAA6C;AACtD,SAAS,8CAA8C;AACvD,SAAS,yCAAyC;AAClD,SAAS,uCAAuC;AAChD,SAAS,8CAA8C;AACvD,SAAS,qCAAqC;AAC9C,SAAS,2CAA2C;AACpD,SAAS,mCAAmC;AAC5C,SAAS,qCAAqC;AAC9C,SAAS,iCAAiC;","names":[]}

package/dist/hooks/useDebounce.mjs

@@ -1,16 +1,18 @@
 "use client";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 function useDebounce(value, delay = 400, onDebounce) {
   const [debouncedValue, setDebouncedValue] = useState(value);
+  const onDebounceRef = useRef(onDebounce);
+  onDebounceRef.current = onDebounce;
   useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
-      onDebounce?.();
+      onDebounceRef.current?.();
     }, delay);
     return () => {
       clearTimeout(handler);
     };
-  }, [value, delay, onDebounce]);
+  }, [value, delay]);
   return debouncedValue;
 }
 export {

package/dist/hooks/useDebounce.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\n/**\n * Hook para aplicar debounce em valores\n * @param value - Valor a ser debounced\n * @param delay - Delay em milissegundos (padrão: 400ms)\n * @returns Valor debounced\n */\nexport function useDebounce<T>(value: T, delay: number = 400, onDebounce?: () => void): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n      onDebounce?.();\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay, onDebounce]);\n\n  return debouncedValue;\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAQ7B,SAAS,YAAe,OAAU,QAAgB,KAAK,YAA4B;AACxF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAY,KAAK;AAE7D,YAAU,MAAM;AACd,UAAM,UAAU,WAAW,MAAM;AAC/B,wBAAkB,KAAK;AACvB,mBAAa;AAAA,IACf,GAAG,KAAK;AAER,WAAO,MAAM;AACX,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,OAAO,UAAU,CAAC;AAE7B,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\n/**\n * Hook para aplicar debounce em valores\n * @param value - Valor a ser debounced\n * @param delay - Delay em milissegundos (padrão: 400ms)\n * @returns Valor debounced\n */\nexport function useDebounce<T>(value: T, delay: number = 400, onDebounce?: () => void): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n  const onDebounceRef = useRef(onDebounce);\n  onDebounceRef.current = onDebounce;\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n      onDebounceRef.current?.();\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAQrC,SAAS,YAAe,OAAU,QAAgB,KAAK,YAA4B;AACxF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAY,KAAK;AAC7D,QAAM,gBAAgB,OAAO,UAAU;AACvC,gBAAc,UAAU;AAExB,YAAU,MAAM;AACd,UAAM,UAAU,WAAW,MAAM;AAC/B,wBAAkB,KAAK;AACvB,oBAAc,UAAU;AAAA,IAC1B,GAAG,KAAK;AAER,WAAO,MAAM;AACX,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,SAAO;AACT;","names":[]}