@aspprev/versi-ds 0.4.0 → 0.4.1

package/dist/{chunk-FTRF27XF.js → chunk-MMTKCHRP.js}

@@ -1,8 +1,3 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
 // src/hooks/useBreakpoint.tsx
 import { useSyncExternalStore } from "react";
 var breakpoints = {
@@ -106,7 +101,7 @@ function calculateTooltipPosition({
       viewportHeight,
       margin
     )) {
-      return __spreadProps(__spreadValues({}, coordinates), { position });
+      return { ...coordinates, position };
     }
   }
   const fallback = coordinatesFor(target, tooltip, preferred, gap);
@@ -122,23 +117,19 @@ import { useEffect } from "react";
 
 // src/utils/accessibility.ts
 function mergeAriaDescribedBy(...values) {
-  const identifiers = values.flatMap((value) => {
-    var _a;
-    return (_a = value == null ? void 0 : value.trim().split(/\s+/)) != null ? _a : [];
-  }).filter(Boolean);
+  const identifiers = values.flatMap((value) => value?.trim().split(/\s+/) ?? []).filter(Boolean);
   return identifiers.length > 0 ? Array.from(new Set(identifiers)).join(" ") : void 0;
 }
 
 // src/components/tooltip/use-tooltip-relationship.ts
 function useTooltipRelationship(targetRef, tooltipId, visible) {
   useEffect(() => {
-    var _a;
-    const target = targetRef == null ? void 0 : targetRef.current;
+    const target = targetRef?.current;
     if (!target || !visible) return;
     const previousDescription = target.getAttribute("aria-describedby");
     target.setAttribute(
       "aria-describedby",
-      (_a = mergeAriaDescribedBy(previousDescription, tooltipId)) != null ? _a : tooltipId
+      mergeAriaDescribedBy(previousDescription, tooltipId) ?? tooltipId
     );
     return () => {
       if (previousDescription) {
@@ -152,7 +143,7 @@ function useTooltipRelationship(targetRef, tooltipId, visible) {
 
 // src/utils/floating-layer.ts
 function getFloatingLayerClass(trigger, layer) {
-  if (trigger == null ? void 0 : trigger.closest('[role="dialog"][aria-modal="true"]')) {
+  if (trigger?.closest('[role="dialog"][aria-modal="true"]')) {
     return "z-modal-overlay";
   }
   return layer === "popover" ? "z-popover" : "z-tooltip";
@@ -244,9 +235,8 @@ var Tooltip = ({
     arrow.style.top = `${verticalCenter}px`;
   }, [coords, finalPosition, isMobile, targetRef, visible]);
   useEffect2(() => {
-    var _a;
     if (!visible) return;
-    (_a = tooltipRef.current) == null ? void 0 : _a.animate([{ opacity: 0 }, { opacity: 1 }], {
+    tooltipRef.current?.animate([{ opacity: 0 }, { opacity: 1 }], {
       duration: 150,
       easing: "ease-out"
     });
@@ -309,4 +299,4 @@ export {
   getFloatingLayerClass,
   Tooltip_default
 };
-//# sourceMappingURL=chunk-FTRF27XF.js.map
+//# sourceMappingURL=chunk-MMTKCHRP.js.map

package/dist/{chunk-FTRF27XF.js.map → chunk-MMTKCHRP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useBreakpoint.tsx","../src/components/tooltip/Tooltip.tsx","../src/components/tooltip/calculate-tooltip-position.ts","../src/components/tooltip/use-tooltip-relationship.ts","../src/utils/accessibility.ts","../src/utils/floating-layer.ts"],"sourcesContent":["\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\nexport const breakpoints = {\n  mobile: 640,\n  tablet: 1024,\n  desktop: 1440,\n  tv: 1920,\n};\n\nexport type Breakpoint = keyof typeof breakpoints;\n\nexport function getBreakpoint(width: number): Breakpoint {\n  const entries = Object.entries(breakpoints) as [Breakpoint, number][];\n  return entries.reduce<Breakpoint>(\n    (previous, [name, minimumWidth]) =>\n      width >= minimumWidth ? name : previous,\n    \"mobile\",\n  );\n}\n\nfunction subscribe(onStoreChange: () => void) {\n  window.addEventListener(\"resize\", onStoreChange);\n  return () => window.removeEventListener(\"resize\", onStoreChange);\n}\n\nfunction getSnapshot() {\n  return getBreakpoint(window.innerWidth);\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return \"mobile\";\n}\n\nexport const useBreakpoint = (): Breakpoint =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n","\"use client\";\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\nimport React, {\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {\n  calculateTooltipPosition,\n  type TooltipPosition,\n} from \"./calculate-tooltip-position\";\nimport { useTooltipRelationship } from \"./use-tooltip-relationship\";\nimport { getFloatingLayerClass } from \"../../utils/floating-layer\";\n\nexport type TooltipProps = {\n  targetRef: React.RefObject<HTMLElement | null>;\n  content: React.ReactNode;\n  visible: boolean;\n  preferredPosition?: \"top\" | \"bottom\" | \"left\" | \"right\";\n};\n\nconst Tooltip: React.FC<TooltipProps> = ({\n  targetRef,\n  content,\n  visible,\n  preferredPosition = \"bottom\",\n}) => {\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const arrowRef = useRef<HTMLDivElement>(null);\n  const tooltipId = useId();\n  const [coords, setCoords] = useState({ top: 0, left: 0 });\n  const [finalPosition, setFinalPosition] =\n    useState<TooltipPosition>(preferredPosition);\n  const breakpoint = useBreakpoint();\n  const isMobile = breakpoint === \"mobile\";\n\n  useTooltipRelationship(targetRef, tooltipId, visible);\n\n  const updatePosition = useCallback(() => {\n    if (!targetRef.current || !tooltipRef.current) return;\n\n    const target = targetRef.current.getBoundingClientRect();\n    const tooltip = tooltipRef.current.getBoundingClientRect();\n\n    if (isMobile) {\n      setCoords({\n        top: Math.max(8, (window.innerHeight - tooltip.height) / 2),\n        left: Math.max(8, (window.innerWidth - tooltip.width) / 2),\n      });\n      setFinalPosition(\"bottom\");\n      return;\n    }\n\n    const nextPosition = calculateTooltipPosition({\n      target,\n      tooltip,\n      preferred: preferredPosition,\n      viewportWidth: window.innerWidth,\n      viewportHeight: window.innerHeight,\n    });\n    setCoords({ top: nextPosition.top, left: nextPosition.left });\n    setFinalPosition(nextPosition.position);\n  }, [isMobile, preferredPosition, targetRef]);\n\n  useLayoutEffect(() => {\n    if (!visible) return;\n    updatePosition();\n\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [content, updatePosition, visible]);\n\n  useLayoutEffect(() => {\n    if (\n      !arrowRef.current ||\n      isMobile ||\n      !targetRef.current ||\n      !tooltipRef.current\n    ) {\n      return;\n    }\n\n    const arrow = arrowRef.current;\n    const tooltip = tooltipRef.current;\n    const rect = targetRef.current.getBoundingClientRect();\n    const horizontalCenter = Math.min(\n      Math.max(rect.left + rect.width / 2 - coords.left - 6, 8),\n      Math.max(8, tooltip.offsetWidth - 20),\n    );\n    const verticalCenter = Math.min(\n      Math.max(rect.top + rect.height / 2 - coords.top - 6, 8),\n      Math.max(8, tooltip.offsetHeight - 20),\n    );\n\n    arrow.style.top = \"\";\n    arrow.style.bottom = \"\";\n    arrow.style.left = \"\";\n    arrow.style.right = \"\";\n\n    if (finalPosition === \"bottom\") {\n      arrow.style.top = \"-6px\";\n      arrow.style.left = `${horizontalCenter}px`;\n      return;\n    }\n\n    if (finalPosition === \"top\") {\n      arrow.style.bottom = \"-6px\";\n      arrow.style.left = `${horizontalCenter}px`;\n      return;\n    }\n\n    if (finalPosition === \"right\") {\n      arrow.style.left = \"-6px\";\n      arrow.style.top = `${verticalCenter}px`;\n      return;\n    }\n\n    arrow.style.right = \"-6px\";\n    arrow.style.top = `${verticalCenter}px`;\n  }, [coords, finalPosition, isMobile, targetRef, visible]);\n\n  useEffect(() => {\n    if (!visible) return;\n\n    tooltipRef.current?.animate([{ opacity: 0 }, { opacity: 1 }], {\n      duration: 150,\n      easing: \"ease-out\",\n    });\n  }, [visible]);\n\n  if (typeof window === \"undefined\") return null;\n\n  return ReactDOM.createPortal(\n    visible ? (\n      <div\n        id={tooltipId}\n        ref={tooltipRef}\n        role=\"tooltip\"\n        style={{ top: coords.top, left: coords.left }}\n        className={`fixed ${getFloatingLayerClass(targetRef.current, \"tooltip\")} max-h-[calc(100dvh-1rem)] overflow-y-auto overscroll-contain break-words whitespace-normal rounded-sm bg-surface-tooltip px-3 py-2 text-sm text-content-inverse shadow-lg ${\n          isMobile ? \"w-[90vw] max-w-[90vw]\" : \"w-max max-w-sm\"\n        }`}\n      >\n        {content}\n\n        {/* Setinha só no desktop */}\n        {!isMobile && (\n          <>\n            {finalPosition === \"bottom\" && (\n              <div\n                ref={arrowRef}\n                className=\"absolute h-0 w-0 border-b-[6px] border-l-[6px] border-r-[6px] border-b-surface-tooltip border-l-transparent border-r-transparent\"\n              />\n            )}\n            {finalPosition === \"top\" && (\n              <div\n                ref={arrowRef}\n                className=\"absolute h-0 w-0 border-l-[6px] border-r-[6px] border-t-[6px] border-l-transparent border-r-transparent border-t-surface-tooltip\"\n              />\n            )}\n            {finalPosition === \"right\" && (\n              <div\n                ref={arrowRef}\n                className=\"absolute h-0 w-0 border-b-[6px] border-r-[6px] border-t-[6px] border-b-transparent border-r-surface-tooltip border-t-transparent\"\n              />\n            )}\n            {finalPosition === \"left\" && (\n              <div\n                ref={arrowRef}\n                className=\"absolute h-0 w-0 border-b-[6px] border-l-[6px] border-t-[6px] border-b-transparent border-l-surface-tooltip border-t-transparent\"\n              />\n            )}\n          </>\n        )}\n      </div>\n    ) : null,\n    document.body,\n  );\n};\n\nexport default Tooltip;\n\n\n","export type TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\n\ntype Rect = {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\ntype Size = {\n  width: number;\n  height: number;\n};\n\ntype CalculateTooltipPositionParams = {\n  target: Rect;\n  tooltip: Size;\n  preferred: TooltipPosition;\n  viewportWidth: number;\n  viewportHeight: number;\n  gap?: number;\n  margin?: number;\n};\n\ntype TooltipCoordinates = {\n  top: number;\n  left: number;\n  position: TooltipPosition;\n};\n\nconst OPPOSITE_POSITION: Record<TooltipPosition, TooltipPosition> = {\n  top: \"bottom\",\n  bottom: \"top\",\n  left: \"right\",\n  right: \"left\",\n};\n\nfunction coordinatesFor(\n  target: Rect,\n  tooltip: Size,\n  position: TooltipPosition,\n  gap: number,\n) {\n  if (position === \"top\") {\n    return {\n      top: target.top - tooltip.height - gap,\n      left: target.left + target.width / 2 - tooltip.width / 2,\n    };\n  }\n  if (position === \"bottom\") {\n    return {\n      top: target.bottom + gap,\n      left: target.left + target.width / 2 - tooltip.width / 2,\n    };\n  }\n  if (position === \"left\") {\n    return {\n      top: target.top + target.height / 2 - tooltip.height / 2,\n      left: target.left - tooltip.width - gap,\n    };\n  }\n  return {\n    top: target.top + target.height / 2 - tooltip.height / 2,\n    left: target.right + gap,\n  };\n}\n\nfunction fitsViewport(\n  coordinates: { top: number; left: number },\n  tooltip: Size,\n  viewportWidth: number,\n  viewportHeight: number,\n  margin: number,\n) {\n  return (\n    coordinates.top >= margin &&\n    coordinates.left >= margin &&\n    coordinates.top + tooltip.height <= viewportHeight - margin &&\n    coordinates.left + tooltip.width <= viewportWidth - margin\n  );\n}\n\nfunction clamp(value: number, minimum: number, maximum: number) {\n  return Math.min(Math.max(value, minimum), Math.max(minimum, maximum));\n}\n\nexport function calculateTooltipPosition({\n  target,\n  tooltip,\n  preferred,\n  viewportWidth,\n  viewportHeight,\n  gap = 8,\n  margin = 8,\n}: CalculateTooltipPositionParams): TooltipCoordinates {\n  const positions = [\n    preferred,\n    OPPOSITE_POSITION[preferred],\n    \"bottom\",\n    \"top\",\n    \"right\",\n    \"left\",\n  ].filter(\n    (position, index, values): position is TooltipPosition =>\n      values.indexOf(position) === index,\n  );\n\n  for (const position of positions) {\n    const coordinates = coordinatesFor(target, tooltip, position, gap);\n    if (\n      fitsViewport(\n        coordinates,\n        tooltip,\n        viewportWidth,\n        viewportHeight,\n        margin,\n      )\n    ) {\n      return { ...coordinates, position };\n    }\n  }\n\n  const fallback = coordinatesFor(target, tooltip, preferred, gap);\n  return {\n    top: clamp(fallback.top, margin, viewportHeight - tooltip.height - margin),\n    left: clamp(fallback.left, margin, viewportWidth - tooltip.width - margin),\n    position: preferred,\n  };\n}\n\n","\"use client\";\n\nimport { useEffect, type RefObject } from \"react\";\nimport { mergeAriaDescribedBy } from \"../../utils/accessibility\";\n\nexport function useTooltipRelationship(\n  targetRef: RefObject<HTMLElement | null> | undefined,\n  tooltipId: string,\n  visible: boolean,\n) {\n  useEffect(() => {\n    const target = targetRef?.current;\n    if (!target || !visible) return;\n\n    const previousDescription = target.getAttribute(\"aria-describedby\");\n    target.setAttribute(\n      \"aria-describedby\",\n      mergeAriaDescribedBy(previousDescription, tooltipId) ?? tooltipId,\n    );\n\n    return () => {\n      if (previousDescription) {\n        target.setAttribute(\"aria-describedby\", previousDescription);\n      } else {\n        target.removeAttribute(\"aria-describedby\");\n      }\n    };\n  }, [targetRef, tooltipId, visible]);\n}\n\n\n","export function mergeAriaDescribedBy(\n  ...values: Array<string | null | undefined>\n) {\n  const identifiers = values\n    .flatMap((value) => value?.trim().split(/\\s+/) ?? [])\n    .filter(Boolean);\n\n  return identifiers.length > 0\n    ? Array.from(new Set(identifiers)).join(\" \")\n    : undefined;\n}\n","export type FloatingLayer = \"popover\" | \"tooltip\";\n\nexport function getFloatingLayerClass(\n  trigger: HTMLElement | null | undefined,\n  layer: FloatingLayer,\n) {\n  if (trigger?.closest('[role=\"dialog\"][aria-modal=\"true\"]')) {\n    return \"z-modal-overlay\";\n  }\n\n  return layer === \"popover\" ? \"z-popover\" : \"z-tooltip\";\n}\n"],"mappings":"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","names":["useEffect","useEffect"]}
+{"version":3,"sources":["../src/hooks/useBreakpoint.tsx","../src/components/tooltip/Tooltip.tsx","../src/components/tooltip/calculate-tooltip-position.ts","../src/components/tooltip/use-tooltip-relationship.ts","../src/utils/accessibility.ts","../src/utils/floating-layer.ts"],"sourcesContent":["\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\nexport const breakpoints = {\n  mobile: 640,\n  tablet: 1024,\n  desktop: 1440,\n  tv: 1920,\n};\n\nexport type Breakpoint = keyof typeof breakpoints;\n\nexport function getBreakpoint(width: number): Breakpoint {\n  const entries = Object.entries(breakpoints) as [Breakpoint, number][];\n  return entries.reduce<Breakpoint>(\n    (previous, [name, minimumWidth]) =>\n      width >= minimumWidth ? name : previous,\n    \"mobile\",\n  );\n}\n\nfunction subscribe(onStoreChange: () => void) {\n  window.addEventListener(\"resize\", onStoreChange);\n  return () => window.removeEventListener(\"resize\", onStoreChange);\n}\n\nfunction getSnapshot() {\n  return getBreakpoint(window.innerWidth);\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return \"mobile\";\n}\n\nexport const useBreakpoint = (): Breakpoint =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n","\"use client\";\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\nimport React, {\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {\n  calculateTooltipPosition,\n  type TooltipPosition,\n} from \"./calculate-tooltip-position\";\nimport { useTooltipRelationship } from \"./use-tooltip-relationship\";\nimport { getFloatingLayerClass } from \"../../utils/floating-layer\";\n\nexport type TooltipProps = {\n  targetRef: React.RefObject<HTMLElement | null>;\n  content: React.ReactNode;\n  visible: boolean;\n  preferredPosition?: \"top\" | \"bottom\" | \"left\" | \"right\";\n};\n\nconst Tooltip: React.FC<TooltipProps> = ({\n  targetRef,\n  content,\n  visible,\n  preferredPosition = \"bottom\",\n}) => {\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const arrowRef = useRef<HTMLDivElement>(null);\n  const tooltipId = useId();\n  const [coords, setCoords] = useState({ top: 0, left: 0 });\n  const [finalPosition, setFinalPosition] =\n    useState<TooltipPosition>(preferredPosition);\n  const breakpoint = useBreakpoint();\n  const isMobile = breakpoint === \"mobile\";\n\n  useTooltipRelationship(targetRef, tooltipId, visible);\n\n  const updatePosition = useCallback(() => {\n    if (!targetRef.current || !tooltipRef.current) return;\n\n    const target = targetRef.current.getBoundingClientRect();\n    const tooltip = tooltipRef.current.getBoundingClientRect();\n\n    if (isMobile) {\n      setCoords({\n        top: Math.max(8, (window.innerHeight - tooltip.height) / 2),\n        left: Math.max(8, (window.innerWidth - tooltip.width) / 2),\n      });\n      setFinalPosition(\"bottom\");\n      return;\n    }\n\n    const nextPosition = calculateTooltipPosition({\n      target,\n      tooltip,\n      preferred: preferredPosition,\n      viewportWidth: window.innerWidth,\n      viewportHeight: window.innerHeight,\n    });\n    setCoords({ top: nextPosition.top, left: nextPosition.left });\n    setFinalPosition(nextPosition.position);\n  }, [isMobile, preferredPosition, targetRef]);\n\n  useLayoutEffect(() => {\n    if (!visible) return;\n    updatePosition();\n\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [content, updatePosition, visible]);\n\n  useLayoutEffect(() => {\n    if (\n      !arrowRef.current ||\n      isMobile ||\n      !targetRef.current ||\n      !tooltipRef.current\n    ) {\n      return;\n    }\n\n    const arrow = arrowRef.current;\n    const tooltip = tooltipRef.current;\n    const rect = targetRef.current.getBoundingClientRect();\n    const horizontalCenter = Math.min(\n      Math.max(rect.left + rect.width / 2 - coords.left - 6, 8),\n      Math.max(8, tooltip.offsetWidth - 20),\n    );\n    const verticalCenter = Math.min(\n      Math.max(rect.top + rect.height / 2 - coords.top - 6, 8),\n      Math.max(8, tooltip.offsetHeight - 20),\n    );\n\n    arrow.style.top = \"\";\n    arrow.style.bottom = \"\";\n    arrow.style.left = \"\";\n    arrow.style.right = \"\";\n\n    if (finalPosition === \"bottom\") {\n      arrow.style.top = \"-6px\";\n      arrow.style.left = `${horizontalCenter}px`;\n      return;\n    }\n\n    if (finalPosition === \"top\") {\n      arrow.style.bottom = \"-6px\";\n      arrow.style.left = `${horizontalCenter}px`;\n      return;\n    }\n\n    if (finalPosition === \"right\") {\n      arrow.style.left = \"-6px\";\n      arrow.style.top = `${verticalCenter}px`;\n      return;\n    }\n\n    arrow.style.right = \"-6px\";\n    arrow.style.top = `${verticalCenter}px`;\n  }, [coords, finalPosition, isMobile, targetRef, visible]);\n\n  useEffect(() => {\n    if (!visible) return;\n\n    tooltipRef.current?.animate([{ opacity: 0 }, { opacity: 1 }], {\n      duration: 150,\n      easing: \"ease-out\",\n    });\n  }, [visible]);\n\n  if (typeof window === \"undefined\") return null;\n\n  return ReactDOM.createPortal(\n    visible ? (\n      <div\n        id={tooltipId}\n        ref={tooltipRef}\n        role=\"tooltip\"\n        style={{ top: coords.top, left: coords.left }}\n        className={`fixed ${getFloatingLayerClass(targetRef.current, \"tooltip\")} max-h-[calc(100dvh-1rem)] overflow-y-auto overscroll-contain break-words whitespace-normal rounded-sm bg-surface-tooltip px-3 py-2 text-sm text-content-inverse shadow-lg ${\n          isMobile ? \"w-[90vw] max-w-[90vw]\" : \"w-max max-w-sm\"\n        }`}\n      >\n        {content}\n\n        {/* Setinha só no desktop */}\n        {!isMobile && (\n          <>\n            {finalPosition === \"bottom\" && (\n              <div\n                ref={arrowRef}\n                className=\"absolute h-0 w-0 border-b-[6px] border-l-[6px] border-r-[6px] border-b-surface-tooltip border-l-transparent border-r-transparent\"\n              />\n            )}\n            {finalPosition === \"top\" && (\n              <div\n                ref={arrowRef}\n                className=\"absolute h-0 w-0 border-l-[6px] border-r-[6px] border-t-[6px] border-l-transparent border-r-transparent border-t-surface-tooltip\"\n              />\n            )}\n            {finalPosition === \"right\" && (\n              <div\n                ref={arrowRef}\n                className=\"absolute h-0 w-0 border-b-[6px] border-r-[6px] border-t-[6px] border-b-transparent border-r-surface-tooltip border-t-transparent\"\n              />\n            )}\n            {finalPosition === \"left\" && (\n              <div\n                ref={arrowRef}\n                className=\"absolute h-0 w-0 border-b-[6px] border-l-[6px] border-t-[6px] border-b-transparent border-l-surface-tooltip border-t-transparent\"\n              />\n            )}\n          </>\n        )}\n      </div>\n    ) : null,\n    document.body,\n  );\n};\n\nexport default Tooltip;\n\n\n","export type TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\n\ntype Rect = {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\ntype Size = {\n  width: number;\n  height: number;\n};\n\ntype CalculateTooltipPositionParams = {\n  target: Rect;\n  tooltip: Size;\n  preferred: TooltipPosition;\n  viewportWidth: number;\n  viewportHeight: number;\n  gap?: number;\n  margin?: number;\n};\n\ntype TooltipCoordinates = {\n  top: number;\n  left: number;\n  position: TooltipPosition;\n};\n\nconst OPPOSITE_POSITION: Record<TooltipPosition, TooltipPosition> = {\n  top: \"bottom\",\n  bottom: \"top\",\n  left: \"right\",\n  right: \"left\",\n};\n\nfunction coordinatesFor(\n  target: Rect,\n  tooltip: Size,\n  position: TooltipPosition,\n  gap: number,\n) {\n  if (position === \"top\") {\n    return {\n      top: target.top - tooltip.height - gap,\n      left: target.left + target.width / 2 - tooltip.width / 2,\n    };\n  }\n  if (position === \"bottom\") {\n    return {\n      top: target.bottom + gap,\n      left: target.left + target.width / 2 - tooltip.width / 2,\n    };\n  }\n  if (position === \"left\") {\n    return {\n      top: target.top + target.height / 2 - tooltip.height / 2,\n      left: target.left - tooltip.width - gap,\n    };\n  }\n  return {\n    top: target.top + target.height / 2 - tooltip.height / 2,\n    left: target.right + gap,\n  };\n}\n\nfunction fitsViewport(\n  coordinates: { top: number; left: number },\n  tooltip: Size,\n  viewportWidth: number,\n  viewportHeight: number,\n  margin: number,\n) {\n  return (\n    coordinates.top >= margin &&\n    coordinates.left >= margin &&\n    coordinates.top + tooltip.height <= viewportHeight - margin &&\n    coordinates.left + tooltip.width <= viewportWidth - margin\n  );\n}\n\nfunction clamp(value: number, minimum: number, maximum: number) {\n  return Math.min(Math.max(value, minimum), Math.max(minimum, maximum));\n}\n\nexport function calculateTooltipPosition({\n  target,\n  tooltip,\n  preferred,\n  viewportWidth,\n  viewportHeight,\n  gap = 8,\n  margin = 8,\n}: CalculateTooltipPositionParams): TooltipCoordinates {\n  const positions = [\n    preferred,\n    OPPOSITE_POSITION[preferred],\n    \"bottom\",\n    \"top\",\n    \"right\",\n    \"left\",\n  ].filter(\n    (position, index, values): position is TooltipPosition =>\n      values.indexOf(position) === index,\n  );\n\n  for (const position of positions) {\n    const coordinates = coordinatesFor(target, tooltip, position, gap);\n    if (\n      fitsViewport(\n        coordinates,\n        tooltip,\n        viewportWidth,\n        viewportHeight,\n        margin,\n      )\n    ) {\n      return { ...coordinates, position };\n    }\n  }\n\n  const fallback = coordinatesFor(target, tooltip, preferred, gap);\n  return {\n    top: clamp(fallback.top, margin, viewportHeight - tooltip.height - margin),\n    left: clamp(fallback.left, margin, viewportWidth - tooltip.width - margin),\n    position: preferred,\n  };\n}\n\n","\"use client\";\n\nimport { useEffect, type RefObject } from \"react\";\nimport { mergeAriaDescribedBy } from \"../../utils/accessibility\";\n\nexport function useTooltipRelationship(\n  targetRef: RefObject<HTMLElement | null> | undefined,\n  tooltipId: string,\n  visible: boolean,\n) {\n  useEffect(() => {\n    const target = targetRef?.current;\n    if (!target || !visible) return;\n\n    const previousDescription = target.getAttribute(\"aria-describedby\");\n    target.setAttribute(\n      \"aria-describedby\",\n      mergeAriaDescribedBy(previousDescription, tooltipId) ?? tooltipId,\n    );\n\n    return () => {\n      if (previousDescription) {\n        target.setAttribute(\"aria-describedby\", previousDescription);\n      } else {\n        target.removeAttribute(\"aria-describedby\");\n      }\n    };\n  }, [targetRef, tooltipId, visible]);\n}\n\n\n","export function mergeAriaDescribedBy(\n  ...values: Array<string | null | undefined>\n) {\n  const identifiers = values\n    .flatMap((value) => value?.trim().split(/\\s+/) ?? [])\n    .filter(Boolean);\n\n  return identifiers.length > 0\n    ? Array.from(new Set(identifiers)).join(\" \")\n    : undefined;\n}\n","export type FloatingLayer = \"popover\" | \"tooltip\";\n\nexport function getFloatingLayerClass(\n  trigger: HTMLElement | null | undefined,\n  layer: FloatingLayer,\n) {\n  if (trigger?.closest('[role=\"dialog\"][aria-modal=\"true\"]')) {\n    return \"z-modal-overlay\";\n  }\n\n  return layer === \"popover\" ? \"z-popover\" : \"z-tooltip\";\n}\n"],"mappings":"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","names":["useEffect","useEffect"]}

package/dist/{chunk-7JI5637G.js → chunk-YIUITJ4V.js}

@@ -1,9 +1,3 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
 // src/components/barcode/barcode.tsx
 import JsBarcode from "jsbarcode";
 import { useEffect, useRef } from "react";
@@ -47,7 +41,7 @@ function BoletoBarCode({ linhaDigitavel }) {
 
 // src/components/file-upload/validation.ts
 function acceptsFile(file, accept) {
-  if (!(accept == null ? void 0 : accept.trim())) return true;
+  if (!accept?.trim()) return true;
   return accept.split(",").map((item) => item.trim().toLowerCase()).some((rule) => {
     if (rule.endsWith("/*")) return file.type.toLowerCase().startsWith(rule.slice(0, -1));
     if (rule.startsWith(".")) return file.name.toLowerCase().endsWith(rule);
@@ -108,7 +102,7 @@ function FileDropzone({
   onFilesRejected
 }) {
   const generatedInputId = useId();
-  const inputId = id != null ? id : generatedInputId;
+  const inputId = id ?? generatedInputId;
   const messageId = `${inputId}-message`;
   const inputRef = useRef2(null);
   const [isDragging, setIsDragging] = useState(false);
@@ -122,8 +116,8 @@ function FileDropzone({
       multiple
     });
     setRejectionMessage(rejected.length ? rejected.map((item) => item.message).join(" ") : void 0);
-    if (accepted.length) onFilesAccepted == null ? void 0 : onFilesAccepted(accepted);
-    if (rejected.length) onFilesRejected == null ? void 0 : onFilesRejected(rejected);
+    if (accepted.length) onFilesAccepted?.(accepted);
+    if (rejected.length) onFilesRejected?.(rejected);
   };
   const handleInputChange = (event) => {
     if (event.target.files) processFiles(event.target.files);
@@ -232,10 +226,7 @@ var FileUploadProgress_default = FileUploadProgress;
 import classNames3 from "classnames";
 import { MdClose, MdRefresh } from "react-icons/md";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var fileId = (item, index) => {
-  var _a;
-  return (_a = item.id) != null ? _a : `${item.file.name}-${item.file.size}-${item.file.lastModified}-${index}`;
-};
+var fileId = (item, index) => item.id ?? `${item.file.name}-${item.file.size}-${item.file.lastModified}-${index}`;
 var statusDescription = (status) => {
   if (status === "uploading") return "Enviando";
   if (status === "success") return "Enviado";
@@ -244,8 +235,7 @@ var statusDescription = (status) => {
 };
 function FileList({ files, accessibleName = "Arquivos selecionados", onRemove, onRetry, className }) {
   return /* @__PURE__ */ jsx4("ul", { "aria-label": accessibleName, className: classNames3("w-full space-y-2", className), children: files.map((item, index) => {
-    var _a;
-    const status = (_a = item.status) != null ? _a : "pending";
+    const status = item.status ?? "pending";
     const progressStatus = status === "pending" ? "idle" : status;
     return /* @__PURE__ */ jsxs4("li", { "aria-busy": status === "uploading" || void 0, className: "flex min-w-0 flex-wrap items-center gap-3 rounded-sm border border-border-default bg-surface-card p-3", children: [
       /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
@@ -275,13 +265,12 @@ import classNames4 from "classnames";
 import { useEffect as useEffect2, useRef as useRef3, useState as useState2 } from "react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var extensionType = (fileName) => {
-  var _a;
-  const extension = (_a = fileName == null ? void 0 : fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  const extension = fileName?.split(".").pop()?.toLowerCase();
   if (extension === "pdf") return "application/pdf";
-  if (["png", "jpg", "jpeg", "gif", "webp", "svg"].includes(extension != null ? extension : "")) {
+  if (["png", "jpg", "jpeg", "gif", "webp", "svg"].includes(extension ?? "")) {
     return `image/${extension === "jpg" ? "jpeg" : extension}`;
   }
-  if (["txt", "csv", "json", "xml", "md"].includes(extension != null ? extension : "")) return "text/plain";
+  if (["txt", "csv", "json", "xml", "md"].includes(extension ?? "")) return "text/plain";
   return "application/octet-stream";
 };
 var normalizeContentType = (contentType) => contentType.split(";", 1)[0].trim().toLowerCase();
@@ -296,7 +285,7 @@ function FileViewer({
   onError,
   onDownload,
   fallback,
-  title = fileName != null ? fileName : "Visualiza\xE7\xE3o do arquivo",
+  title = fileName ?? "Visualiza\xE7\xE3o do arquivo",
   className
 }) {
   const [objectUrl, setObjectUrl] = useState2();
@@ -305,13 +294,13 @@ function FileViewer({
   const onLoadRef = useRef3(onLoad);
   const onErrorRef = useRef3(onError);
   const resolved = typeof source === "object" && source !== null && !(source instanceof Blob) ? source : void 0;
-  const blob = source instanceof Blob ? source : resolved == null ? void 0 : resolved.blob;
-  const url = typeof source === "string" ? source : resolved == null ? void 0 : resolved.url;
-  const resolvedName = fileName != null ? fileName : resolved == null ? void 0 : resolved.fileName;
-  const rawType = (contentType == null ? void 0 : contentType.trim()) || (resolved == null ? void 0 : resolved.contentType) || (blob == null ? void 0 : blob.type) || extensionType(resolvedName);
+  const blob = source instanceof Blob ? source : resolved?.blob;
+  const url = typeof source === "string" ? source : resolved?.url;
+  const resolvedName = fileName ?? resolved?.fileName;
+  const rawType = contentType?.trim() || resolved?.contentType || blob?.type || extensionType(resolvedName);
   const resolvedType = normalizeContentType(rawType);
   const isText = resolvedType.startsWith("text/") || resolvedType === "application/json";
-  const displayError = error != null ? error : readError == null ? void 0 : readError.message;
+  const displayError = error ?? readError?.message;
   useEffect2(() => {
     onLoadRef.current = onLoad;
   }, [onLoad]);
@@ -319,7 +308,6 @@ function FileViewer({
     onErrorRef.current = onError;
   }, [onError]);
   useEffect2(() => {
-    var _a;
     let active = true;
     setReadError(null);
     setTextContent(void 0);
@@ -336,23 +324,21 @@ function FileViewer({
     } catch (cause) {
       const nextError = toError(cause);
       setReadError(nextError);
-      (_a = onErrorRef.current) == null ? void 0 : _a.call(onErrorRef, nextError);
+      onErrorRef.current?.(nextError);
       return () => {
         active = false;
       };
     }
     if (isText) {
       blob.text().then((text) => {
-        var _a2;
         if (!active) return;
         setTextContent(text);
-        (_a2 = onLoadRef.current) == null ? void 0 : _a2.call(onLoadRef);
+        onLoadRef.current?.();
       }).catch((cause) => {
-        var _a2;
         if (!active) return;
         const nextError = toError(cause);
         setReadError(nextError);
-        (_a2 = onErrorRef.current) == null ? void 0 : _a2.call(onErrorRef, nextError);
+        onErrorRef.current?.(nextError);
       });
     }
     return () => {
@@ -361,15 +347,11 @@ function FileViewer({
     };
   }, [blob, isText]);
   const handleMediaError = () => {
-    var _a;
     const nextError = new Error("N\xE3o foi poss\xEDvel carregar a visualiza\xE7\xE3o do arquivo.");
     setReadError(nextError);
-    (_a = onErrorRef.current) == null ? void 0 : _a.call(onErrorRef, nextError);
-  };
-  const handleLoad = () => {
-    var _a;
-    return (_a = onLoadRef.current) == null ? void 0 : _a.call(onLoadRef);
+    onErrorRef.current?.(nextError);
   };
+  const handleLoad = () => onLoadRef.current?.();
   if (loading) {
     return /* @__PURE__ */ jsx5(
       "div",
@@ -385,7 +367,7 @@ function FileViewer({
   if (displayError) {
     return /* @__PURE__ */ jsx5("div", { className: classNames4("rounded-sm border border-field-border-error bg-surface-card p-4 text-field-assistive-error", className), role: "alert", children: displayError });
   }
-  const displayUrl = objectUrl != null ? objectUrl : url;
+  const displayUrl = objectUrl ?? url;
   if (!displayUrl && !textContent) {
     return /* @__PURE__ */ jsx5(
       "div",
@@ -393,7 +375,7 @@ function FileViewer({
         className: classNames4("rounded-sm border border-border-default bg-surface-card p-4 text-content-secondary", className),
         role: "region",
         "aria-label": title,
-        children: fallback != null ? fallback : "Arquivo indispon\xEDvel."
+        children: fallback ?? "Arquivo indispon\xEDvel."
       }
     );
   }
@@ -408,7 +390,7 @@ function FileViewer({
         resolvedType.startsWith("image/") && displayUrl && /* @__PURE__ */ jsx5("img", { src: displayUrl, alt: title, onLoad: handleLoad, onError: handleMediaError, className: "max-h-[70vh] max-w-full object-contain" }),
         resolvedType === "application/pdf" && displayUrl && /* @__PURE__ */ jsx5("iframe", { src: displayUrl, title, onLoad: handleLoad, onError: handleMediaError, sandbox: "", className: "min-h-[32rem] w-full border-0" }),
         isText && (textContent !== void 0 ? /* @__PURE__ */ jsx5("pre", { className: "max-h-[70vh] overflow-auto whitespace-pre-wrap break-words text-sm text-content-primary", children: textContent }) : displayUrl && /* @__PURE__ */ jsx5("iframe", { src: displayUrl, title, onLoad: handleLoad, onError: handleMediaError, sandbox: "", className: "min-h-64 w-full border-0" })),
-        !resolvedType.startsWith("image/") && resolvedType !== "application/pdf" && !isText && (fallback != null ? fallback : /* @__PURE__ */ jsx5("p", { className: "text-content-secondary", children: "Este tipo de arquivo n\xE3o possui visualiza\xE7\xE3o dispon\xEDvel." })),
+        !resolvedType.startsWith("image/") && resolvedType !== "application/pdf" && !isText && (fallback ?? /* @__PURE__ */ jsx5("p", { className: "text-content-secondary", children: "Este tipo de arquivo n\xE3o possui visualiza\xE7\xE3o dispon\xEDvel." })),
         download && /* @__PURE__ */ jsx5("div", { className: "flex justify-end", children: download })
       ]
     }
@@ -439,47 +421,33 @@ function resolveAccessibleColors(fgColor, bgColor) {
   const contrastRatio = (lighter + 0.05) / (darker + 0.05);
   return contrastRatio >= 3 ? { dark: fgColor, light: bgColor } : { dark: "#000000", light: "#FFFFFF" };
 }
-function QRCode(_a) {
-  var _b = _a, {
-    value,
-    size = 192,
-    level = "M",
-    includeMargin = true,
-    fgColor = "#000000",
-    bgColor = "#FFFFFF",
-    ariaLabel = "C\xF3digo QR",
-    description,
-    loading = false,
-    error,
-    onError,
-    className
-  } = _b, rest = __objRest(_b, [
-    "value",
-    "size",
-    "level",
-    "includeMargin",
-    "fgColor",
-    "bgColor",
-    "ariaLabel",
-    "description",
-    "loading",
-    "error",
-    "onError",
-    "className"
-  ]);
-  var _a2;
+function QRCode({
+  value,
+  size = 192,
+  level = "M",
+  includeMargin = true,
+  fgColor = "#000000",
+  bgColor = "#FFFFFF",
+  ariaLabel = "C\xF3digo QR",
+  description,
+  loading = false,
+  error,
+  onError,
+  className,
+  ...rest
+}) {
   const [dataUrl, setDataUrl] = useState3(null);
   const [generationError, setGenerationError] = useState3(null);
   const onErrorRef = useRef4(onError);
   const generatedId = useId2();
   const resolvedSize = Math.max(1, Number.isFinite(size) ? Math.floor(size) : 192);
-  const descriptionId = description ? `${(_a2 = rest.id) != null ? _a2 : generatedId}-description` : void 0;
+  const descriptionId = description ? `${rest.id ?? generatedId}-description` : void 0;
   const colors = useMemo(
     () => resolveAccessibleColors(fgColor, bgColor),
     [bgColor, fgColor]
   );
   const describedBy = [rest["aria-describedby"], descriptionId].filter(Boolean).join(" ") || void 0;
-  const displayError = error != null ? error : generationError == null ? void 0 : generationError.message;
+  const displayError = error ?? generationError?.message;
   const isLoading = loading || !dataUrl && !displayError;
   useEffect3(() => {
     onErrorRef.current = onError;
@@ -503,12 +471,11 @@ function QRCode(_a) {
     }).then((url) => {
       if (active) setDataUrl(url);
     }).catch((cause) => {
-      var _a3;
       if (!active) return;
       const nextError = cause instanceof Error ? cause : new Error("N\xE3o foi poss\xEDvel gerar o c\xF3digo QR.");
       setDataUrl(null);
       setGenerationError(nextError);
-      (_a3 = onErrorRef.current) == null ? void 0 : _a3.call(onErrorRef, nextError);
+      onErrorRef.current?.(nextError);
     });
     return () => {
       active = false;
@@ -516,7 +483,8 @@ function QRCode(_a) {
   }, [colors, error, includeMargin, level, resolvedSize, value]);
   return /* @__PURE__ */ jsxs6(
     "div",
-    __spreadProps(__spreadValues({}, rest), {
+    {
+      ...rest,
       role: "img",
       "aria-label": ariaLabel,
       "aria-describedby": describedBy,
@@ -534,7 +502,7 @@ function QRCode(_a) {
         ),
         description && /* @__PURE__ */ jsx6("span", { id: descriptionId, className: "sr-only", children: description })
       ]
-    })
+    }
   );
 }
 var QRCode_default = QRCode;
@@ -548,4 +516,4 @@ export {
   FileViewer_default,
   QRCode_default
 };
-//# sourceMappingURL=chunk-7JI5637G.js.map
+//# sourceMappingURL=chunk-YIUITJ4V.js.map