@proyecto-viviana/solidaria 0.3.0 → 0.4.0

package/dist/_chunk/popover.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.jsx","names":[],"sources":["../../src/popover/calculatePosition.ts","../../src/popover/createOverlayPosition.ts","../../src/popover/createPopover.ts"],"sourcesContent":["/**\n * Position calculation utilities for popovers and overlays.\n * Ported from @react-aria/overlays calculatePosition.ts\n */\n\n// Types\nexport type Placement =\n  | \"bottom\"\n  | \"bottom left\"\n  | \"bottom right\"\n  | \"bottom start\"\n  | \"bottom end\"\n  | \"top\"\n  | \"top left\"\n  | \"top right\"\n  | \"top start\"\n  | \"top end\"\n  | \"left\"\n  | \"left top\"\n  | \"left bottom\"\n  | \"right\"\n  | \"right top\"\n  | \"right bottom\"\n  | \"start\"\n  | \"start top\"\n  | \"start bottom\"\n  | \"end\"\n  | \"end top\"\n  | \"end bottom\";\n\nexport type PlacementAxis = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type Axis = \"top\" | \"left\";\nexport type SizeAxis = \"width\" | \"height\";\n\ninterface Position {\n  top?: number;\n  left?: number;\n  bottom?: number;\n  right?: number;\n}\n\ninterface Dimensions {\n  width: number;\n  height: number;\n  totalWidth: number;\n  totalHeight: number;\n  top: number;\n  left: number;\n  scroll: Position;\n}\n\ninterface ParsedPlacement {\n  placement: PlacementAxis;\n  crossPlacement: PlacementAxis | \"center\";\n  axis: Axis;\n  crossAxis: Axis;\n  size: SizeAxis;\n  crossSize: SizeAxis;\n}\n\ninterface Offset {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nexport interface PositionOpts {\n  arrowSize: number;\n  placement: Placement;\n  targetNode: Element;\n  overlayNode: Element;\n  scrollNode: Element;\n  padding: number;\n  shouldFlip: boolean;\n  boundaryElement: Element;\n  offset: number;\n  crossOffset: number;\n  maxHeight?: number;\n  arrowBoundaryOffset?: number;\n  /** Overrides the target element's measured rect (e.g. position relative to a cursor point). */\n  targetRect?: Offset | null | undefined;\n}\n\ntype HeightGrowthDirection = \"top\" | \"bottom\";\n\nexport interface PositionResult {\n  position: Position;\n  arrowOffsetLeft?: number;\n  arrowOffsetTop?: number;\n  triggerAnchorPoint: { x: number; y: number };\n  maxHeight: number;\n  placement: PlacementAxis;\n}\n\n// Constants\nconst AXIS: Record<string, Axis> = {\n  top: \"top\",\n  bottom: \"top\",\n  left: \"left\",\n  right: \"left\",\n};\n\nconst FLIPPED_DIRECTION: Record<string, string> = {\n  top: \"bottom\",\n  bottom: \"top\",\n  left: \"right\",\n  right: \"left\",\n};\n\nconst CROSS_AXIS: Record<string, Axis> = {\n  top: \"left\",\n  left: \"top\",\n};\n\nconst AXIS_SIZE: Record<string, SizeAxis> = {\n  top: \"height\",\n  left: \"width\",\n};\n\nconst TOTAL_SIZE: Record<SizeAxis, \"totalWidth\" | \"totalHeight\"> = {\n  width: \"totalWidth\",\n  height: \"totalHeight\",\n};\n\nconst PARSED_PLACEMENT_CACHE: Record<string, ParsedPlacement> = {};\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction isWebKit(): boolean {\n  return typeof window !== \"undefined\" && \"WebkitAppearance\" in document.documentElement.style;\n}\n\nconst getVisualViewport = () => (typeof document !== \"undefined\" ? window.visualViewport : null);\n\nfunction getContainerDimensions(\n  containerNode: Element,\n  visualViewport: VisualViewport | null,\n): Dimensions {\n  let width = 0,\n    height = 0,\n    totalWidth = 0,\n    totalHeight = 0,\n    top = 0,\n    left = 0;\n  const scroll: Position = {};\n  const isPinchZoomedIn = (visualViewport?.scale ?? 1) > 1;\n\n  if (containerNode.tagName === \"BODY\" || containerNode.tagName === \"HTML\") {\n    const documentElement = document.documentElement;\n    totalWidth = documentElement.clientWidth;\n    totalHeight = documentElement.clientHeight;\n    width = visualViewport?.width ?? totalWidth;\n    height = visualViewport?.height ?? totalHeight;\n    scroll.top = documentElement.scrollTop || (containerNode as HTMLElement).scrollTop;\n    scroll.left = documentElement.scrollLeft || (containerNode as HTMLElement).scrollLeft;\n\n    if (visualViewport) {\n      top = visualViewport.offsetTop;\n      left = visualViewport.offsetLeft;\n    }\n  } else {\n    ({ width, height, top, left } = getElementOffset(containerNode, false));\n    scroll.top = (containerNode as HTMLElement).scrollTop;\n    scroll.left = (containerNode as HTMLElement).scrollLeft;\n    totalWidth = width;\n    totalHeight = height;\n  }\n\n  if (\n    isWebKit() &&\n    (containerNode.tagName === \"BODY\" || containerNode.tagName === \"HTML\") &&\n    isPinchZoomedIn\n  ) {\n    scroll.top = 0;\n    scroll.left = 0;\n    top = visualViewport?.pageTop ?? 0;\n    left = visualViewport?.pageLeft ?? 0;\n  }\n\n  return { width, height, totalWidth, totalHeight, scroll, top, left };\n}\n\nfunction getScroll(node: Element): Offset {\n  return {\n    top: (node as HTMLElement).scrollTop,\n    left: (node as HTMLElement).scrollLeft,\n    width: (node as HTMLElement).scrollWidth,\n    height: (node as HTMLElement).scrollHeight,\n  };\n}\n\nfunction getDelta(\n  axis: Axis,\n  offset: number,\n  size: number,\n  boundaryDimensions: Dimensions,\n  containerDimensions: Dimensions,\n  padding: number,\n  containerOffsetWithBoundary: Offset,\n): number {\n  const containerScroll = containerDimensions.scroll[axis] ?? 0;\n  const boundarySize = boundaryDimensions[AXIS_SIZE[axis]];\n\n  const boundaryStartEdge =\n    containerOffsetWithBoundary[axis] + (boundaryDimensions.scroll[AXIS[axis]] ?? 0) + padding;\n  const boundaryEndEdge =\n    containerOffsetWithBoundary[axis] +\n    (boundaryDimensions.scroll[AXIS[axis]] ?? 0) +\n    boundarySize -\n    padding;\n\n  const startEdgeOffset =\n    offset -\n    containerScroll +\n    (boundaryDimensions.scroll[AXIS[axis]] ?? 0) +\n    containerOffsetWithBoundary[axis] -\n    boundaryDimensions[AXIS[axis]];\n  const endEdgeOffset =\n    offset -\n    containerScroll +\n    size +\n    (boundaryDimensions.scroll[AXIS[axis]] ?? 0) +\n    containerOffsetWithBoundary[axis] -\n    boundaryDimensions[AXIS[axis]];\n\n  if (startEdgeOffset < boundaryStartEdge) {\n    return boundaryStartEdge - startEdgeOffset;\n  } else if (endEdgeOffset > boundaryEndEdge) {\n    return Math.max(boundaryEndEdge - endEdgeOffset, boundaryStartEdge - startEdgeOffset);\n  } else {\n    return 0;\n  }\n}\n\nfunction getMargins(node: Element): Position {\n  const style = window.getComputedStyle(node);\n  return {\n    top: parseInt(style.marginTop, 10) || 0,\n    bottom: parseInt(style.marginBottom, 10) || 0,\n    left: parseInt(style.marginLeft, 10) || 0,\n    right: parseInt(style.marginRight, 10) || 0,\n  };\n}\n\nfunction parsePlacement(input: Placement): ParsedPlacement {\n  if (PARSED_PLACEMENT_CACHE[input]) {\n    return PARSED_PLACEMENT_CACHE[input];\n  }\n\n  const [placement, crossPlacement] = input.split(\" \") as [PlacementAxis, string?];\n  const resolvedCrossPlacementInput = crossPlacement ?? \"center\";\n  const axis: Axis = AXIS[placement] || \"right\";\n  const crossAxis: Axis = CROSS_AXIS[axis];\n\n  let resolvedCrossPlacement: PlacementAxis | \"center\" = \"center\";\n  if (AXIS[resolvedCrossPlacementInput]) {\n    resolvedCrossPlacement = resolvedCrossPlacementInput as PlacementAxis;\n  }\n\n  const size = AXIS_SIZE[axis];\n  const crossSize = AXIS_SIZE[crossAxis];\n  PARSED_PLACEMENT_CACHE[input] = {\n    placement,\n    crossPlacement: resolvedCrossPlacement,\n    axis,\n    crossAxis,\n    size,\n    crossSize,\n  };\n  return PARSED_PLACEMENT_CACHE[input];\n}\n\nfunction computePosition(\n  childOffset: Offset,\n  _boundaryDimensions: Dimensions,\n  overlaySize: Offset,\n  placementInfo: ParsedPlacement,\n  offset: number,\n  crossOffset: number,\n  _containerOffsetWithBoundary: Offset,\n  isContainerPositioned: boolean,\n  arrowSize: number,\n  arrowBoundaryOffset: number,\n  containerDimensions: Dimensions,\n): Position {\n  const { placement, crossPlacement, axis, crossAxis, size, crossSize } = placementInfo;\n  const position: Position = {};\n\n  position[crossAxis] = childOffset[crossAxis] ?? 0;\n  if (crossPlacement === \"center\") {\n    position[crossAxis]! += ((childOffset[crossSize] ?? 0) - (overlaySize[crossSize] ?? 0)) / 2;\n  } else if (crossPlacement !== crossAxis) {\n    position[crossAxis]! += (childOffset[crossSize] ?? 0) - (overlaySize[crossSize] ?? 0);\n  }\n\n  position[crossAxis]! += crossOffset;\n\n  const minPosition =\n    childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;\n  const maxPosition =\n    childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;\n  position[crossAxis] = clamp(position[crossAxis]!, minPosition, maxPosition);\n\n  if (placement === axis) {\n    const containerHeight = isContainerPositioned\n      ? containerDimensions[size]\n      : containerDimensions[TOTAL_SIZE[size]];\n    position[FLIPPED_DIRECTION[axis] as keyof Position] = Math.floor(\n      containerHeight - childOffset[axis] + offset,\n    );\n  } else {\n    position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);\n  }\n  return position;\n}\n\nfunction getMaxHeight(\n  position: Position,\n  boundaryDimensions: Dimensions,\n  containerOffsetWithBoundary: Offset,\n  _isContainerPositioned: boolean,\n  margins: Position,\n  padding: number,\n  overlayHeight: number,\n  heightGrowthDirection: HeightGrowthDirection,\n  containerDimensions: Dimensions,\n  isContainerDescendentOfBoundary: boolean,\n  visualViewport: VisualViewport | null,\n): number {\n  const overlayTop =\n    (position.top != null\n      ? position.top\n      : containerDimensions[TOTAL_SIZE.height] - (position.bottom ?? 0) - overlayHeight) -\n    (containerDimensions.scroll.top ?? 0);\n\n  const boundaryToContainerTransformOffset = isContainerDescendentOfBoundary\n    ? containerOffsetWithBoundary.top\n    : 0;\n  const boundingRect = {\n    top: Math.max(\n      boundaryDimensions.top + boundaryToContainerTransformOffset,\n      (visualViewport?.offsetTop ?? boundaryDimensions.top) + boundaryToContainerTransformOffset,\n    ),\n    bottom: Math.min(\n      boundaryDimensions.top + boundaryDimensions.height + boundaryToContainerTransformOffset,\n      (visualViewport?.offsetTop ?? 0) + (visualViewport?.height ?? 0),\n    ),\n  };\n\n  const maxHeight =\n    heightGrowthDirection !== \"top\"\n      ? Math.max(\n          0,\n          boundingRect.bottom - overlayTop - ((margins.top ?? 0) + (margins.bottom ?? 0) + padding),\n        )\n      : Math.max(\n          0,\n          overlayTop +\n            overlayHeight -\n            boundingRect.top -\n            ((margins.top ?? 0) + (margins.bottom ?? 0) + padding),\n        );\n  return maxHeight;\n}\n\nfunction getAvailableSpace(\n  boundaryDimensions: Dimensions,\n  containerOffsetWithBoundary: Offset,\n  childOffset: Offset,\n  margins: Position,\n  padding: number,\n  placementInfo: ParsedPlacement,\n  containerDimensions: Dimensions,\n  isContainerDescendentOfBoundary: boolean,\n): number {\n  const { placement, axis, size } = placementInfo;\n  if (placement === axis) {\n    return Math.max(\n      0,\n      childOffset[axis] -\n        (containerDimensions.scroll[axis] ?? 0) -\n        (boundaryDimensions[axis] +\n          (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0)) -\n        (margins[axis] ?? 0) -\n        (margins[FLIPPED_DIRECTION[axis] as keyof Position] ?? 0) -\n        padding,\n    );\n  }\n\n  return Math.max(\n    0,\n    boundaryDimensions[size] +\n      boundaryDimensions[axis] +\n      (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) -\n      childOffset[axis] -\n      childOffset[size] +\n      (containerDimensions.scroll[axis] ?? 0) -\n      (margins[axis] ?? 0) -\n      (margins[FLIPPED_DIRECTION[axis] as keyof Position] ?? 0) -\n      padding,\n  );\n}\n\nexport function calculatePositionInternal(\n  placementInput: Placement,\n  childOffset: Offset,\n  overlaySize: Offset,\n  _scrollSize: Offset,\n  margins: Position,\n  padding: number,\n  flip: boolean,\n  boundaryDimensions: Dimensions,\n  containerDimensions: Dimensions,\n  containerOffsetWithBoundary: Offset,\n  offset: number,\n  crossOffset: number,\n  isContainerPositioned: boolean,\n  userSetMaxHeight: number | undefined,\n  arrowSize: number,\n  arrowBoundaryOffset: number,\n  isContainerDescendentOfBoundary: boolean,\n  visualViewport: VisualViewport | null,\n): PositionResult {\n  let placementInfo = parsePlacement(placementInput);\n  let { size, crossAxis, crossSize, placement, crossPlacement } = placementInfo;\n  let position = computePosition(\n    childOffset,\n    boundaryDimensions,\n    overlaySize,\n    placementInfo,\n    offset,\n    crossOffset,\n    containerOffsetWithBoundary,\n    isContainerPositioned,\n    arrowSize,\n    arrowBoundaryOffset,\n    containerDimensions,\n  );\n  let normalizedOffset = offset;\n  const space = getAvailableSpace(\n    boundaryDimensions,\n    containerOffsetWithBoundary,\n    childOffset,\n    margins,\n    padding + offset,\n    placementInfo,\n    containerDimensions,\n    isContainerDescendentOfBoundary,\n  );\n\n  if (flip && overlaySize[size] > space) {\n    const flippedPlacementInfo = parsePlacement(\n      `${FLIPPED_DIRECTION[placement]} ${crossPlacement}` as Placement,\n    );\n    const flippedPosition = computePosition(\n      childOffset,\n      boundaryDimensions,\n      overlaySize,\n      flippedPlacementInfo,\n      offset,\n      crossOffset,\n      containerOffsetWithBoundary,\n      isContainerPositioned,\n      arrowSize,\n      arrowBoundaryOffset,\n      containerDimensions,\n    );\n\n    const flippedSpace = getAvailableSpace(\n      boundaryDimensions,\n      containerOffsetWithBoundary,\n      childOffset,\n      margins,\n      padding + offset,\n      flippedPlacementInfo,\n      containerDimensions,\n      isContainerDescendentOfBoundary,\n    );\n\n    if (flippedSpace > space) {\n      placementInfo = flippedPlacementInfo;\n      position = flippedPosition;\n      normalizedOffset = offset;\n    }\n  }\n\n  let heightGrowthDirection: HeightGrowthDirection = \"bottom\";\n  if (placementInfo.axis === \"top\") {\n    if (placementInfo.placement === \"top\") {\n      heightGrowthDirection = \"top\";\n    } else if (placementInfo.placement === \"bottom\") {\n      heightGrowthDirection = \"bottom\";\n    }\n  } else if (placementInfo.crossAxis === \"top\") {\n    if (placementInfo.crossPlacement === \"top\") {\n      heightGrowthDirection = \"bottom\";\n    } else if (placementInfo.crossPlacement === \"bottom\") {\n      heightGrowthDirection = \"top\";\n    }\n  }\n\n  let delta = getDelta(\n    crossAxis,\n    position[crossAxis]!,\n    overlaySize[crossSize],\n    boundaryDimensions,\n    containerDimensions,\n    padding,\n    containerOffsetWithBoundary,\n  );\n  position[crossAxis]! += delta;\n\n  let maxHeight = getMaxHeight(\n    position,\n    boundaryDimensions,\n    containerOffsetWithBoundary,\n    isContainerPositioned,\n    margins,\n    padding,\n    overlaySize.height,\n    heightGrowthDirection,\n    containerDimensions,\n    isContainerDescendentOfBoundary,\n    visualViewport,\n  );\n\n  if (userSetMaxHeight && userSetMaxHeight < maxHeight) {\n    maxHeight = userSetMaxHeight;\n  }\n\n  overlaySize.height = Math.min(overlaySize.height, maxHeight);\n\n  position = computePosition(\n    childOffset,\n    boundaryDimensions,\n    overlaySize,\n    placementInfo,\n    normalizedOffset,\n    crossOffset,\n    containerOffsetWithBoundary,\n    isContainerPositioned,\n    arrowSize,\n    arrowBoundaryOffset,\n    containerDimensions,\n  );\n  delta = getDelta(\n    crossAxis,\n    position[crossAxis]!,\n    overlaySize[crossSize],\n    boundaryDimensions,\n    containerDimensions,\n    padding,\n    containerOffsetWithBoundary,\n  );\n  position[crossAxis]! += delta;\n\n  const arrowPosition: Position = {};\n\n  ({ placement, crossPlacement } = placementInfo);\n  let origin = childOffset[crossAxis] - position[crossAxis]! - (margins[AXIS[crossAxis]] ?? 0);\n  let preferredArrowPosition = origin + 0.5 * childOffset[crossSize];\n\n  const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;\n  const overlayMargin =\n    AXIS[crossAxis] === \"left\"\n      ? (margins.left ?? 0) + (margins.right ?? 0)\n      : (margins.top ?? 0) + (margins.bottom ?? 0);\n  const arrowMaxPosition =\n    overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;\n\n  const arrowOverlappingChildMinEdge =\n    childOffset[crossAxis] +\n    arrowSize / 2 -\n    (position[crossAxis]! + (margins[AXIS[crossAxis]] ?? 0));\n  const arrowOverlappingChildMaxEdge =\n    childOffset[crossAxis] +\n    childOffset[crossSize] -\n    arrowSize / 2 -\n    (position[crossAxis]! + (margins[AXIS[crossAxis]] ?? 0));\n\n  const arrowPositionOverlappingChild = clamp(\n    preferredArrowPosition,\n    arrowOverlappingChildMinEdge,\n    arrowOverlappingChildMaxEdge,\n  );\n  arrowPosition[crossAxis] = clamp(\n    arrowPositionOverlappingChild,\n    arrowMinPosition,\n    arrowMaxPosition,\n  );\n\n  if (arrowSize) {\n    origin = arrowPosition[crossAxis]!;\n  } else if (crossPlacement === \"right\" || crossPlacement === \"bottom\") {\n    origin += childOffset[crossSize];\n  } else if (crossPlacement === \"center\") {\n    origin += childOffset[crossSize] / 2;\n  }\n\n  const crossOrigin = placement === \"left\" || placement === \"top\" ? overlaySize[size] : 0;\n  const triggerAnchorPoint = {\n    x: placement === \"top\" || placement === \"bottom\" ? origin : crossOrigin,\n    y: placement === \"left\" || placement === \"right\" ? origin : crossOrigin,\n  };\n\n  return {\n    position,\n    maxHeight: maxHeight,\n    arrowOffsetLeft: arrowPosition.left,\n    arrowOffsetTop: arrowPosition.top,\n    placement,\n    triggerAnchorPoint,\n  };\n}\n\nexport function getRect(node: Element, ignoreScale: boolean) {\n  const { top, left, width: bWidth, height: bHeight } = node.getBoundingClientRect();\n  let width = bWidth;\n  let height = bHeight;\n\n  if (ignoreScale && node instanceof (node.ownerDocument.defaultView?.HTMLElement ?? HTMLElement)) {\n    width = (node as HTMLElement).offsetWidth;\n    height = (node as HTMLElement).offsetHeight;\n  }\n\n  return { top, left, width, height };\n}\n\nfunction getElementOffset(\n  node: Element,\n  ignoreScale: boolean,\n  overrideRect?: Offset | null,\n): Offset {\n  const { top, left, width, height } = overrideRect || getRect(node, ignoreScale);\n  const { scrollTop, scrollLeft, clientTop, clientLeft } = document.documentElement;\n  return {\n    top: top + scrollTop - clientTop,\n    left: left + scrollLeft - clientLeft,\n    width,\n    height,\n  };\n}\n\nfunction getPosition(\n  node: Element,\n  parent: Element,\n  ignoreScale: boolean,\n  overrideRect?: Offset | null,\n): Offset {\n  const style = window.getComputedStyle(node);\n  let offset: Offset;\n  if (style.position === \"fixed\") {\n    offset = overrideRect || getRect(node, ignoreScale);\n  } else {\n    offset = getElementOffset(node, ignoreScale, overrideRect);\n    const parentOffset = getElementOffset(parent, ignoreScale);\n    const parentStyle = window.getComputedStyle(parent);\n    parentOffset.top +=\n      (parseInt(parentStyle.borderTopWidth, 10) || 0) - (parent as HTMLElement).scrollTop;\n    parentOffset.left +=\n      (parseInt(parentStyle.borderLeftWidth, 10) || 0) - (parent as HTMLElement).scrollLeft;\n    offset.top -= parentOffset.top;\n    offset.left -= parentOffset.left;\n  }\n\n  offset.top -= parseInt(style.marginTop, 10) || 0;\n  offset.left -= parseInt(style.marginLeft, 10) || 0;\n  return offset;\n}\n\nfunction getContainingBlock(node: HTMLElement): Element {\n  let offsetParent = node.offsetParent;\n\n  if (\n    offsetParent &&\n    offsetParent === document.body &&\n    window.getComputedStyle(offsetParent).position === \"static\" &&\n    !isContainingBlock(offsetParent)\n  ) {\n    offsetParent = document.documentElement;\n  }\n\n  if (offsetParent == null) {\n    offsetParent = node.parentElement;\n    while (offsetParent && !isContainingBlock(offsetParent)) {\n      offsetParent = offsetParent.parentElement;\n    }\n  }\n\n  return offsetParent || document.documentElement;\n}\n\nfunction isContainingBlock(node: Element): boolean {\n  const style = window.getComputedStyle(node);\n  return (\n    style.transform !== \"none\" ||\n    /transform|perspective/.test(style.willChange) ||\n    style.filter !== \"none\" ||\n    style.contain === \"paint\" ||\n    (\"backdropFilter\" in style && style.getPropertyValue(\"backdrop-filter\") !== \"none\") ||\n    (\"WebkitBackdropFilter\" in style &&\n      style.getPropertyValue(\"-webkit-backdrop-filter\") !== \"none\")\n  );\n}\n\n/**\n * Determines where to place the overlay with regards to the target and the position of an optional indicator.\n */\nexport function calculatePosition(opts: PositionOpts): PositionResult {\n  const {\n    placement,\n    targetNode,\n    overlayNode,\n    scrollNode,\n    padding,\n    shouldFlip,\n    boundaryElement,\n    offset,\n    crossOffset,\n    maxHeight,\n    arrowSize,\n    arrowBoundaryOffset = 0,\n    targetRect,\n  } = opts;\n\n  const visualViewport = getVisualViewport();\n  const container =\n    overlayNode instanceof HTMLElement ? getContainingBlock(overlayNode) : document.documentElement;\n  const isViewportContainer = container === document.documentElement;\n  const containerPositionStyle = window.getComputedStyle(container).position;\n  const isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== \"static\";\n  const childOffset: Offset = isViewportContainer\n    ? getElementOffset(targetNode, false, targetRect)\n    : getPosition(targetNode, container, false, targetRect);\n\n  if (!isViewportContainer) {\n    const { marginTop, marginLeft } = window.getComputedStyle(targetNode);\n    childOffset.top += parseInt(marginTop, 10) || 0;\n    childOffset.left += parseInt(marginLeft, 10) || 0;\n  }\n\n  const overlaySize: Offset = getElementOffset(overlayNode, true);\n  const margins = getMargins(overlayNode);\n  overlaySize.width += (margins.left ?? 0) + (margins.right ?? 0);\n  overlaySize.height += (margins.top ?? 0) + (margins.bottom ?? 0);\n\n  const scrollSize = getScroll(scrollNode);\n  const boundaryDimensions = getContainerDimensions(boundaryElement, visualViewport);\n  const containerDimensions = getContainerDimensions(container, visualViewport);\n  const containerOffsetWithBoundary: Offset = getPosition(boundaryElement, container, false);\n\n  const isContainerDescendentOfBoundary = boundaryElement.contains(container);\n  return calculatePositionInternal(\n    placement,\n    childOffset,\n    overlaySize,\n    scrollSize,\n    margins,\n    padding,\n    shouldFlip,\n    boundaryDimensions,\n    containerDimensions,\n    containerOffsetWithBoundary,\n    offset,\n    crossOffset,\n    isContainerPositioned,\n    maxHeight,\n    arrowSize,\n    arrowBoundaryOffset,\n    isContainerDescendentOfBoundary,\n    visualViewport,\n  );\n}\n","/**\n * Handles positioning overlays like popovers and menus relative to a trigger\n * element, and updating the position when the window resizes.\n *\n * Ported from @react-aria/overlays useOverlayPosition.\n */\n\nimport { createEffect, createSignal, onCleanup, type JSX } from \"solid-js\";\nimport { useLocale } from \"../i18n\";\nimport {\n  calculatePosition,\n  getRect,\n  type Placement,\n  type PlacementAxis,\n  type PositionResult,\n} from \"./calculatePosition\";\n\nexport interface PositionProps {\n  /**\n   * The placement of the element with respect to its anchor element.\n   * @default 'bottom'\n   */\n  placement?: Placement;\n  /**\n   * The placement padding that should be applied between the element and its\n   * surrounding container.\n   * @default 12\n   */\n  containerPadding?: number;\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   * @default 0\n   */\n  offset?: number;\n  /**\n   * The additional offset applied along the cross axis between the element and its\n   * anchor element.\n   * @default 0\n   */\n  crossOffset?: number;\n  /**\n   * Whether the element should flip its orientation (e.g. top to bottom or left to right) when\n   * there is insufficient room for it to render completely.\n   * @default true\n   */\n  shouldFlip?: boolean;\n  /** Whether the overlay is currently open. */\n  isOpen?: boolean;\n}\n\nexport interface AriaPositionProps extends PositionProps {\n  /**\n   * Cross size of the overlay arrow in pixels.\n   * @default 0\n   */\n  arrowSize?: number;\n  /**\n   * Element that that serves as the positioning boundary.\n   * @default document.body\n   */\n  boundaryElement?: Element;\n  /**\n   * The ref for the element which the overlay positions itself with respect to.\n   */\n  targetRef: () => Element | null;\n  /**\n   * The ref for the overlay element.\n   */\n  overlayRef: () => Element | null;\n  /**\n   * The ref for the arrow element.\n   */\n  arrowRef?: () => Element | null;\n  /**\n   * A ref for the scrollable region within the overlay.\n   * @default overlayRef\n   */\n  scrollRef?: () => Element | null;\n  /**\n   * Whether the overlay should update its position automatically.\n   * @default true\n   */\n  shouldUpdatePosition?: boolean;\n  /** Handler that is called when the overlay should close. */\n  onClose?: (() => void) | null;\n  /**\n   * The maxHeight specified for the overlay element.\n   * By default, it will take all space up to the current viewport height.\n   */\n  maxHeight?: number;\n  /**\n   * The minimum distance the arrow's edge should be from the edge of the overlay element.\n   * @default 0\n   */\n  arrowBoundaryOffset?: number;\n  /**\n   * Overrides the target element's bounding rectangle. Useful for positioning relative to\n   * a specific point such as the mouse cursor (e.g. context menus) or text selection.\n   *\n   * @default target.getBoundingClientRect()\n   * @param target - The target element.\n   */\n  getTargetRect?: (target: Element) => DOMRect | null | undefined;\n}\n\nexport interface PositionAria {\n  /** Props for the overlay container element. */\n  overlayProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the overlay tip arrow if any. */\n  arrowProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Placement of the overlay with respect to the overlay trigger. */\n  placement: () => PlacementAxis | null;\n  /** The origin of the target in the overlay's coordinate system. Useful for animations. */\n  triggerAnchorPoint: () => { x: number; y: number } | null;\n  /** Updates the position of the overlay. */\n  updatePosition: () => void;\n}\n\nconst visualViewport = typeof document !== \"undefined\" ? window.visualViewport : null;\n\nfunction translateRTL(position: string, direction: string): string {\n  if (direction === \"rtl\") {\n    return position.replace(\"start\", \"right\").replace(\"end\", \"left\");\n  }\n  return position.replace(\"start\", \"left\").replace(\"end\", \"right\");\n}\n\n/**\n * Handles positioning overlays like popovers and menus relative to a trigger\n * element, and updating the position when the window resizes.\n */\nexport function createOverlayPosition(props: AriaPositionProps): PositionAria {\n  const locale = useLocale();\n  const direction = () => locale().direction;\n\n  const arrowSize = () => props.arrowSize ?? 0;\n  const targetRef = () => props.targetRef();\n  const overlayRef = () => props.overlayRef();\n  const arrowRef = () => props.arrowRef?.() ?? null;\n  const scrollRef = () => props.scrollRef?.() ?? overlayRef();\n  const placement = () => (props.placement ?? \"bottom\") as Placement;\n  const containerPadding = () => props.containerPadding ?? 12;\n  const shouldFlip = () => props.shouldFlip ?? true;\n  const boundaryElement = () =>\n    props.boundaryElement ?? (typeof document !== \"undefined\" ? document.body : null);\n  const offset = () => props.offset ?? 0;\n  const crossOffset = () => props.crossOffset ?? 0;\n  const shouldUpdatePosition = () => props.shouldUpdatePosition ?? true;\n  const isOpen = () => props.isOpen ?? true;\n  const onClose = () => props.onClose;\n  const maxHeight = () => props.maxHeight;\n  const arrowBoundaryOffset = () => props.arrowBoundaryOffset ?? 0;\n\n  const [position, setPosition] = createSignal<PositionResult | null>(null);\n\n  // Track the last scale to freeze overlay during pinch zoom\n  let lastScale = visualViewport?.scale;\n\n  createEffect(() => {\n    if (isOpen()) {\n      lastScale = visualViewport?.scale;\n    }\n  });\n\n  const updatePosition = () => {\n    const overlayNode = overlayRef();\n    const targetNode = targetRef();\n    const boundary = boundaryElement();\n\n    if (!shouldUpdatePosition() || !isOpen() || !overlayNode || !targetNode || !boundary) {\n      return;\n    }\n\n    if (visualViewport?.scale !== lastScale) {\n      return;\n    }\n\n    const scrollNode = scrollRef();\n    const arrowNode = arrowRef();\n\n    // Reset overlay's previous max height\n    const overlay = overlayNode as HTMLElement;\n    if (!maxHeight() && overlayNode) {\n      overlay.style.top = \"0px\";\n      overlay.style.bottom = \"\";\n      overlay.style.maxHeight = (window.visualViewport?.height ?? window.innerHeight) + \"px\";\n    }\n\n    const result = calculatePosition({\n      placement: translateRTL(placement(), direction()) as Placement,\n      overlayNode,\n      targetNode,\n      scrollNode: scrollNode || overlayNode,\n      padding: containerPadding(),\n      shouldFlip: shouldFlip(),\n      boundaryElement: boundary,\n      offset: offset(),\n      crossOffset: crossOffset(),\n      maxHeight: maxHeight(),\n      arrowSize: arrowSize() ?? (arrowNode ? getRect(arrowNode, true).width : 0),\n      arrowBoundaryOffset: arrowBoundaryOffset(),\n      targetRect: props.getTargetRect?.(targetNode),\n    });\n\n    if (!result.position) {\n      return;\n    }\n\n    // Apply styles directly for immediate positioning\n    overlay.style.top = \"\";\n    overlay.style.bottom = \"\";\n    overlay.style.left = \"\";\n    overlay.style.right = \"\";\n\n    const pos = result.position as Record<string, number | undefined>;\n    Object.keys(pos).forEach((key) => {\n      overlay.style.setProperty(key, pos[key] + \"px\");\n    });\n    overlay.style.maxHeight = result.maxHeight != null ? result.maxHeight + \"px\" : \"\";\n\n    setPosition(result);\n  };\n\n  // Update position when dependencies change\n  createEffect(() => {\n    // Track all dependencies\n    shouldUpdatePosition();\n    placement();\n    overlayRef();\n    targetRef();\n    arrowRef();\n    scrollRef();\n    containerPadding();\n    shouldFlip();\n    boundaryElement();\n    offset();\n    crossOffset();\n    isOpen();\n    maxHeight();\n    arrowBoundaryOffset();\n    arrowSize();\n\n    updatePosition();\n  });\n\n  // Update position on window resize\n  createEffect(() => {\n    if (!isOpen()) return;\n\n    const handleResize = () => updatePosition();\n    window.addEventListener(\"resize\", handleResize, false);\n\n    onCleanup(() => {\n      window.removeEventListener(\"resize\", handleResize, false);\n    });\n  });\n\n  // Update position when overlay changes size using ResizeObserver\n  createEffect(() => {\n    const overlayNode = overlayRef();\n    if (!overlayNode || !isOpen()) return;\n\n    const resizeObserver = new ResizeObserver(() => updatePosition());\n    resizeObserver.observe(overlayNode);\n\n    onCleanup(() => {\n      resizeObserver.disconnect();\n    });\n  });\n\n  // Update position when target changes size\n  createEffect(() => {\n    const targetNode = targetRef();\n    if (!targetNode || !isOpen()) return;\n\n    const resizeObserver = new ResizeObserver(() => updatePosition());\n    resizeObserver.observe(targetNode);\n\n    onCleanup(() => {\n      resizeObserver.disconnect();\n    });\n  });\n\n  // Handle visual viewport resize (for iOS virtual keyboard)\n  createEffect(() => {\n    if (!isOpen()) return;\n\n    let timeout: ReturnType<typeof setTimeout>;\n    let isResizing = false;\n\n    const onResize = () => {\n      isResizing = true;\n      clearTimeout(timeout);\n      timeout = setTimeout(() => {\n        isResizing = false;\n      }, 500);\n      updatePosition();\n    };\n\n    const onScroll = () => {\n      if (isResizing) {\n        onResize();\n      }\n    };\n\n    visualViewport?.addEventListener(\"resize\", onResize);\n    visualViewport?.addEventListener(\"scroll\", onScroll);\n\n    onCleanup(() => {\n      visualViewport?.removeEventListener(\"resize\", onResize);\n      visualViewport?.removeEventListener(\"scroll\", onScroll);\n      clearTimeout(timeout);\n    });\n  });\n\n  // Close on scroll (when scrolling a parent of the trigger)\n  createEffect(() => {\n    const targetNode = targetRef();\n    const closeHandler = onClose();\n    if (!targetNode || !isOpen() || !closeHandler) return;\n\n    const handleScroll = (e: Event) => {\n      const target = e.target as Element;\n      // Don't close if scrolling within the overlay\n      if (overlayRef()?.contains(target)) return;\n      // Close if scrolling a parent of the target (but not body/html)\n      if (\n        target !== document.body &&\n        target !== document.documentElement &&\n        target.contains(targetNode)\n      ) {\n        closeHandler();\n      }\n    };\n\n    document.addEventListener(\"scroll\", handleScroll, true);\n\n    onCleanup(() => {\n      document.removeEventListener(\"scroll\", handleScroll, true);\n    });\n  });\n\n  return {\n    overlayProps: {\n      get style(): JSX.CSSProperties {\n        const current = position();\n        return {\n          position: current ? \"absolute\" : \"fixed\",\n          top: !current ? 0 : undefined,\n          left: !current ? 0 : undefined,\n          \"z-index\": 100000,\n          \"max-height\": current?.maxHeight ?? \"100vh\",\n        } as JSX.CSSProperties;\n      },\n    },\n    placement: () => position()?.placement ?? null,\n    triggerAnchorPoint: () => position()?.triggerAnchorPoint ?? null,\n    arrowProps: {\n      \"aria-hidden\": \"true\",\n      role: \"presentation\",\n      get style(): JSX.CSSProperties {\n        const current = position();\n        return {\n          left: current?.arrowOffsetLeft != null ? `${current.arrowOffsetLeft}px` : undefined,\n          top: current?.arrowOffsetTop != null ? `${current.arrowOffsetTop}px` : undefined,\n        };\n      },\n    },\n    updatePosition,\n  };\n}\n\nexport { type Placement, type PlacementAxis } from \"./calculatePosition\";\n","/**\n * Provides the behavior and accessibility implementation for a popover component.\n * A popover is an overlay element positioned relative to a trigger.\n *\n * Ported from @react-aria/overlays usePopover.\n */\n\nimport { createEffect, onCleanup, type JSX } from \"solid-js\";\nimport { createOverlay } from \"../overlays/createOverlay\";\nimport {\n  createOverlayPosition,\n  type AriaPositionProps,\n  type PlacementAxis,\n} from \"./createOverlayPosition\";\nimport { createPreventScroll } from \"../overlays/createPreventScroll\";\nimport { ariaHideOutside, keepVisible } from \"../overlays/ariaHideOutside\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\nexport interface OverlayTriggerState {\n  /** Whether the overlay is currently open. */\n  isOpen: () => boolean;\n  /** Opens the overlay. */\n  open: () => void;\n  /** Closes the overlay. */\n  close: () => void;\n  /** Toggles the overlay's open state. */\n  toggle: () => void;\n}\n\nexport interface AriaPopoverProps extends Omit<\n  AriaPositionProps,\n  \"isOpen\" | \"onClose\" | \"targetRef\" | \"overlayRef\"\n> {\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   */\n  triggerRef: () => Element | null;\n  /**\n   * The ref for the popover element.\n   */\n  popoverRef: () => Element | null;\n  /** A ref for the popover arrow element. */\n  arrowRef?: () => Element | null;\n  /**\n   * An optional ref for a group of popovers, e.g. submenus.\n   * When provided, this element is used to detect outside interactions\n   * and hiding elements from assistive technologies instead of the popoverRef.\n   */\n  groupRef?: () => Element | null;\n  /**\n   * Whether the popover is non-modal, i.e. elements outside the popover may be\n   * interacted with by assistive technologies.\n   *\n   * Most popovers should not use this option as it may negatively impact the screen\n   * reader experience. Only use with components such as combobox, which are designed\n   * to handle this situation carefully.\n   */\n  isNonModal?: boolean;\n  /**\n   * Whether pressing the escape key to close the popover should be disabled.\n   *\n   * Most popovers should not use this option. When set to true, an alternative\n   * way to close the popover with a keyboard must be provided.\n   *\n   * @default false\n   */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * When user interacts with the argument element outside of the popover ref,\n   * return true if onClose should be called. This gives you a chance to filter\n   * out interaction with elements that should not dismiss the popover.\n   * By default, onClose will always be called on interaction outside the popover ref.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  /**\n   * The type of trigger that opened the popover.\n   * Used for submenu detection.\n   */\n  trigger?: string;\n}\n\nexport interface PopoverAria {\n  /** Props for the popover element. */\n  popoverProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the popover tip arrow if any. */\n  arrowProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props to apply to the underlay element, if any. */\n  underlayProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Placement of the popover with respect to the trigger. */\n  placement: () => PlacementAxis | null;\n  /** The origin of the target in the overlay's coordinate system. Useful for animations. */\n  triggerAnchorPoint: () => { x: number; y: number } | null;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a popover component.\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport function createPopover(props: AriaPopoverProps, state: OverlayTriggerState): PopoverAria {\n  const triggerRef = () => props.triggerRef();\n  const popoverRef = () => props.popoverRef();\n  const groupRef = () => props.groupRef?.() ?? null;\n  const isNonModal = () => props.isNonModal ?? false;\n  const isKeyboardDismissDisabled = () => props.isKeyboardDismissDisabled ?? false;\n  const shouldCloseOnInteractOutside = props.shouldCloseOnInteractOutside;\n  const isSubmenu = () => props.trigger === \"SubmenuTrigger\";\n\n  // Overlay behavior (dismiss handling)\n  const { overlayProps, underlayProps } = createOverlay(\n    {\n      get isOpen() {\n        return state.isOpen();\n      },\n      onClose: state.close,\n      get shouldCloseOnBlur() {\n        return !isSubmenu();\n      },\n      get isDismissable() {\n        return !isNonModal() || isSubmenu();\n      },\n      get isKeyboardDismissDisabled() {\n        return isKeyboardDismissDisabled();\n      },\n      get shouldCloseOnInteractOutside() {\n        return shouldCloseOnInteractOutside;\n      },\n    },\n    () => groupRef() ?? popoverRef(),\n  );\n\n  // Overlay positioning\n  const {\n    overlayProps: positionProps,\n    arrowProps,\n    placement,\n    triggerAnchorPoint,\n  } = createOverlayPosition({\n    ...props,\n    targetRef: triggerRef,\n    overlayRef: popoverRef,\n    get isOpen() {\n      return state.isOpen();\n    },\n    get onClose() {\n      return isNonModal() && !isSubmenu() ? state.close : null;\n    },\n  });\n\n  // Prevent scroll when modal popover is open\n  createPreventScroll({\n    get isDisabled() {\n      return isNonModal() || !state.isOpen();\n    },\n  });\n\n  // Aria-hide outside elements\n  createEffect(() => {\n    if (state.isOpen() && popoverRef()) {\n      const element = groupRef() ?? popoverRef();\n      if (!element) return;\n\n      let cleanup: (() => void) | undefined;\n\n      if (isNonModal()) {\n        cleanup = keepVisible(element);\n      } else {\n        cleanup = ariaHideOutside([element], { shouldUseInert: true });\n      }\n\n      onCleanup(() => {\n        cleanup?.();\n      });\n    }\n  });\n\n  const merged = mergeProps(overlayProps, positionProps) as Record<string, unknown>;\n  const popoverProps = new Proxy(merged, {\n    get(target, key: string) {\n      if (key === \"style\") return positionProps.style;\n      return target[key];\n    },\n    has(target, key) {\n      return key in target;\n    },\n    ownKeys(target) {\n      return Reflect.ownKeys(target);\n    },\n    getOwnPropertyDescriptor(target, key) {\n      if (key === \"style\") {\n        return {\n          configurable: true,\n          enumerable: true,\n          get: () => positionProps.style,\n        };\n      }\n      return Reflect.getOwnPropertyDescriptor(target, key);\n    },\n  });\n\n  return {\n    popoverProps,\n    arrowProps,\n    underlayProps,\n    placement,\n    triggerAnchorPoint,\n  };\n}\n\nexport { type PlacementAxis } from \"./createOverlayPosition\";\n"],"mappings":";;;;;;AAgGA,MAAM,OAA6B;CACjC,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACT;AAEA,MAAM,oBAA4C;CAChD,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACT;AAEA,MAAM,aAAmC;CACvC,KAAK;CACL,MAAM;AACR;AAEA,MAAM,YAAsC;CAC1C,KAAK;CACL,MAAM;AACR;AAEA,MAAM,aAA6D;CACjE,OAAO;CACP,QAAQ;AACV;AAEA,MAAM,yBAA0D,CAAC;AAEjE,SAAS,MAAM,OAAe,KAAa,KAAqB;CAC9D,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAEA,SAAS,WAAoB;CAC3B,OAAO,OAAO,WAAW,eAAe,sBAAsB,SAAS,gBAAgB;AACzF;AAEA,MAAM,0BAA2B,OAAO,aAAa,cAAc,OAAO,iBAAiB;AAE3F,SAAS,uBACP,eACA,gBACY;CACZ,IAAI,QAAQ,GACV,SAAS,GACT,aAAa,GACb,cAAc,GACd,MAAM,GACN,OAAO;CACT,MAAM,SAAmB,CAAC;CAC1B,MAAM,mBAAmB,gBAAgB,SAAS,KAAK;CAEvD,IAAI,cAAc,YAAY,UAAU,cAAc,YAAY,QAAQ;EACxE,MAAM,kBAAkB,SAAS;EACjC,aAAa,gBAAgB;EAC7B,cAAc,gBAAgB;EAC9B,QAAQ,gBAAgB,SAAS;EACjC,SAAS,gBAAgB,UAAU;EACnC,OAAO,MAAM,gBAAgB,aAAc,cAA8B;EACzE,OAAO,OAAO,gBAAgB,cAAe,cAA8B;EAE3E,IAAI,gBAAgB;GAClB,MAAM,eAAe;GACrB,OAAO,eAAe;EACxB;CACF,OAAO;EACL,CAAC,CAAE,OAAO,QAAQ,KAAK,QAAS,iBAAiB,eAAe,KAAK;EACrE,OAAO,MAAO,cAA8B;EAC5C,OAAO,OAAQ,cAA8B;EAC7C,aAAa;EACb,cAAc;CAChB;CAEA,IACE,SAAS,MACR,cAAc,YAAY,UAAU,cAAc,YAAY,WAC/D,iBACA;EACA,OAAO,MAAM;EACb,OAAO,OAAO;EACd,MAAM,gBAAgB,WAAW;EACjC,OAAO,gBAAgB,YAAY;CACrC;CAEA,OAAO;EAAE;EAAO;EAAQ;EAAY;EAAa;EAAQ;EAAK;CAAK;AACrE;AAEA,SAAS,UAAU,MAAuB;CACxC,OAAO;EACL,KAAM,KAAqB;EAC3B,MAAO,KAAqB;EAC5B,OAAQ,KAAqB;EAC7B,QAAS,KAAqB;CAChC;AACF;AAEA,SAAS,SACP,MACA,QACA,MACA,oBACA,qBACA,SACA,6BACQ;CACR,MAAM,kBAAkB,oBAAoB,OAAO,SAAS;CAC5D,MAAM,eAAe,mBAAmB,UAAU;CAElD,MAAM,oBACJ,4BAA4B,SAAS,mBAAmB,OAAO,KAAK,UAAU,KAAK;CACrF,MAAM,kBACJ,4BAA4B,SAC3B,mBAAmB,OAAO,KAAK,UAAU,KAC1C,eACA;CAEF,MAAM,kBACJ,SACA,mBACC,mBAAmB,OAAO,KAAK,UAAU,KAC1C,4BAA4B,QAC5B,mBAAmB,KAAK;CAC1B,MAAM,gBACJ,SACA,kBACA,QACC,mBAAmB,OAAO,KAAK,UAAU,KAC1C,4BAA4B,QAC5B,mBAAmB,KAAK;CAE1B,IAAI,kBAAkB,mBACpB,OAAO,oBAAoB;MACtB,IAAI,gBAAgB,iBACzB,OAAO,KAAK,IAAI,kBAAkB,eAAe,oBAAoB,eAAe;MAEpF,OAAO;AAEX;AAEA,SAAS,WAAW,MAAyB;CAC3C,MAAM,QAAQ,OAAO,iBAAiB,IAAI;CAC1C,OAAO;EACL,KAAK,SAAS,MAAM,WAAW,EAAE,KAAK;EACtC,QAAQ,SAAS,MAAM,cAAc,EAAE,KAAK;EAC5C,MAAM,SAAS,MAAM,YAAY,EAAE,KAAK;EACxC,OAAO,SAAS,MAAM,aAAa,EAAE,KAAK;CAC5C;AACF;AAEA,SAAS,eAAe,OAAmC;CACzD,IAAI,uBAAuB,QACzB,OAAO,uBAAuB;CAGhC,MAAM,CAAC,WAAW,kBAAkB,MAAM,MAAM,GAAG;CACnD,MAAM,8BAA8B,kBAAkB;CACtD,MAAM,OAAa,KAAK,cAAc;CACtC,MAAM,YAAkB,WAAW;CAEnC,IAAI,yBAAmD;CACvD,IAAI,KAAK,8BACP,yBAAyB;CAG3B,MAAM,OAAO,UAAU;CACvB,MAAM,YAAY,UAAU;CAC5B,uBAAuB,SAAS;EAC9B;EACA,gBAAgB;EAChB;EACA;EACA;EACA;CACF;CACA,OAAO,uBAAuB;AAChC;AAEA,SAAS,gBACP,aACA,qBACA,aACA,eACA,QACA,aACA,8BACA,uBACA,WACA,qBACA,qBACU;CACV,MAAM,EAAE,WAAW,gBAAgB,MAAM,WAAW,MAAM,cAAc;CACxE,MAAM,WAAqB,CAAC;CAE5B,SAAS,aAAa,YAAY,cAAc;CAChD,IAAI,mBAAmB,UACrB,SAAS,gBAAiB,YAAY,cAAc,MAAM,YAAY,cAAc,MAAM;MACrF,IAAI,mBAAmB,WAC5B,SAAS,eAAgB,YAAY,cAAc,MAAM,YAAY,cAAc;CAGrF,SAAS,cAAe;CAExB,MAAM,cACJ,YAAY,aAAa,YAAY,aAAa,YAAY;CAChE,MAAM,cACJ,YAAY,aAAa,YAAY,aAAa,YAAY;CAChE,SAAS,aAAa,MAAM,SAAS,YAAa,aAAa,WAAW;CAE1E,IAAI,cAAc,MAAM;EACtB,MAAM,kBAAkB,wBACpB,oBAAoB,QACpB,oBAAoB,WAAW;EACnC,SAAS,kBAAkB,SAA2B,KAAK,MACzD,kBAAkB,YAAY,QAAQ,MACxC;CACF,OACE,SAAS,QAAQ,KAAK,MAAM,YAAY,QAAQ,YAAY,QAAQ,MAAM;CAE5E,OAAO;AACT;AAEA,SAAS,aACP,UACA,oBACA,6BACA,wBACA,SACA,SACA,eACA,uBACA,qBACA,iCACA,gBACQ;CACR,MAAM,cACH,SAAS,OAAO,OACb,SAAS,MACT,oBAAoB,WAAW,WAAW,SAAS,UAAU,KAAK,kBACrE,oBAAoB,OAAO,OAAO;CAErC,MAAM,qCAAqC,kCACvC,4BAA4B,MAC5B;CACJ,MAAM,eAAe;EACnB,KAAK,KAAK,IACR,mBAAmB,MAAM,qCACxB,gBAAgB,aAAa,mBAAmB,OAAO,kCAC1D;EACA,QAAQ,KAAK,IACX,mBAAmB,MAAM,mBAAmB,SAAS,qCACpD,gBAAgB,aAAa,MAAM,gBAAgB,UAAU,EAChE;CACF;CAeA,OAZE,0BAA0B,QACtB,KAAK,IACH,GACA,aAAa,SAAS,eAAe,QAAQ,OAAO,MAAM,QAAQ,UAAU,KAAK,QACnF,IACA,KAAK,IACH,GACA,aACE,gBACA,aAAa,QACX,QAAQ,OAAO,MAAM,QAAQ,UAAU,KAAK,QAClD;AAER;AAEA,SAAS,kBACP,oBACA,6BACA,aACA,SACA,SACA,eACA,qBACA,iCACQ;CACR,MAAM,EAAE,WAAW,MAAM,SAAS;CAClC,IAAI,cAAc,MAChB,OAAO,KAAK,IACV,GACA,YAAY,SACT,oBAAoB,OAAO,SAAS,MACpC,mBAAmB,SACjB,kCAAkC,4BAA4B,QAAQ,OACxE,QAAQ,SAAS,MACjB,QAAQ,kBAAkB,UAA4B,KACvD,OACJ;CAGF,OAAO,KAAK,IACV,GACA,mBAAmB,QACjB,mBAAmB,SAClB,kCAAkC,4BAA4B,QAAQ,KACvE,YAAY,QACZ,YAAY,SACX,oBAAoB,OAAO,SAAS,MACpC,QAAQ,SAAS,MACjB,QAAQ,kBAAkB,UAA4B,KACvD,OACJ;AACF;AAEA,SAAgB,0BACd,gBACA,aACA,aACA,aACA,SACA,SACA,MACA,oBACA,qBACA,6BACA,QACA,aACA,uBACA,kBACA,WACA,qBACA,iCACA,gBACgB;CAChB,IAAI,gBAAgB,eAAe,cAAc;CACjD,IAAI,EAAE,MAAM,WAAW,WAAW,WAAW,mBAAmB;CAChE,IAAI,WAAW,gBACb,aACA,oBACA,aACA,eACA,QACA,aACA,6BACA,uBACA,WACA,qBACA,mBACF;CACA,IAAI,mBAAmB;CACvB,MAAM,QAAQ,kBACZ,oBACA,6BACA,aACA,SACA,UAAU,QACV,eACA,qBACA,+BACF;CAEA,IAAI,QAAQ,YAAY,QAAQ,OAAO;EACrC,MAAM,uBAAuB,eAC3B,GAAG,kBAAkB,WAAW,GAAG,gBACrC;EACA,MAAM,kBAAkB,gBACtB,aACA,oBACA,aACA,sBACA,QACA,aACA,6BACA,uBACA,WACA,qBACA,mBACF;EAaA,IAXqB,kBACnB,oBACA,6BACA,aACA,SACA,UAAU,QACV,sBACA,qBACA,+BAGa,IAAI,OAAO;GACxB,gBAAgB;GAChB,WAAW;GACX,mBAAmB;EACrB;CACF;CAEA,IAAI,wBAA+C;CACnD,IAAI,cAAc,SAAS;MACrB,cAAc,cAAc,OAC9B,wBAAwB;OACnB,IAAI,cAAc,cAAc,UACrC,wBAAwB;CAAA,OAErB,IAAI,cAAc,cAAc;MACjC,cAAc,mBAAmB,OACnC,wBAAwB;OACnB,IAAI,cAAc,mBAAmB,UAC1C,wBAAwB;CAAA;CAI5B,IAAI,QAAQ,SACV,WACA,SAAS,YACT,YAAY,YACZ,oBACA,qBACA,SACA,2BACF;CACA,SAAS,cAAe;CAExB,IAAI,YAAY,aACd,UACA,oBACA,6BACA,uBACA,SACA,SACA,YAAY,QACZ,uBACA,qBACA,iCACA,cACF;CAEA,IAAI,oBAAoB,mBAAmB,WACzC,YAAY;CAGd,YAAY,SAAS,KAAK,IAAI,YAAY,QAAQ,SAAS;CAE3D,WAAW,gBACT,aACA,oBACA,aACA,eACA,kBACA,aACA,6BACA,uBACA,WACA,qBACA,mBACF;CACA,QAAQ,SACN,WACA,SAAS,YACT,YAAY,YACZ,oBACA,qBACA,SACA,2BACF;CACA,SAAS,cAAe;CAExB,MAAM,gBAA0B,CAAC;CAEjC,CAAC,CAAE,WAAW,kBAAmB;CACjC,IAAI,SAAS,YAAY,aAAa,SAAS,cAAe,QAAQ,KAAK,eAAe;CAC1F,IAAI,yBAAyB,SAAS,KAAM,YAAY;CAExD,MAAM,mBAAmB,YAAY,IAAI;CACzC,MAAM,gBACJ,KAAK,eAAe,UACf,QAAQ,QAAQ,MAAM,QAAQ,SAAS,MACvC,QAAQ,OAAO,MAAM,QAAQ,UAAU;CAC9C,MAAM,mBACJ,YAAY,aAAa,gBAAgB,YAAY,IAAI;CAiB3D,cAAc,aAAa,MALW,MACpC,wBAVA,YAAY,aACZ,YAAY,KACX,SAAS,cAAe,QAAQ,KAAK,eAAe,KAErD,YAAY,aACZ,YAAY,aACZ,YAAY,KACX,SAAS,cAAe,QAAQ,KAAK,eAAe,GAQzB,GAC5B,kBACA,gBACF;CAEA,IAAI,WACF,SAAS,cAAc;MAClB,IAAI,mBAAmB,WAAW,mBAAmB,UAC1D,UAAU,YAAY;MACjB,IAAI,mBAAmB,UAC5B,UAAU,YAAY,aAAa;CAGrC,MAAM,cAAc,cAAc,UAAU,cAAc,QAAQ,YAAY,QAAQ;CACtF,MAAM,qBAAqB;EACzB,GAAG,cAAc,SAAS,cAAc,WAAW,SAAS;EAC5D,GAAG,cAAc,UAAU,cAAc,UAAU,SAAS;CAC9D;CAEA,OAAO;EACL;EACW;EACX,iBAAiB,cAAc;EAC/B,gBAAgB,cAAc;EAC9B;EACA;CACF;AACF;AAEA,SAAgB,QAAQ,MAAe,aAAsB;CAC3D,MAAM,EAAE,KAAK,MAAM,OAAO,QAAQ,QAAQ,YAAY,KAAK,sBAAsB;CACjF,IAAI,QAAQ;CACZ,IAAI,SAAS;CAEb,IAAI,eAAe,iBAAiB,KAAK,cAAc,aAAa,eAAe,cAAc;EAC/F,QAAS,KAAqB;EAC9B,SAAU,KAAqB;CACjC;CAEA,OAAO;EAAE;EAAK;EAAM;EAAO;CAAO;AACpC;AAEA,SAAS,iBACP,MACA,aACA,cACQ;CACR,MAAM,EAAE,KAAK,MAAM,OAAO,WAAW,gBAAgB,QAAQ,MAAM,WAAW;CAC9E,MAAM,EAAE,WAAW,YAAY,WAAW,eAAe,SAAS;CAClE,OAAO;EACL,KAAK,MAAM,YAAY;EACvB,MAAM,OAAO,aAAa;EAC1B;EACA;CACF;AACF;AAEA,SAAS,YACP,MACA,QACA,aACA,cACQ;CACR,MAAM,QAAQ,OAAO,iBAAiB,IAAI;CAC1C,IAAI;CACJ,IAAI,MAAM,aAAa,SACrB,SAAS,gBAAgB,QAAQ,MAAM,WAAW;MAC7C;EACL,SAAS,iBAAiB,MAAM,aAAa,YAAY;EACzD,MAAM,eAAe,iBAAiB,QAAQ,WAAW;EACzD,MAAM,cAAc,OAAO,iBAAiB,MAAM;EAClD,aAAa,QACV,SAAS,YAAY,gBAAgB,EAAE,KAAK,KAAM,OAAuB;EAC5E,aAAa,SACV,SAAS,YAAY,iBAAiB,EAAE,KAAK,KAAM,OAAuB;EAC7E,OAAO,OAAO,aAAa;EAC3B,OAAO,QAAQ,aAAa;CAC9B;CAEA,OAAO,OAAO,SAAS,MAAM,WAAW,EAAE,KAAK;CAC/C,OAAO,QAAQ,SAAS,MAAM,YAAY,EAAE,KAAK;CACjD,OAAO;AACT;AAEA,SAAS,mBAAmB,MAA4B;CACtD,IAAI,eAAe,KAAK;CAExB,IACE,gBACA,iBAAiB,SAAS,QAC1B,OAAO,iBAAiB,YAAY,CAAC,CAAC,aAAa,YACnD,CAAC,kBAAkB,YAAY,GAE/B,eAAe,SAAS;CAG1B,IAAI,gBAAgB,MAAM;EACxB,eAAe,KAAK;EACpB,OAAO,gBAAgB,CAAC,kBAAkB,YAAY,GACpD,eAAe,aAAa;CAEhC;CAEA,OAAO,gBAAgB,SAAS;AAClC;AAEA,SAAS,kBAAkB,MAAwB;CACjD,MAAM,QAAQ,OAAO,iBAAiB,IAAI;CAC1C,OACE,MAAM,cAAc,UACpB,wBAAwB,KAAK,MAAM,UAAU,KAC7C,MAAM,WAAW,UACjB,MAAM,YAAY,WACjB,oBAAoB,SAAS,MAAM,iBAAiB,iBAAiB,MAAM,UAC3E,0BAA0B,SACzB,MAAM,iBAAiB,yBAAyB,MAAM;AAE5D;;;;AAKA,SAAgB,kBAAkB,MAAoC;CACpE,MAAM,EACJ,WACA,YACA,aACA,YACA,SACA,YACA,iBACA,QACA,aACA,WACA,WACA,sBAAsB,GACtB,eACE;CAEJ,MAAM,iBAAiB,kBAAkB;CACzC,MAAM,YACJ,uBAAuB,cAAc,mBAAmB,WAAW,IAAI,SAAS;CAClF,MAAM,sBAAsB,cAAc,SAAS;CACnD,MAAM,yBAAyB,OAAO,iBAAiB,SAAS,CAAC,CAAC;CAClE,MAAM,wBAAwB,CAAC,CAAC,0BAA0B,2BAA2B;CACrF,MAAM,cAAsB,sBACxB,iBAAiB,YAAY,OAAO,UAAU,IAC9C,YAAY,YAAY,WAAW,OAAO,UAAU;CAExD,IAAI,CAAC,qBAAqB;EACxB,MAAM,EAAE,WAAW,eAAe,OAAO,iBAAiB,UAAU;EACpE,YAAY,OAAO,SAAS,WAAW,EAAE,KAAK;EAC9C,YAAY,QAAQ,SAAS,YAAY,EAAE,KAAK;CAClD;CAEA,MAAM,cAAsB,iBAAiB,aAAa,IAAI;CAC9D,MAAM,UAAU,WAAW,WAAW;CACtC,YAAY,UAAU,QAAQ,QAAQ,MAAM,QAAQ,SAAS;CAC7D,YAAY,WAAW,QAAQ,OAAO,MAAM,QAAQ,UAAU;CAQ9D,OAAO,0BACL,WACA,aACA,aATiB,UAAU,UAUlB,GACT,SACA,SACA,YAZyB,uBAAuB,iBAAiB,cAahD,GAZS,uBAAuB,WAAW,cAa1C,GAZwB,YAAY,iBAAiB,WAAW,KAaxD,GAC1B,QACA,aACA,uBACA,WACA,WACA,qBAjBsC,gBAAgB,SAAS,SAkBjC,GAC9B,cACF;AACF;;;;;;;;;AChpBA,MAAM,iBAAiB,OAAO,aAAa,cAAc,OAAO,iBAAiB;AAEjF,SAAS,aAAa,UAAkB,WAA2B;CACjE,IAAI,cAAc,OAChB,OAAO,SAAS,QAAQ,SAAS,OAAO,CAAC,CAAC,QAAQ,OAAO,MAAM;CAEjE,OAAO,SAAS,QAAQ,SAAS,MAAM,CAAC,CAAC,QAAQ,OAAO,OAAO;AACjE;;;;;AAMA,SAAgB,sBAAsB,OAAwC;CAC5E,MAAM,SAAS,UAAU;CACzB,MAAM,kBAAkB,OAAO,CAAC,CAAC;CAEjC,MAAM,kBAAkB,MAAM,aAAa;CAC3C,MAAM,kBAAkB,MAAM,UAAU;CACxC,MAAM,mBAAmB,MAAM,WAAW;CAC1C,MAAM,iBAAiB,MAAM,WAAW,KAAK;CAC7C,MAAM,kBAAkB,MAAM,YAAY,KAAK,WAAW;CAC1D,MAAM,kBAAmB,MAAM,aAAa;CAC5C,MAAM,yBAAyB,MAAM,oBAAoB;CACzD,MAAM,mBAAmB,MAAM,cAAc;CAC7C,MAAM,wBACJ,MAAM,oBAAoB,OAAO,aAAa,cAAc,SAAS,OAAO;CAC9E,MAAM,eAAe,MAAM,UAAU;CACrC,MAAM,oBAAoB,MAAM,eAAe;CAC/C,MAAM,6BAA6B,MAAM,wBAAwB;CACjE,MAAM,eAAe,MAAM,UAAU;CACrC,MAAM,gBAAgB,MAAM;CAC5B,MAAM,kBAAkB,MAAM;CAC9B,MAAM,4BAA4B,MAAM,uBAAuB;CAE/D,MAAM,CAAC,UAAU,eAAe,aAAoC,IAAI;CAGxE,IAAI,YAAY,gBAAgB;CAEhC,mBAAmB;EACjB,IAAI,OAAO,GACT,YAAY,gBAAgB;CAEhC,CAAC;CAED,MAAM,uBAAuB;EAC3B,MAAM,cAAc,WAAW;EAC/B,MAAM,aAAa,UAAU;EAC7B,MAAM,WAAW,gBAAgB;EAEjC,IAAI,CAAC,qBAAqB,KAAK,CAAC,OAAO,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,UAC1E;EAGF,IAAI,gBAAgB,UAAU,WAC5B;EAGF,MAAM,aAAa,UAAU;EAC7B,MAAM,YAAY,SAAS;EAG3B,MAAM,UAAU;EAChB,IAAI,CAAC,UAAU,KAAK,aAAa;GAC/B,QAAQ,MAAM,MAAM;GACpB,QAAQ,MAAM,SAAS;GACvB,QAAQ,MAAM,aAAa,OAAO,gBAAgB,UAAU,OAAO,eAAe;EACpF;EAEA,MAAM,SAAS,kBAAkB;GAC/B,WAAW,aAAa,UAAU,GAAG,UAAU,CAAC;GAChD;GACA;GACA,YAAY,cAAc;GAC1B,SAAS,iBAAiB;GAC1B,YAAY,WAAW;GACvB,iBAAiB;GACjB,QAAQ,OAAO;GACf,aAAa,YAAY;GACzB,WAAW,UAAU;GACrB,WAAW,UAAU,MAAM,YAAY,QAAQ,WAAW,IAAI,CAAC,CAAC,QAAQ;GACxE,qBAAqB,oBAAoB;GACzC,YAAY,MAAM,gBAAgB,UAAU;EAC9C,CAAC;EAED,IAAI,CAAC,OAAO,UACV;EAIF,QAAQ,MAAM,MAAM;EACpB,QAAQ,MAAM,SAAS;EACvB,QAAQ,MAAM,OAAO;EACrB,QAAQ,MAAM,QAAQ;EAEtB,MAAM,MAAM,OAAO;EACnB,OAAO,KAAK,GAAG,CAAC,CAAC,SAAS,QAAQ;GAChC,QAAQ,MAAM,YAAY,KAAK,IAAI,OAAO,IAAI;EAChD,CAAC;EACD,QAAQ,MAAM,YAAY,OAAO,aAAa,OAAO,OAAO,YAAY,OAAO;EAE/E,YAAY,MAAM;CACpB;CAGA,mBAAmB;EAEjB,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,UAAU;EACV,SAAS;EACT,UAAU;EACV,iBAAiB;EACjB,WAAW;EACX,gBAAgB;EAChB,OAAO;EACP,YAAY;EACZ,OAAO;EACP,UAAU;EACV,oBAAoB;EACpB,UAAU;EAEV,eAAe;CACjB,CAAC;CAGD,mBAAmB;EACjB,IAAI,CAAC,OAAO,GAAG;EAEf,MAAM,qBAAqB,eAAe;EAC1C,OAAO,iBAAiB,UAAU,cAAc,KAAK;EAErD,gBAAgB;GACd,OAAO,oBAAoB,UAAU,cAAc,KAAK;EAC1D,CAAC;CACH,CAAC;CAGD,mBAAmB;EACjB,MAAM,cAAc,WAAW;EAC/B,IAAI,CAAC,eAAe,CAAC,OAAO,GAAG;EAE/B,MAAM,iBAAiB,IAAI,qBAAqB,eAAe,CAAC;EAChE,eAAe,QAAQ,WAAW;EAElC,gBAAgB;GACd,eAAe,WAAW;EAC5B,CAAC;CACH,CAAC;CAGD,mBAAmB;EACjB,MAAM,aAAa,UAAU;EAC7B,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG;EAE9B,MAAM,iBAAiB,IAAI,qBAAqB,eAAe,CAAC;EAChE,eAAe,QAAQ,UAAU;EAEjC,gBAAgB;GACd,eAAe,WAAW;EAC5B,CAAC;CACH,CAAC;CAGD,mBAAmB;EACjB,IAAI,CAAC,OAAO,GAAG;EAEf,IAAI;EACJ,IAAI,aAAa;EAEjB,MAAM,iBAAiB;GACrB,aAAa;GACb,aAAa,OAAO;GACpB,UAAU,iBAAiB;IACzB,aAAa;GACf,GAAG,GAAG;GACN,eAAe;EACjB;EAEA,MAAM,iBAAiB;GACrB,IAAI,YACF,SAAS;EAEb;EAEA,gBAAgB,iBAAiB,UAAU,QAAQ;EACnD,gBAAgB,iBAAiB,UAAU,QAAQ;EAEnD,gBAAgB;GACd,gBAAgB,oBAAoB,UAAU,QAAQ;GACtD,gBAAgB,oBAAoB,UAAU,QAAQ;GACtD,aAAa,OAAO;EACtB,CAAC;CACH,CAAC;CAGD,mBAAmB;EACjB,MAAM,aAAa,UAAU;EAC7B,MAAM,eAAe,QAAQ;EAC7B,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,cAAc;EAE/C,MAAM,gBAAgB,MAAa;GACjC,MAAM,SAAS,EAAE;GAEjB,IAAI,WAAW,CAAC,EAAE,SAAS,MAAM,GAAG;GAEpC,IACE,WAAW,SAAS,QACpB,WAAW,SAAS,mBACpB,OAAO,SAAS,UAAU,GAE1B,aAAa;EAEjB;EAEA,SAAS,iBAAiB,UAAU,cAAc,IAAI;EAEtD,gBAAgB;GACd,SAAS,oBAAoB,UAAU,cAAc,IAAI;EAC3D,CAAC;CACH,CAAC;CAED,OAAO;EACL,cAAc,EACZ,IAAI,QAA2B;GAC7B,MAAM,UAAU,SAAS;GACzB,OAAO;IACL,UAAU,UAAU,aAAa;IACjC,KAAK,CAAC,UAAU,IAAI,KAAA;IACpB,MAAM,CAAC,UAAU,IAAI,KAAA;IACrB,WAAW;IACX,cAAc,SAAS,aAAa;GACtC;EACF,EACF;EACA,iBAAiB,SAAS,CAAC,EAAE,aAAa;EAC1C,0BAA0B,SAAS,CAAC,EAAE,sBAAsB;EAC5D,YAAY;GACV,eAAe;GACf,MAAM;GACN,IAAI,QAA2B;IAC7B,MAAM,UAAU,SAAS;IACzB,OAAO;KACL,MAAM,SAAS,mBAAmB,OAAO,GAAG,QAAQ,gBAAgB,MAAM,KAAA;KAC1E,KAAK,SAAS,kBAAkB,OAAO,GAAG,QAAQ,eAAe,MAAM,KAAA;IACzE;GACF;EACF;EACA;CACF;AACF;;;;;;;;;;;;;ACjRA,SAAgB,cAAc,OAAyB,OAAyC;CAC9F,MAAM,mBAAmB,MAAM,WAAW;CAC1C,MAAM,mBAAmB,MAAM,WAAW;CAC1C,MAAM,iBAAiB,MAAM,WAAW,KAAK;CAC7C,MAAM,mBAAmB,MAAM,cAAc;CAC7C,MAAM,kCAAkC,MAAM,6BAA6B;CAC3E,MAAM,+BAA+B,MAAM;CAC3C,MAAM,kBAAkB,MAAM,YAAY;CAG1C,MAAM,EAAE,cAAc,kBAAkB,cACtC;EACE,IAAI,SAAS;GACX,OAAO,MAAM,OAAO;EACtB;EACA,SAAS,MAAM;EACf,IAAI,oBAAoB;GACtB,OAAO,CAAC,UAAU;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,CAAC,WAAW,KAAK,UAAU;EACpC;EACA,IAAI,4BAA4B;GAC9B,OAAO,0BAA0B;EACnC;EACA,IAAI,+BAA+B;GACjC,OAAO;EACT;CACF,SACM,SAAS,KAAK,WAAW,CACjC;CAGA,MAAM,EACJ,cAAc,eACd,YACA,WACA,uBACE,sBAAsB;EACxB,GAAG;EACH,WAAW;EACX,YAAY;EACZ,IAAI,SAAS;GACX,OAAO,MAAM,OAAO;EACtB;EACA,IAAI,UAAU;GACZ,OAAO,WAAW,KAAK,CAAC,UAAU,IAAI,MAAM,QAAQ;EACtD;CACF,CAAC;CAGD,oBAAoB,EAClB,IAAI,aAAa;EACf,OAAO,WAAW,KAAK,CAAC,MAAM,OAAO;CACvC,EACF,CAAC;CAGD,mBAAmB;EACjB,IAAI,MAAM,OAAO,KAAK,WAAW,GAAG;GAClC,MAAM,UAAU,SAAS,KAAK,WAAW;GACzC,IAAI,CAAC,SAAS;GAEd,IAAI;GAEJ,IAAI,WAAW,GACb,UAAU,YAAY,OAAO;QAE7B,UAAU,gBAAgB,CAAC,OAAO,GAAG,EAAE,gBAAgB,KAAK,CAAC;GAG/D,gBAAgB;IACd,UAAU;GACZ,CAAC;EACH;CACF,CAAC;CAED,MAAM,SAAS,WAAW,cAAc,aAAa;CAwBrD,OAAO;EACL,cAAA,IAxBuB,MAAM,QAAQ;GACrC,IAAI,QAAQ,KAAa;IACvB,IAAI,QAAQ,SAAS,OAAO,cAAc;IAC1C,OAAO,OAAO;GAChB;GACA,IAAI,QAAQ,KAAK;IACf,OAAO,OAAO;GAChB;GACA,QAAQ,QAAQ;IACd,OAAO,QAAQ,QAAQ,MAAM;GAC/B;GACA,yBAAyB,QAAQ,KAAK;IACpC,IAAI,QAAQ,SACV,OAAO;KACL,cAAc;KACd,YAAY;KACZ,WAAW,cAAc;IAC3B;IAEF,OAAO,QAAQ,yBAAyB,QAAQ,GAAG;GACrD;EACF,CAGa;EACX;EACA;EACA;EACA;CACF;AACF"}

package/dist/_chunk/radio.js

@@ -0,0 +1,319 @@
+import { t as createPress } from "./createPress.js";
+import { i as access, o as mergeProps, t as isDevEnv } from "./env.js";
+import { t as filterDOMProps } from "./filterDOMProps.js";
+import { a as getEventTarget, t as focusSafely } from "./focus.js";
+import { t as createFocusWithin } from "./createFocusWithin.js";
+import { n as createFocusable } from "./createFocusable.js";
+import { a as useLocale } from "./createCollator.js";
+import { createId as createId$1, createSlotId } from "../ssr/index.js";
+import { t as createField } from "./createField.js";
+import { createEffect } from "solid-js";
+import { createRadioGroupState, radioGroupSyncVersion, radioGroupSyncVersion as radioGroupSyncVersion$1 } from "@proyecto-viviana/solid-stately";
+//#region src/radio/createRadioGroup.ts
+const radioGroupData = /* @__PURE__ */ new WeakMap();
+/**
+* Provides the behavior and accessibility implementation for a radio group component.
+* Radio groups allow users to select a single item from a list of mutually exclusive options.
+*/
+function createRadioGroup(props, state) {
+	const getProps = () => access(props);
+	const locale = useLocale();
+	const orientation = () => getProps().orientation ?? "vertical";
+	const isReadOnly = () => getProps().isReadOnly ?? false;
+	const isRequired = () => getProps().isRequired ?? false;
+	const isDisabled = () => getProps().isDisabled ?? false;
+	const validationBehavior = () => getProps().validationBehavior ?? "native";
+	const displayValidation = () => state.displayValidation();
+	const validationErrors = () => displayValidation().validationErrors;
+	const validationDetails = () => displayValidation().validationDetails;
+	const isInvalid = () => displayValidation().isInvalid;
+	const fallbackErrorMessage = () => {
+		const errors = validationErrors();
+		return errors.length > 0 ? errors : void 0;
+	};
+	const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({
+		get id() {
+			return getProps().id;
+		},
+		get label() {
+			return getProps().label;
+		},
+		get "aria-label"() {
+			return getProps()["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return getProps()["aria-labelledby"];
+		},
+		get description() {
+			return getProps().description;
+		},
+		get errorMessage() {
+			return getProps().errorMessage ?? fallbackErrorMessage();
+		},
+		get isInvalid() {
+			return isInvalid();
+		},
+		labelElementType: "span"
+	});
+	const { focusWithinProps } = createFocusWithin({
+		onBlurWithin(e) {
+			getProps().onBlur?.(e);
+			if (!state.selectedValue()) state.setLastFocusedValue(null);
+		},
+		onFocusWithin: (e) => getProps().onFocus?.(e),
+		onFocusWithinChange: (isFocused) => getProps().onFocusChange?.(isFocused)
+	});
+	const domProps = () => filterDOMProps(getProps(), { labelable: true });
+	const groupName = getProps().name ?? createId$1();
+	radioGroupData.set(state, {
+		name: groupName,
+		form: getProps().form,
+		descriptionId: descriptionProps.id,
+		errorMessageId: errorMessageProps.id,
+		validationBehavior: validationBehavior()
+	});
+	const getNavigableRadios = (root) => {
+		return Array.from(root.querySelectorAll("input[type=\"radio\"]")).filter((el) => {
+			return el instanceof HTMLInputElement && !el.matches(":disabled");
+		});
+	};
+	const onKeyDown = (e) => {
+		let nextDir = null;
+		const isHorizontal = orientation() !== "vertical";
+		const isRTL = locale().direction === "rtl" && isHorizontal;
+		switch (e.key) {
+			case "ArrowRight":
+				nextDir = isRTL ? "prev" : "next";
+				break;
+			case "ArrowLeft":
+				nextDir = isRTL ? "next" : "prev";
+				break;
+			case "ArrowDown":
+				nextDir = "next";
+				break;
+			case "ArrowUp":
+				nextDir = "prev";
+				break;
+			default: return;
+		}
+		e.preventDefault();
+		const root = e.currentTarget;
+		if (!(root instanceof HTMLElement)) return;
+		const radios = getNavigableRadios(root);
+		if (radios.length === 0) return;
+		const eventTarget = getEventTarget(e);
+		const activeElement = root.ownerDocument.activeElement;
+		const currentRadio = eventTarget instanceof HTMLInputElement && eventTarget.type === "radio" ? eventTarget : activeElement instanceof HTMLInputElement && activeElement.type === "radio" ? activeElement : null;
+		const currentIndex = currentRadio ? radios.indexOf(currentRadio) : -1;
+		let nextIndex;
+		if (nextDir === "next") nextIndex = currentIndex >= 0 ? (currentIndex + 1) % radios.length : 0;
+		else nextIndex = currentIndex >= 0 ? (currentIndex - 1 + radios.length) % radios.length : radios.length - 1;
+		const nextRadio = radios[nextIndex];
+		if (!nextRadio) return;
+		focusSafely(nextRadio);
+		state.setSelectedValue(nextRadio.value);
+	};
+	return {
+		get radioGroupProps() {
+			return mergeProps(domProps(), focusWithinProps, {
+				role: "radiogroup",
+				onKeyDown,
+				"aria-invalid": isInvalid() || void 0,
+				"aria-errormessage": getProps()["aria-errormessage"],
+				"aria-readonly": isReadOnly() || void 0,
+				"aria-required": isRequired() || void 0,
+				"aria-disabled": isDisabled() || void 0,
+				"aria-orientation": orientation(),
+				...fieldProps
+			});
+		},
+		labelProps,
+		descriptionProps,
+		errorMessageProps,
+		get isInvalid() {
+			return isInvalid();
+		},
+		get validationErrors() {
+			return validationErrors();
+		},
+		get validationDetails() {
+			return validationDetails();
+		}
+	};
+}
+//#endregion
+//#region src/radio/createRadio.ts
+/**
+* Radio hook for Solidaria
+*
+* Provides the behavior and accessibility implementation for an individual
+* radio button in a radio group.
+*
+* This is a 1:1 port of @react-aria/radio's useRadio hook.
+*/
+/**
+* Provides the behavior and accessibility implementation for an individual
+* radio button in a radio group.
+*/
+function createRadio(props, state, ref) {
+	const getProps = () => access(props);
+	const isDisabled = () => getProps().isDisabled || state.isDisabled;
+	const value = () => getProps().value;
+	const isSelected = () => {
+		return state.selectedValue() === value();
+	};
+	createEffect(() => {
+		const p = getProps();
+		const hasChildren = p.children != null;
+		const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
+		if (!hasChildren && !hasAriaLabel && isDevEnv()) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+	});
+	createEffect(() => {
+		radioGroupSyncVersion.get(state)?.();
+		const shouldBeChecked = isSelected();
+		const inputEl = ref();
+		if (!inputEl) return;
+		if (inputEl.checked !== shouldBeChecked) inputEl.checked = shouldBeChecked;
+	});
+	const onChange = (e) => {
+		e.stopPropagation();
+		const target = e.target;
+		if (isDisabled()) {
+			target.checked = isSelected();
+			return;
+		}
+		state.setSelectedValue(value());
+		target.focus();
+		target.checked = isSelected();
+	};
+	const { pressProps, isPressed } = createPress({
+		get onPressStart() {
+			return getProps().onPressStart;
+		},
+		get onPressEnd() {
+			return getProps().onPressEnd;
+		},
+		get onPressChange() {
+			return getProps().onPressChange;
+		},
+		get onPress() {
+			return getProps().onPress;
+		},
+		get onPressUp() {
+			return getProps().onPressUp;
+		},
+		get onClick() {
+			return getProps().onClick;
+		},
+		get isDisabled() {
+			return isDisabled();
+		}
+	});
+	const { pressProps: labelPressProps, isPressed: isLabelPressed } = createPress({
+		get onPressStart() {
+			return getProps().onPressStart;
+		},
+		get onPressEnd() {
+			return getProps().onPressEnd;
+		},
+		get onPressChange() {
+			return getProps().onPressChange;
+		},
+		get onPressUp() {
+			return getProps().onPressUp;
+		},
+		get onClick() {
+			return getProps().onClick;
+		},
+		onPress(e) {
+			getProps().onPress?.(e);
+			state.setSelectedValue(value());
+			ref()?.focus();
+		},
+		get isDisabled() {
+			return isDisabled();
+		}
+	});
+	const { focusableProps } = createFocusable({
+		get isDisabled() {
+			return isDisabled();
+		},
+		get autoFocus() {
+			return getProps().autoFocus;
+		},
+		onFocus(e) {
+			getProps().onFocus?.(e);
+			state.setLastFocusedValue(value());
+		},
+		get onBlur() {
+			return getProps().onBlur;
+		},
+		get onFocusChange() {
+			return getProps().onFocusChange;
+		},
+		get onKeyDown() {
+			return getProps().onKeyDown;
+		},
+		get onKeyUp() {
+			return getProps().onKeyUp;
+		}
+	}, ref);
+	const interactions = mergeProps(pressProps, focusableProps);
+	const domProps = () => filterDOMProps(getProps(), { labelable: true });
+	const getTabIndex = () => {
+		if (isDisabled()) return;
+		const selected = state.selectedValue();
+		const lastFocused = state.lastFocusedValue();
+		const currentValue = value();
+		if (selected != null) {
+			if (selected === currentValue) return 0;
+			return -1;
+		} else {
+			if (lastFocused === currentValue || lastFocused == null) return 0;
+			return -1;
+		}
+	};
+	const getGroupData = () => radioGroupData.get(state);
+	const combinedIsPressed = () => isPressed() || isLabelPressed();
+	const descriptionId = createSlotId();
+	return {
+		labelProps: mergeProps(labelPressProps, {
+			onClick: (e) => e.preventDefault(),
+			onMouseDown: (e) => e.preventDefault()
+		}),
+		get inputProps() {
+			const p = getProps();
+			const groupData = getGroupData();
+			const describedByIds = [];
+			if (p["aria-describedby"]) describedByIds.push(p["aria-describedby"]);
+			const ownDescriptionId = descriptionId();
+			if (ownDescriptionId) describedByIds.push(ownDescriptionId);
+			if (state.isInvalid && groupData?.errorMessageId) describedByIds.push(groupData.errorMessageId);
+			if (groupData?.descriptionId) describedByIds.push(groupData.descriptionId);
+			const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(" ") : void 0;
+			const validationBehavior = groupData?.validationBehavior ?? "native";
+			return mergeProps(domProps(), interactions, {
+				type: "radio",
+				name: groupData?.name,
+				form: groupData?.form,
+				tabIndex: getTabIndex(),
+				disabled: isDisabled(),
+				required: validationBehavior === "native" ? state.isRequired : void 0,
+				checked: isSelected(),
+				value: value(),
+				onChange,
+				"aria-describedby": ariaDescribedBy
+			});
+		},
+		get descriptionProps() {
+			return { id: descriptionId() };
+		},
+		isDisabled: isDisabled(),
+		isSelected,
+		isPressed: combinedIsPressed
+	};
+}
+//#endregion
+export { radioGroupData as a, createRadioGroup as i, radioGroupSyncVersion$1 as n, createRadio as r, createRadioGroupState as t };
+
+//# sourceMappingURL=radio.js.map

package/dist/_chunk/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":["createId"],"sources":["../../src/radio/createRadioGroup.ts","../../src/radio/createRadio.ts"],"sourcesContent":["/**\n * Radio group hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n *\n * This is a 1:1 port of @react-aria/radio's useRadioGroup hook.\n */\n\nimport { JSX } from \"solid-js\";\nimport { createField } from \"../label/createField\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { focusSafely, getEventTarget } from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport { createId } from \"../ssr\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { type RadioGroupState, type ValidityState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaRadioGroupProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n  /** A description for the radio group. Provides additional context. */\n  description?: JSX.Element;\n  /** An error message for the radio group. */\n  errorMessage?:\n    | JSX.Element\n    | ((validation: { isInvalid: boolean; validationErrors: string[] }) => JSX.Element);\n  /** Whether the radio group is disabled. */\n  isDisabled?: boolean;\n  /** Whether the radio group is read only. */\n  isReadOnly?: boolean;\n  /** Whether the radio group is required. */\n  isRequired?: boolean;\n  /** Whether the radio group is invalid. */\n  isInvalid?: boolean;\n  /** The axis the Radio Button(s) should align with. Defaults to 'vertical'. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** The name of the radio group, used when submitting an HTML form. */\n  name?: string;\n  /** The form to associate the radio group with. */\n  form?: string;\n  /** Validation behavior for the radio group. */\n  validationBehavior?: \"aria\" | \"native\";\n  /** Handler that is called when the radio group receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide an error message for the object. */\n  \"aria-errormessage\"?: string;\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface RadioGroupAria {\n  /** Props for the radio group wrapper element. */\n  radioGroupProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the radio group's visible label (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio group is invalid. */\n  isInvalid: boolean;\n  /** Validation errors, if any. */\n  validationErrors: string[];\n  /** Validation details, if any. */\n  validationDetails: ValidityState;\n}\n\n// WeakMap to share data between radio group and radio items\ninterface RadioGroupData {\n  name: string;\n  form: string | undefined;\n  descriptionId: string | undefined;\n  errorMessageId: string | undefined;\n  validationBehavior: \"aria\" | \"native\";\n}\n\nexport const radioGroupData: WeakMap<RadioGroupState, RadioGroupData> = new WeakMap();\n\n/**\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n */\nexport function createRadioGroup(\n  props: MaybeAccessor<AriaRadioGroupProps>,\n  state: RadioGroupState,\n): RadioGroupAria {\n  const getProps = () => access(props);\n  const locale = useLocale();\n\n  const orientation = () => getProps().orientation ?? \"vertical\";\n  const isReadOnly = () => getProps().isReadOnly ?? false;\n  const isRequired = () => getProps().isRequired ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const validationBehavior = () => getProps().validationBehavior ?? \"native\";\n  const displayValidation = () => state.displayValidation();\n  const validationErrors = () => displayValidation().validationErrors;\n  const validationDetails = () => displayValidation().validationDetails;\n  const isInvalid = () => displayValidation().isInvalid;\n  const fallbackErrorMessage = () => {\n    const errors = validationErrors();\n    return errors.length > 0 ? errors : undefined;\n  };\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({\n    get id() {\n      return getProps().id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get description() {\n      return getProps().description;\n    },\n    get errorMessage() {\n      return getProps().errorMessage ?? fallbackErrorMessage();\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    // Radio group is not an HTML input element so it\n    // shouldn't be labeled by a <label> element.\n    labelElementType: \"span\",\n  });\n\n  // Handle focus within - reset focusable radio when group loses focus and no selection\n  const { focusWithinProps } = createFocusWithin({\n    onBlurWithin(e: FocusEvent) {\n      getProps().onBlur?.(e);\n      if (!state.selectedValue()) {\n        state.setLastFocusedValue(null);\n      }\n    },\n    onFocusWithin: (e: FocusEvent) => getProps().onFocus?.(e),\n    onFocusWithinChange: (isFocused: boolean) => getProps().onFocusChange?.(isFocused),\n  });\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const groupName = getProps().name ?? createId();\n\n  radioGroupData.set(state, {\n    name: groupName,\n    form: getProps().form,\n    descriptionId: descriptionProps.id,\n    errorMessageId: errorMessageProps.id,\n    validationBehavior: validationBehavior(),\n  });\n\n  const getNavigableRadios = (root: HTMLElement): HTMLInputElement[] => {\n    return Array.from(root.querySelectorAll('input[type=\"radio\"]')).filter(\n      (el): el is HTMLInputElement => {\n        return el instanceof HTMLInputElement && !el.matches(\":disabled\");\n      },\n    );\n  };\n\n  // Keyboard navigation parity with React Aria.\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (e) => {\n    let nextDir: \"next\" | \"prev\" | null = null;\n    const currentOrientation = orientation();\n    const isHorizontal = currentOrientation !== \"vertical\";\n    const isRTL = locale().direction === \"rtl\" && isHorizontal;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        nextDir = isRTL ? \"prev\" : \"next\";\n        break;\n      case \"ArrowLeft\":\n        nextDir = isRTL ? \"next\" : \"prev\";\n        break;\n      case \"ArrowDown\":\n        nextDir = \"next\";\n        break;\n      case \"ArrowUp\":\n        nextDir = \"prev\";\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n\n    const root = e.currentTarget;\n    if (!(root instanceof HTMLElement)) {\n      return;\n    }\n\n    const radios = getNavigableRadios(root);\n    if (radios.length === 0) {\n      return;\n    }\n\n    const eventTarget = getEventTarget<Element>(e);\n    const activeElement = root.ownerDocument.activeElement;\n\n    const currentRadio =\n      eventTarget instanceof HTMLInputElement && eventTarget.type === \"radio\"\n        ? eventTarget\n        : activeElement instanceof HTMLInputElement && activeElement.type === \"radio\"\n          ? activeElement\n          : null;\n\n    const currentIndex = currentRadio ? radios.indexOf(currentRadio) : -1;\n\n    let nextIndex: number;\n    if (nextDir === \"next\") {\n      nextIndex = currentIndex >= 0 ? (currentIndex + 1) % radios.length : 0;\n    } else {\n      nextIndex =\n        currentIndex >= 0 ? (currentIndex - 1 + radios.length) % radios.length : radios.length - 1;\n    }\n\n    const nextRadio = radios[nextIndex];\n    if (!nextRadio) {\n      return;\n    }\n\n    focusSafely(nextRadio);\n    state.setSelectedValue(nextRadio.value);\n  };\n\n  return {\n    get radioGroupProps() {\n      return mergeProps(domProps(), focusWithinProps as unknown as Record<string, unknown>, {\n        role: \"radiogroup\",\n        onKeyDown,\n        \"aria-invalid\": isInvalid() || undefined,\n        \"aria-errormessage\": getProps()[\"aria-errormessage\"],\n        \"aria-readonly\": isReadOnly() || undefined,\n        \"aria-required\": isRequired() || undefined,\n        \"aria-disabled\": isDisabled() || undefined,\n        \"aria-orientation\": orientation(),\n        ...fieldProps,\n      }) as JSX.HTMLAttributes<HTMLDivElement>;\n    },\n    labelProps: labelProps as JSX.HTMLAttributes<HTMLElement>,\n    descriptionProps,\n    errorMessageProps,\n    get isInvalid() {\n      return isInvalid();\n    },\n    get validationErrors() {\n      return validationErrors();\n    },\n    get validationDetails() {\n      return validationDetails();\n    },\n  };\n}\n","/**\n * Radio hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n *\n * This is a 1:1 port of @react-aria/radio's useRadio hook.\n */\n\nimport { JSX, Accessor, createEffect } from \"solid-js\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport { createSlotId } from \"../ssr\";\nimport { type RadioGroupState, radioGroupSyncVersion } from \"@proyecto-viviana/solid-stately\";\nimport { radioGroupData } from \"./createRadioGroup\";\nimport { type PressEvent } from \"../interactions/PressEvent\";\n\nexport interface AriaRadioProps {\n  /** The value of the radio button, used when submitting an HTML form. */\n  value: string;\n  /** Whether the radio button is disabled. */\n  isDisabled?: boolean;\n  /** The label for the radio button. */\n  children?: JSX.Element;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Handler that is called when the press is released over the target. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction starts. */\n  onPressStart?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. */\n  onPressEnd?: (e: PressEvent) => void;\n  /** Handler that is called when the press state changes. */\n  onPressChange?: (isPressed: boolean) => void;\n  /** Handler that is called when a press is released over the target, regardless of whether it started on the target or not. */\n  onPressUp?: (e: PressEvent) => void;\n  /** Handler that is called when the element is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Handler that is called when the element receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the element loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the element's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Whether to autofocus the element. */\n  autoFocus?: boolean;\n}\n\nexport interface RadioAria {\n  /** Props for the label wrapper element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the radio's description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio is disabled. */\n  isDisabled: boolean;\n  /** Whether the radio is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the radio is in a pressed state. */\n  isPressed: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n */\nexport function createRadio(\n  props: MaybeAccessor<AriaRadioProps>,\n  state: RadioGroupState,\n  ref: () => HTMLInputElement | null,\n): RadioAria {\n  const getProps = () => access(props);\n\n  const isDisabled = () => getProps().isDisabled || state.isDisabled;\n  const value = () => getProps().value;\n  const isSelected: Accessor<boolean> = () => {\n    const selected = state.selectedValue();\n    const v = value();\n    return selected === v;\n  };\n\n  createEffect(() => {\n    const p = getProps();\n    const hasChildren = p.children != null;\n    const hasAriaLabel = p[\"aria-label\"] != null || p[\"aria-labelledby\"] != null;\n    if (!hasChildren && !hasAriaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide children, you must specify an aria-label for accessibility\",\n      );\n    }\n  });\n\n  // SolidJS-specific: Sync DOM checked state whenever selection changes\n  // This handles:\n  // 1. Initial render with controlled value\n  // 2. Controlled mode where parent doesn't update value after click\n  // 3. Native radio group behavior (clicking one unchecks others)\n  //\n  // Unlike React's VDOM reconciliation that re-applies all props on every render,\n  // SolidJS only updates when signals change. Native radio behavior can change\n  // the DOM checked state without our knowledge, so we need to actively sync.\n  //\n  // We track `syncVersion` to ensure this effect runs on EVERY selection attempt,\n  // even in controlled mode where isSelected() may not change.\n  createEffect(() => {\n    // The WeakMap accessor is outside the public API to maintain React Aria parity.\n    const syncVersion = radioGroupSyncVersion.get(state);\n    syncVersion?.();\n\n    const shouldBeChecked = isSelected();\n    const inputEl = ref();\n    if (!inputEl) return;\n\n    if (inputEl.checked !== shouldBeChecked) {\n      inputEl.checked = shouldBeChecked;\n    }\n  });\n\n  // SolidJS-specific: Unlike React, the input's `checked` state can get out of sync\n  // with our reactive state. This happens because:\n  // 1. A readonly `<input type=\"radio\" />` is always \"checkable\" in the browser\n  // 2. Even controlled inputs (`<input checked={isChecked} />`) will change their\n  //    internal `checked` state when clicked, regardless of what the signal says\n  //\n  // To prevent this, we force the input's `checked` DOM property to match our state\n  // after processing the change. This is a common pattern across SolidJS component\n  // libraries (see CREDITS.md for attribution).\n  const onChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    e.stopPropagation();\n\n    const target = e.target as HTMLInputElement;\n\n    // Guard against disabled state - JSDOM's fireEvent may bypass disabled check\n    if (isDisabled()) {\n      target.checked = isSelected();\n      return;\n    }\n\n    state.setSelectedValue(value());\n\n    // Focus the input when clicked\n    // In real browsers this happens automatically, but JSDOM/fireEvent doesn't trigger it\n    target.focus();\n\n    // Force the DOM checked state to match our reactive state\n    // This handles controlled mode where the parent might not update the value\n    target.checked = isSelected();\n  };\n\n  // Handle press state for keyboard interactions and cases where labelProps is not used.\n  const { pressProps, isPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { pressProps: labelPressProps, isPressed: isLabelPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    onPress(e: PressEvent) {\n      getProps().onPress?.(e);\n      state.setSelectedValue(value());\n      ref()?.focus();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { focusableProps } = createFocusable(\n    {\n      get isDisabled() {\n        return isDisabled();\n      },\n      get autoFocus() {\n        return getProps().autoFocus;\n      },\n      onFocus(e: FocusEvent) {\n        getProps().onFocus?.(e);\n        state.setLastFocusedValue(value());\n      },\n      get onBlur() {\n        return getProps().onBlur;\n      },\n      get onFocusChange() {\n        return getProps().onFocusChange;\n      },\n      get onKeyDown() {\n        return getProps().onKeyDown;\n      },\n      get onKeyUp() {\n        return getProps().onKeyUp;\n      },\n    },\n    ref as unknown as (el: HTMLElement) => void,\n  );\n\n  const interactions = mergeProps(pressProps, focusableProps);\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const getTabIndex = (): number | undefined => {\n    if (isDisabled()) {\n      return undefined;\n    }\n\n    const selected = state.selectedValue();\n    const lastFocused = state.lastFocusedValue();\n    const currentValue = value();\n\n    if (selected != null) {\n      if (selected === currentValue) {\n        return 0;\n      }\n      return -1;\n    } else {\n      if (lastFocused === currentValue || lastFocused == null) {\n        return 0;\n      }\n      return -1;\n    }\n  };\n\n  const getGroupData = () => radioGroupData.get(state);\n\n  const combinedIsPressed: Accessor<boolean> = () => isPressed() || isLabelPressed();\n\n  // The radio's own description slot id — resolves only once an element with\n  // this id is rendered (e.g. a `<Text slot=\"description\">` child).\n  const descriptionId = createSlotId();\n\n  return {\n    labelProps: mergeProps(labelPressProps, {\n      onClick: (e: MouseEvent) => e.preventDefault(),\n      onMouseDown: (e: MouseEvent) => e.preventDefault(),\n    }),\n    get inputProps() {\n      const p = getProps();\n      const groupData = getGroupData();\n\n      // Order mirrors upstream useRadio: the user's aria-describedby, then the\n      // radio's own description, then the group's error message (when invalid)\n      // and the group's shared description.\n      const describedByIds: string[] = [];\n      if (p[\"aria-describedby\"]) {\n        describedByIds.push(p[\"aria-describedby\"]);\n      }\n      const ownDescriptionId = descriptionId();\n      if (ownDescriptionId) {\n        describedByIds.push(ownDescriptionId);\n      }\n      if (state.isInvalid && groupData?.errorMessageId) {\n        describedByIds.push(groupData.errorMessageId);\n      }\n      if (groupData?.descriptionId) {\n        describedByIds.push(groupData.descriptionId);\n      }\n      const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(\" \") : undefined;\n      const validationBehavior = groupData?.validationBehavior ?? \"native\";\n\n      return mergeProps(domProps(), interactions, {\n        type: \"radio\" as const,\n        name: groupData?.name,\n        form: groupData?.form,\n        tabIndex: getTabIndex(),\n        disabled: isDisabled(),\n        required: validationBehavior === \"native\" ? state.isRequired : undefined,\n        checked: isSelected(),\n        value: value(),\n        onChange,\n        \"aria-describedby\": ariaDescribedBy,\n      }) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    isDisabled: isDisabled(),\n    isSelected,\n    isPressed: combinedIsPressed,\n  };\n}\n"],"mappings":"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"}