@aspprev/versi-ds 0.1.0 → 0.1.1

package/dist/{chunk-OWXG2A4N.js → chunk-ATWH3MA6.js}

@@ -74,4 +74,4 @@ function DocumentItem(_a) {
 export {
   DocumentItem
 };
-//# sourceMappingURL=chunk-OWXG2A4N.js.map
+//# sourceMappingURL=chunk-ATWH3MA6.js.map

package/dist/chunk-ATWH3MA6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/document-item/DocumentItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nexport interface DocumentItemDetail {\n  label: ReactNode;\n  value: ReactNode;\n}\n\nexport interface DocumentItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  label?: ReactNode;\n  description?: ReactNode;\n  details?: DocumentItemDetail[];\n  status?: ReactNode;\n  actions?: ReactNode;\n  illustration?: ReactNode;\n  variant?: \"plain\" | \"subtle\";\n  titleClassName?: string;\n}\n\nexport function DocumentItem({\n  title,\n  label,\n  description,\n  details = [],\n  status,\n  actions,\n  illustration,\n  variant = \"plain\",\n  titleClassName,\n  className,\n  ...rest\n}: DocumentItemProps) {\n  return (\n    <div\n      className={classNames(\n        \"flex min-w-0 flex-col gap-4 rounded-md tablet:flex-row tablet:items-center tablet:justify-between\",\n        variant === \"subtle\" && \"bg-surface-subtle p-4 tablet:p-5\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"min-w-0 flex-1 space-y-3\">\n        <div className=\"min-w-0\">\n          {label && (\n            <p className=\"text-sm text-content-secondary\">{label}</p>\n          )}\n          <p\n            className={classNames(\n              \"break-words text-content-primary\",\n              titleClassName,\n            )}\n          >\n            {title}\n          </p>\n          {description && (\n            <div className=\"mt-1 break-words text-sm text-content-secondary\">\n              {description}\n            </div>\n          )}\n        </div>\n\n        {(details.length > 0 || status) && (\n          <div className=\"flex flex-wrap items-start gap-x-8 gap-y-3\">\n            {details.map((detail, index) => (\n              <div key={index} className=\"min-w-0\">\n                <p className=\"text-sm text-content-secondary\">{detail.label}</p>\n                <div className=\"break-words font-semibold text-content-primary\">\n                  {detail.value}\n                </div>\n              </div>\n            ))}\n            {status && <div className=\"min-w-0\">{status}</div>}\n          </div>\n        )}\n      </div>\n\n      {illustration && (\n        <div className=\"hidden shrink-0 desktop:block\" aria-hidden=\"true\">\n          {illustration}\n        </div>\n      )}\n\n      {actions && (\n        <div className=\"flex w-full shrink-0 flex-col gap-2 tablet:w-auto tablet:flex-row tablet:flex-wrap tablet:justify-end\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAAA,OAAO,gBAAgB;AA4Cf,SAEI,KAFJ;AAvBD,SAAS,aAAa,IAYP;AAZO,eAC3B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EA/BF,IAqB6B,IAWxB,iBAXwB,IAWxB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,YAAY;AAAA,QACxB;AAAA,MACF;AAAA,OACI,OANL;AAAA,MAQC;AAAA,6BAAC,SAAI,WAAU,4BACb;AAAA,+BAAC,SAAI,WAAU,WACZ;AAAA,qBACC,oBAAC,OAAE,WAAU,kCAAkC,iBAAM;AAAA,YAEvD;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,YACC,eACC,oBAAC,SAAI,WAAU,mDACZ,uBACH;AAAA,aAEJ;AAAA,WAEE,QAAQ,SAAS,KAAK,WACtB,qBAAC,SAAI,WAAU,8CACZ;AAAA,oBAAQ,IAAI,CAAC,QAAQ,UACpB,qBAAC,SAAgB,WAAU,WACzB;AAAA,kCAAC,OAAE,WAAU,kCAAkC,iBAAO,OAAM;AAAA,cAC5D,oBAAC,SAAI,WAAU,kDACZ,iBAAO,OACV;AAAA,iBAJQ,KAKV,CACD;AAAA,YACA,UAAU,oBAAC,SAAI,WAAU,WAAW,kBAAO;AAAA,aAC9C;AAAA,WAEJ;AAAA,QAEC,gBACC,oBAAC,SAAI,WAAU,iCAAgC,eAAY,QACxD,wBACH;AAAA,QAGD,WACC,oBAAC,SAAI,WAAU,yGACZ,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/{chunk-CWIPMGCA.js → chunk-CSQXTG32.js}

@@ -311,4 +311,4 @@ export {
   getFloatingLayerClass,
   Tooltip_default
 };
-//# sourceMappingURL=chunk-CWIPMGCA.js.map
+//# sourceMappingURL=chunk-CSQXTG32.js.map

package/dist/chunk-CSQXTG32.js.map

@@ -0,0 +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 { useState, useEffect } from \"react\";\n\nexport const breakpoints = {\n  mobile: 640,\n  tablet: 1024,\n  desktop: 1440,\n  tv: 1920,\n};\n\ntype Breakpoint = keyof typeof breakpoints;\n\nexport const useBreakpoint = (): Breakpoint => {\n  const getBreakpoint = (width: number): Breakpoint => {\n    const entries = Object.entries(breakpoints) as [Breakpoint, number][];\n    return entries.reduce<Breakpoint>(\n      (prev, [key, minWidth]) => (width >= minWidth ? key : prev),\n      \"mobile\"\n    );\n  };\n\n  const [currentBreakpoint, setCurrentBreakpoint] =\n    useState<Breakpoint>(\"mobile\");\n\n  useEffect(() => {\n    const handleResize = () => {\n      const newBreakpoint = getBreakpoint(window.innerWidth);\n      setCurrentBreakpoint(newBreakpoint);\n    };\n\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  return currentBreakpoint;\n};\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","useState","useEffect","useEffect","useState","useEffect"]}

package/dist/{chunk-2ACDV5D5.js → chunk-JSPXVXUY.js}

@@ -557,4 +557,4 @@ export {
   AccessibilityPreferencesPanel,
   HighContrastToggle
 };
-//# sourceMappingURL=chunk-2ACDV5D5.js.map
+//# sourceMappingURL=chunk-JSPXVXUY.js.map

package/dist/chunk-JSPXVXUY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx","../src/components/InputSwitch/InputSwitch.tsx","../src/components/InputSwitch/InputSwitch.style.ts","../src/components/accessibility-preferences/AccessibilityPreferencesPanel.tsx","../src/components/accessibility-preferences/HighContrastToggle.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { Fragment } from \"react\";\nimport {\n  MdCheckCircle,\n  MdCancel,\n  MdDeleteForever,\n  MdOutlineClose,\n  MdDownload,\n  MdSend,\n  MdErrorOutline,\n} from \"react-icons/md\";\nimport {\n  Transition,\n  Dialog,\n  TransitionChild,\n  DialogTitle,\n  DialogPanel,\n} from \"@headlessui/react\";\n\nexport type ModalProps = {\n  children?: React.ReactNode;\n  isOpen: boolean;\n  title?: string;\n  onClose: () => void;\n  showIcon?: boolean;\n  variant?:\n    | \"success\"\n    | \"error\"\n    | \"warning\"\n    | \"delete\"\n    | \"downloading\"\n    | \"sendMessage\";\n  size?: \"small\" | \"medium\" | \"large\" | \"viewer\" | \"full\";\n  className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst modalMaxWidths = {\n  small: \"28rem\",\n  medium: \"42rem\",\n  large: \"56rem\",\n  viewer: \"72rem\",\n  full: \"calc(100vw - 40px)\",\n} as const;\n\nconst Modal = ({\n  children,\n  isOpen,\n  onClose,\n  className,\n  style,\n  title,\n  showIcon = true,\n  variant = \"success\",\n  size = \"small\",\n}: ModalProps) => {\n  const variantStyles = {\n    success: {\n      bgColor: \"bg-feedback-success-soft\",\n      icon: <MdCheckCircle className=\"h-6 w-6 text-feedback-success-content\" />,\n    },\n    error: {\n      bgColor: \"bg-feedback-danger-soft\",\n      icon: <MdCancel className=\"h-6 w-6 text-feedback-danger-content\" />,\n    },\n    warning: {\n      bgColor: \"bg-feedback-warning-soft\",\n      icon: (\n        <MdErrorOutline className=\"h-6 w-6 text-feedback-warning-content\" />\n      ),\n    },\n    downloading: {\n      bgColor: \"bg-feedback-info-soft\",\n      icon: <MdDownload className=\"h-6 w-6 text-feedback-info-content\" />,\n    },\n    delete: {\n      bgColor: \"bg-feedback-info-soft\",\n      icon: <MdDeleteForever className=\"h-6 w-6 text-feedback-info-content\" />,\n    },\n    sendMessage: {\n      bgColor: \"bg-feedback-info-soft\",\n      icon: <MdSend className=\"h-6 w-6 text-feedback-info-content\" />,\n    },\n  };\n\n  const { bgColor, icon } = variantStyles[variant];\n\n  return (\n    <Transition appear show={isOpen} as={Fragment}>\n      <Dialog\n        as=\"div\"\n        className=\"relative z-modal gap-0\"\n        aria-label={title ? undefined : \"Janela de diálogo\"}\n        onClose={onClose}\n      >\n        <TransitionChild\n          as={Fragment}\n          enter=\"ease-out duration-300\"\n          enterFrom=\"opacity-0\"\n          enterTo=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leaveFrom=\"opacity-100\"\n          leaveTo=\"opacity-0\"\n        >\n          <div className=\"fixed inset-0 bg-overlay/50 backdrop-blur-[1px]\" />\n        </TransitionChild>\n        <div className=\"portal-safe-modal fixed inset-0 overflow-y-auto gap-0\">\n          <div className=\"flex min-h-full items-center justify-center p-5 gap-0\">\n            <DialogPanel\n              className={`relative flex max-h-[calc(100dvh-40px)] max-w-[calc(100vw-40px)] flex-col space-y-5 overflow-x-hidden overflow-y-auto rounded-sm bg-surface-card p-5 shadow-md transition-all ${className ?? \"\"}`}\n              style={{\n                ...style,\n                width: \"100%\",\n                maxWidth: modalMaxWidths[size],\n              }}\n            >\n              <div className=\"absolute right-5 top-5 flex items-center justify-end\">\n                <button\n                  type=\"button\"\n                  aria-label=\"Fechar janela\"\n                  onClick={onClose}\n                  className=\"inline-flex h-6 w-6 touch-manipulation items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\n                >\n                  <MdOutlineClose\n                    aria-hidden=\"true\"\n                    size={20}\n                    className=\"text-content-secondary\"\n                  />\n                </button>\n              </div>\n\n              {showIcon && (\n                <div aria-hidden=\"true\" className=\"flex justify-center p-0\">\n                  <div\n                    className={`inline-flex items-center justify-center w-12 h-12 rounded-full ${bgColor}`}\n                  >\n                    {icon}\n                  </div>\n                </div>\n              )}\n\n              <div className=\"space-y-3\">\n                {title && (\n                  <DialogTitle\n                    as=\"h3\"\n                    className=\"text-xl font-extrabold text-center\"\n                  >\n                    {title}\n                  </DialogTitle>\n                )}\n                {children}\n              </div>\n            </DialogPanel>\n          </div>\n        </div>\n      </Dialog>\n    </Transition>\n  );\n};\n\nexport default Modal;\n\n","\"use client\";\n\nimport {\n  Switch as HeadlessSwitch,\n} from \"@headlessui/react\";\nimport React, { useState } from \"react\";\nimport useStyle from \"./InputSwitch.style\";\nimport { MdCheck, MdOutlineClose, MdSunny, MdNightsStay } from \"react-icons/md\";\nimport type { IconType } from \"react-icons\";\n\ntype NativeSwitchProps = {\n  id?: string;\n  name?: string;\n  value?: string;\n  form?: string;\n  autoFocus?: boolean;\n  tabIndex?: number;\n} & (\n  | {\n      \"aria-label\": string;\n      \"aria-labelledby\"?: never;\n    }\n  | {\n      \"aria-label\"?: never;\n      \"aria-labelledby\": string;\n    }\n);\n\nexport type InputSwitchProps = {\n  defaultEnable?: boolean;\n  checked?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"tertiary\" | \"contract\" | \"theme\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  disabled?: boolean;\n  onChange?: (enabled: boolean) => void;\n  icon?: IconType;\n} & NativeSwitchProps;\n\nexport type InputSwitchStyleProps = Pick<\n  InputSwitchProps,\n  \"variant\" | \"disabled\" | \"size\"\n> & {\n  enabled: boolean;\n};\n\nexport type SwitchProps = InputSwitchProps;\n\nconst InputSwitch: React.FC<InputSwitchProps> = ({\n  defaultEnable: enabledByDefault,\n  variant = \"primary\",\n  size = \"md\",\n  disabled,\n  onChange,\n  checked,\n  icon: Icon,\n  ...rest\n}) => {\n  const [enabled, setEnabled] = useState(enabledByDefault ?? false);\n  const resolvedEnabled = typeof checked === \"boolean\" ? checked : enabled;\n  const style = useStyle({\n    variant,\n    enabled: resolvedEnabled,\n    disabled,\n    size,\n  });\n\n  const toggle = () => {\n    const newState = !resolvedEnabled;\n    if (typeof checked !== \"boolean\") {\n      setEnabled(newState);\n    }\n    onChange?.(newState);\n  };\n  return (\n    <HeadlessSwitch\n      checked={resolvedEnabled}\n      onChange={toggle}\n      disabled={disabled ?? false}\n      className={style.Container}\n      {...rest}\n    >\n      {variant !== \"contract\" && variant !== \"theme\" && (\n        <span className={style.Switch}>\n          {Icon && <Icon aria-hidden=\"true\" className={style.Icon} />}\n        </span>\n      )}\n      {variant === \"contract\" && (\n        <span className={style.Switch}>\n          {resolvedEnabled && (\n            <MdCheck className={style.Icon} aria-disabled={disabled} />\n          )}\n          {resolvedEnabled || (\n            <MdOutlineClose className={style.Icon} aria-disabled={disabled} />\n          )}\n        </span>\n      )}\n\n      {variant === \"theme\" && (\n        <span className={style.SwitchTheme}>\n          {resolvedEnabled && (\n            <MdNightsStay\n              className={style.IconTheme}\n              aria-disabled={disabled}\n            />\n          )}\n          {resolvedEnabled || (\n            <MdSunny className={style.IconTheme} aria-disabled={disabled} />\n          )}\n        </span>\n      )}\n    </HeadlessSwitch>\n  );\n};\n\nexport default InputSwitch;\n\n","import { cva } from \"class-variance-authority\";\nimport classNames from \"classnames\";\nimport { InputSwitchProps, InputSwitchStyleProps } from \"./InputSwitch\";\n\nconst SIZE_STYLES: Record<\n  NonNullable<InputSwitchProps[\"size\"]>,\n  {\n    container: string;\n    knob: string;\n    icon: string;\n  }\n> = {\n  sm: {\n    container:\n      \"h-[1rem] w-[1.75rem] [--switch-padding:2px] [--switch-knob-size:0.75rem] [--switch-width:1.75rem]\",\n    knob: \"h-[var(--switch-knob-size)] w-[var(--switch-knob-size)]\",\n    icon: \"h-2 w-2\",\n  },\n  md: {\n    container:\n      \"h-[1.25rem] w-[3rem] [--switch-padding:2px] [--switch-knob-size:1rem] [--switch-width:3rem]\",\n    knob: \"h-[var(--switch-knob-size)] w-[var(--switch-knob-size)]\",\n    icon: \"h-3 w-3\",\n  },\n  lg: {\n    container:\n      \"h-[1.5rem] w-[3.5rem] [--switch-padding:2px] [--switch-knob-size:1.25rem] [--switch-width:3.5rem]\",\n    knob: \"h-[var(--switch-knob-size)] w-[var(--switch-knob-size)]\",\n    icon: \"h-4 w-4\",\n  },\n};\n\nconst getInputSwitchStyles = ({\n  variant,\n  enabled,\n  disabled,\n  size = \"md\",\n}: InputSwitchStyleProps) => {\n  const sizeStyle = SIZE_STYLES[size];\n  const containerVariant = cva(\n    classNames(\n      \"switch-control relative inline-flex shrink-0 items-center rounded-full transition-colors before:absolute before:left-1/2 before:top-1/2 before:h-5 before:w-full before:min-w-5 before:-translate-x-1/2 before:-translate-y-1/2 before:content-[''] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1 disabled:bg-switch-track-disabled\",\n      sizeStyle.container,\n      { \"pointer-events-none\": disabled },\n    ),\n    {\n      variants: {\n        variant: {\n          primary: classNames(\n            \"[--switch-state-layer:var(--switch-track-primary-on)]\",\n            { \"bg-switch-track-primary-on\": enabled },\n            { \"bg-switch-track-off\": !enabled },\n          ),\n          secondary: classNames(\n            \"[--switch-state-layer:var(--switch-track-secondary-on)]\",\n            { \"bg-switch-track-secondary-on\": enabled },\n            { \"bg-switch-track-off\": !enabled },\n          ),\n          tertiary: classNames(\n            \"[--switch-state-layer:var(--switch-track-tertiary-on)]\",\n            { \"bg-switch-track-tertiary-on\": enabled },\n            { \"bg-switch-track-off\": !enabled },\n          ),\n          contract: classNames(\n            enabled\n              ? \"bg-switch-track-contract-on [--switch-state-layer:var(--switch-track-contract-on)]\"\n              : \"bg-switch-track-contract-off [--switch-state-layer:var(--switch-track-contract-off)]\",\n          ),\n          theme: classNames(\n            enabled\n              ? \"bg-switch-track-theme-on [--switch-state-layer:var(--switch-track-theme-on)]\"\n              : \"bg-switch-track-theme-off [--switch-state-layer:var(--switch-track-theme-off)]\",\n          ),\n        },\n      },\n      defaultVariants: {\n        variant: \"primary\",\n      },\n    },\n  );\n  const containerClasses = containerVariant({ variant });\n\n  const switchClasses = classNames(\n    \"switch-knob absolute left-[var(--switch-padding)] top-1/2 flex items-center justify-center rounded-full transition-[transform,box-shadow,background-color] duration-200 ease-in-out -translate-y-1/2\",\n    sizeStyle.knob,\n    disabled ? \"bg-switch-knob-disabled\" : \"bg-switch-knob\",\n    enabled\n      ? \"translate-x-[calc(var(--switch-width)-var(--switch-knob-size)-var(--switch-padding)*2)]\"\n      : \"translate-x-0\",\n  );\n\n  const switchClassesTheme = classNames(\n    \"switch-knob absolute left-[var(--switch-padding)] top-1/2 flex items-center justify-center rounded-full transition-[transform,box-shadow,background-color] duration-200 ease-in-out -translate-y-1/2\",\n    sizeStyle.knob,\n    {\n      \"bg-switch-knob-theme-on\": enabled && !disabled,\n      \"bg-switch-knob\": !enabled && !disabled,\n      \"bg-switch-knob-disabled\": disabled,\n      \"translate-x-[calc(var(--switch-width)-var(--switch-knob-size)-var(--switch-padding)*2)]\":\n        enabled,\n      \"translate-x-0\": !enabled,\n    },\n  );\n\n  const iconClasses = classNames(\n    \"aria-disabled:text-font-disabled\",\n    sizeStyle.icon,\n    { \"text-feedback-success-content\": enabled && !disabled },\n    { \"text-feedback-danger-content\": !enabled && !disabled },\n    { \"text-content-disabled\": disabled },\n  );\n\n  const iconClassesTheme = classNames(\n    \"aria-disabled:text-font-disabled\",\n    sizeStyle.icon,\n    { \"text-content-inverse\": enabled && !disabled },\n    { \"text-feedback-warning-content\": !enabled && !disabled },\n    { \"text-content-disabled\": disabled },\n  );\n\n  return {\n    Icon: iconClasses,\n    IconTheme: iconClassesTheme,\n    Switch: switchClasses,\n    SwitchTheme: switchClassesTheme,\n    Container: containerClasses,\n  };\n};\n\nexport default getInputSwitchStyles;\n\n","\"use client\";\n\nimport { useId, useState } from \"react\";\nimport {\n  MdAccessibilityNew,\n  MdAnimation,\n  MdCenterFocusStrong,\n  MdContrast,\n  MdLink,\n  MdPalette,\n  MdRestartAlt,\n  MdTextFields,\n} from \"react-icons/md\";\nimport InputSwitch from \"../InputSwitch/InputSwitch\";\nimport Modal from \"../Modal/Modal\";\n\nexport type AccessibilityColorScheme = \"system\" | \"light\" | \"dark\";\nexport type AccessibilityHighContrastTheme = \"light\" | \"dark\";\nexport type AccessibilityFontScale = \"standard\" | \"large\" | \"extra-large\";\n\nexport interface AccessibilityPreferences {\n  colorScheme: AccessibilityColorScheme;\n  highContrast: boolean;\n  highContrastTheme: AccessibilityHighContrastTheme;\n  fontScale: AccessibilityFontScale;\n  reduceMotion: boolean;\n  emphasizeFocus: boolean;\n  underlineLinks: boolean;\n}\n\nexport const DEFAULT_ACCESSIBILITY_PREFERENCES: AccessibilityPreferences = {\n  colorScheme: \"light\",\n  highContrast: false,\n  highContrastTheme: \"light\",\n  fontScale: \"standard\",\n  reduceMotion: false,\n  emphasizeFocus: false,\n  underlineLinks: false,\n};\n\nexport type AccessibilityPreferencesPanelProps = {\n  preferences: AccessibilityPreferences;\n  onPreferencesChange: (\n    changes: Partial<AccessibilityPreferences>,\n  ) => void;\n  onReset?: () => void;\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  showTrigger?: boolean;\n  triggerLabel?: string;\n  className?: string;\n};\n\nconst readingOptions = [\n  {\n    key: \"reduceMotion\" as const,\n    label: \"Reduzir animações\",\n    description: \"Minimiza animações, transições e rolagens suaves.\",\n    Icon: MdAnimation,\n  },\n  {\n    key: \"emphasizeFocus\" as const,\n    label: \"Destacar foco\",\n    description: \"Evidencia o elemento selecionado durante o uso do teclado.\",\n    Icon: MdCenterFocusStrong,\n  },\n  {\n    key: \"underlineLinks\" as const,\n    label: \"Sublinhar links\",\n    description: \"Mantém links de texto sublinhados fora do foco.\",\n    Icon: MdLink,\n  },\n];\n\nconst sectionClass =\n  \"rounded-md border border-border-default bg-surface-subtle p-4 tablet:p-5\";\nconst choiceClass =\n  \"flex min-h-11 cursor-pointer gap-3 rounded-sm border border-border-default bg-surface-card p-3 text-content-primary transition-colors hover:border-border-strong hover:bg-surface-muted\";\n\nexport default function AccessibilityPreferencesPanel({\n  preferences,\n  onPreferencesChange,\n  onReset,\n  isOpen: controlledOpen,\n  onOpenChange,\n  showTrigger = true,\n  triggerLabel = \"Preferências de acessibilidade\",\n  className,\n}: AccessibilityPreferencesPanelProps) {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const [announcement, setAnnouncement] = useState(\"\");\n  const titleId = useId();\n  const isOpen = controlledOpen ?? internalOpen;\n  const setOpen = (open: boolean) => {\n    if (controlledOpen === undefined) setInternalOpen(open);\n    onOpenChange?.(open);\n  };\n  const update = (changes: Partial<AccessibilityPreferences>, message: string) => {\n    onPreferencesChange(changes);\n    setAnnouncement(message);\n  };\n  const isDark = preferences.colorScheme === \"dark\";\n\n  return (\n    <>\n      {showTrigger && (\n        <button\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={isOpen}\n          onClick={() => setOpen(true)}\n          className={`inline-flex min-h-11 items-center justify-center gap-2 rounded-sm border-2 border-action-primary-content bg-action-primary px-3 text-sm font-bold text-action-primary-content shadow-sm hover:bg-action-primary-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ${className ?? \"\"}`.trim()}\n        >\n          <MdAccessibilityNew aria-hidden=\"true\" className=\"h-5 w-5\" />\n          <span>{triggerLabel}</span>\n        </button>\n      )}\n\n      <Modal\n        isOpen={isOpen}\n        onClose={() => setOpen(false)}\n        title={triggerLabel}\n        showIcon={false}\n        size=\"large\"\n      >\n        <p className=\"mt-2 text-center text-sm text-content-secondary\">\n          As alterações são aplicadas pelo consumidor do componente.\n        </p>\n\n        <div className=\"mt-5 grid gap-4 desktop:grid-cols-2\">\n          <fieldset className={sectionClass}>\n            <legend className=\"sr-only\">Aparência</legend>\n            <div className=\"mb-4 flex items-start gap-3\">\n              <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary-5 text-primary-1\">\n                <MdPalette aria-hidden=\"true\" className=\"h-5 w-5\" />\n              </span>\n              <div>\n                <h3 className=\"font-bold\">Aparência</h3>\n                <p className=\"text-sm text-content-secondary\">Tema e contraste visual.</p>\n              </div>\n            </div>\n            <div className=\"divide-y divide-border-subtle rounded-sm border border-border-default bg-surface-card px-3\">\n              <div className=\"flex min-h-16 items-center justify-between gap-4 py-3\">\n                <span className=\"font-semibold\">Tema {isDark ? \"escuro\" : \"claro\"}</span>\n                <InputSwitch\n                  aria-label=\"Alternar tema claro ou escuro\"\n                  variant=\"theme\"\n                  size=\"lg\"\n                  checked={isDark}\n                  disabled={preferences.colorScheme === \"system\"}\n                  onChange={(enabled) =>\n                    update(\n                      { colorScheme: enabled ? \"dark\" : \"light\", highContrastTheme: enabled ? \"dark\" : \"light\" },\n                      `Tema ${enabled ? \"escuro\" : \"claro\"} ativado.`,\n                    )\n                  }\n                />\n              </div>\n              <label className=\"flex min-h-14 cursor-pointer items-start gap-3 py-3\">\n                <input\n                  type=\"checkbox\"\n                  className=\"checkbox-control mt-0.5\"\n                  checked={preferences.colorScheme === \"system\"}\n                  onChange={(event) =>\n                    update(\n                      { colorScheme: event.target.checked ? \"system\" : isDark ? \"dark\" : \"light\" },\n                      event.target.checked ? \"Tema definido pelo dispositivo.\" : \"Tema do dispositivo desativado.\",\n                    )\n                  }\n                />\n                <span className=\"font-semibold\">Usar configuração do dispositivo</span>\n              </label>\n              <div className=\"flex min-h-16 items-center justify-between gap-4 py-3\">\n                <span className=\"flex items-center gap-1.5 font-semibold\"><MdContrast aria-hidden=\"true\" className=\"h-4 w-4\" />Alto contraste</span>\n                <InputSwitch\n                  aria-label=\"Alternar alto contraste\"\n                  checked={preferences.highContrast}\n                  size=\"lg\"\n                  onChange={(enabled) => update({ highContrast: enabled }, `Alto contraste ${enabled ? \"ativado\" : \"desativado\"}.`)}\n                />\n              </div>\n            </div>\n          </fieldset>\n\n          <fieldset className={sectionClass}>\n            <legend className=\"sr-only\">Tamanho do texto</legend>\n            <div className=\"mb-4 flex items-start gap-3\">\n              <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary-5 text-primary-1\"><MdTextFields aria-hidden=\"true\" className=\"h-5 w-5\" /></span>\n              <div><h3 className=\"font-bold\">Tamanho do texto</h3><p className=\"text-sm text-content-secondary\">Amplie os textos para facilitar a leitura.</p></div>\n            </div>\n            <div className=\"grid gap-2\">\n              {([\"standard\", \"large\", \"extra-large\"] as const).map((scale) => (\n                <label key={scale} className={`${choiceClass} items-center`}>\n                  <input type=\"radio\" name={`${titleId}-font-scale`} value={scale} checked={preferences.fontScale === scale} onChange={() => update({ fontScale: scale }, `Tamanho do texto alterado.`)} className=\"radio-control shrink-0\" />\n                  <span className=\"flex w-9 shrink-0 justify-center font-extrabold text-primary-1\">Aa</span>\n                  <span className=\"font-semibold\">{scale === \"standard\" ? \"Padrão\" : scale === \"large\" ? \"Grande\" : \"Muito grande\"}</span>\n                </label>\n              ))}\n            </div>\n          </fieldset>\n\n          <fieldset className={`${sectionClass} desktop:col-span-2`}>\n            <legend className=\"sr-only\">Leitura e navegação</legend>\n            <div className=\"mb-4 flex items-start gap-3\"><span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary-5 text-primary-1\"><MdAccessibilityNew aria-hidden=\"true\" className=\"h-5 w-5\" /></span><div><h3 className=\"font-bold\">Leitura e navegação</h3><p className=\"text-sm text-content-secondary\">Ajustes para reduzir distrações e facilitar a orientação.</p></div></div>\n            <div className=\"grid gap-3 tablet:grid-cols-3\">\n              {readingOptions.map(({ key, label, description, Icon }) => (\n                <label key={key} className={`${choiceClass} items-start`}>\n                  <input type=\"checkbox\" checked={preferences[key]} onChange={(event) => update({ [key]: event.target.checked }, `${label} ${event.target.checked ? \"ativado\" : \"desativado\"}.`)} className=\"checkbox-control mt-1\" />\n                  <span><span className=\"flex items-center gap-2 font-semibold\"><Icon aria-hidden=\"true\" className=\"h-5 w-5 shrink-0 text-primary-1\" />{label}</span><span className=\"mt-1 block text-sm text-content-secondary\">{description}</span></span>\n                </label>\n              ))}\n            </div>\n          </fieldset>\n        </div>\n        <div className=\"mt-5 flex justify-center border-t border-border-subtle pt-4 tablet:justify-start\">\n          <button type=\"button\" onClick={() => { onReset?.(); setAnnouncement(\"Configurações padrão restauradas.\"); }} className=\"inline-flex min-h-11 items-center gap-2 rounded-sm border-2 border-action-primary px-4 font-bold text-content-link hover:bg-surface-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"><MdRestartAlt aria-hidden=\"true\" className=\"h-5 w-5\" />Restaurar configurações padrão</button>\n        </div>\n        <p className=\"sr-only\" role=\"status\" aria-live=\"polite\">{announcement}</p>\n      </Modal>\n    </>\n  );\n}\n","\"use client\";\n\nimport { MdContrast } from \"react-icons/md\";\n\nexport interface HighContrastToggleProps {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  label?: string;\n  className?: string;\n}\n\nexport default function HighContrastToggle({\n  checked,\n  onChange,\n  label = \"Alto contraste\",\n  className,\n}: HighContrastToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={checked}\n      onClick={() => onChange(!checked)}\n      className={`inline-flex min-h-11 items-center justify-center gap-2 rounded-sm border-2 border-action-primary-content bg-action-primary px-3 text-sm font-bold text-action-primary-content shadow-sm hover:bg-action-primary-hover active:bg-action-primary-active focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ${className ?? \"\"}`.trim()}\n    >\n      <MdContrast aria-hidden=\"true\" className=\"h-5 w-5\" />\n      <span>{label}</span>\n      <span aria-hidden=\"true\" className=\"rounded-sm bg-surface-card px-1.5 py-0.5 text-xs text-content-primary\">\n        {checked ? \"Ativado\" : \"Desativado\"}\n      </span>\n    </button>\n  );\n}\n"],"mappings":"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","names":["MdOutlineClose","jsx","jsxs","MdOutlineClose","useState","Fragment","jsx","jsxs","useState","MdContrast","jsx","jsxs"]}

package/dist/{chunk-OPUUOVCL.js → chunk-L5UMGEXV.js}

@@ -1,6 +1,6 @@
 import {
   useBreakpoint
-} from "./chunk-CWIPMGCA.js";
+} from "./chunk-CSQXTG32.js";
 import {
   __objRest,
   __spreadProps,
@@ -1592,6 +1592,11 @@ function BackContent({ label }) {
     /* @__PURE__ */ jsx23("span", { children: label })
   ] });
 }
+function getBackHref(href) {
+  if (!href) return void 0;
+  const protocol = href.replace(/^[\u0000-\u0020]+/, "").replace(/[\t\r\n]/g, "");
+  return /^javascript:/i.test(protocol) ? void 0 : href;
+}
 function PageHeading({
   title,
   subtitle,
@@ -1601,6 +1606,7 @@ function PageHeading({
   contentClassName,
   spacing = "default"
 }) {
+  const backHref = getBackHref(back == null ? void 0 : back.href);
   const backClassName = "mb-2 inline-flex w-fit items-center gap-1 text-sm font-semibold text-content-link hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring";
   return /* @__PURE__ */ jsxs13(
     "header",
@@ -1612,7 +1618,7 @@ function PageHeading({
       ),
       children: [
         /* @__PURE__ */ jsxs13("div", { className: classNames9("min-w-0", contentClassName), children: [
-          (back == null ? void 0 : back.href) ? /* @__PURE__ */ jsx23("a", { className: backClassName, href: back.href, children: /* @__PURE__ */ jsx23(BackContent, { label: back.label }) }) : back ? /* @__PURE__ */ jsx23(
+          back && backHref ? /* @__PURE__ */ jsx23("a", { className: backClassName, href: backHref, children: /* @__PURE__ */ jsx23(BackContent, { label: back.label }) }) : back ? /* @__PURE__ */ jsx23(
             "button",
             {
               type: "button",
@@ -3223,4 +3229,4 @@ export {
   Table_default,
   MobileCardTable_default
 };
-//# sourceMappingURL=chunk-OPUUOVCL.js.map
+//# sourceMappingURL=chunk-L5UMGEXV.js.map