/*! * Copyright (c) 2026-present, Okta, Inc. and/or its affiliates. All rights reserved. * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.") * * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0. * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and limitations under the License. */ import { type RefObject } from "react"; export type UseContainerQueryProps = { /** Inclusive upper bound on the target's block-size (px). */ maxHeight?: number; /** Inclusive upper bound on the target's inline-size (px). */ maxWidth?: number; /** Inclusive lower bound on the target's block-size (px). */ minHeight?: number; /** Inclusive lower bound on the target's inline-size (px). */ minWidth?: number; /** * Element to observe, passed as a ref or a raw element. The hook returns `false` until an element is present. */ target: RefObject | HTMLElement | null; }; /** * Reports whether an element's size satisfies a container query, mirroring `useMediaQuery` but observing an element with `ResizeObserver` instead of the viewport. Bounds are matched against the target's `inline-size` (width) and `block-size` (height); an omitted bound is always satisfied. Returns `false` until the target element exists (and when `ResizeObserver` is unavailable, e.g. during server rendering). */ export declare const useContainerQuery: ({ target, minWidth, maxWidth, minHeight, maxHeight, }: UseContainerQueryProps) => boolean; //# sourceMappingURL=useContainerQuery.d.ts.map