@servicetitan/anvil2 2.5.1 → 2.6.0

package/dist/internal/components/Popover/Popover.d.ts

@@ -0,0 +1,266 @@
+import { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+import { PopoverTrigger } from './PopoverTrigger';
+import { DisableCloseOnEscapeOrClickProps } from '../../../types';
+import { OpenCloseTransitionStateEffects } from '../../../internal/hooks';
+/** ARIA role of the beta Popover popup. */
+export type PopoverRole = "dialog" | "listbox" | "tree" | "grid";
+/**
+ * Sub-options for `placement="auto"`. Constrains which sides `autoPlacement()`
+ * may choose from. Ignored when a specific placement is set.
+ */
+export type PopoverAutoPlacementConfig = {
+    /** Limits which sides autoPlacement() considers. Defaults to all sides. */
+    allowedPlacements?: Placement[];
+};
+/**
+ * Sub-options for a specific placement (e.g. `"bottom"`). Overrides the default
+ * opposite-side fallback sequence used by `flip()`. Ignored when `placement="auto"`.
+ */
+export type PopoverFlipPlacementConfig = {
+    /** Explicit fallback sequence for flip(). Overrides the default opposite-side fallback. */
+    fallbackPlacements?: Placement[];
+};
+type PopoverPropsBase = {
+    /** Content to render inside the popover tree. */
+    children?: ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state for uncontrolled mode. @default false */
+    defaultOpen?: boolean;
+    /** Fires when the popover closes for any non-hover reason. */
+    onClose?: () => void;
+    /** Fires when the user clicks outside the popover. Not fired when disableCloseOnClickOutside is set. */
+    onClickOutside?: (e: globalThis.MouseEvent) => void;
+    /** Whether to hide the arrow/caret indicator. @default false */
+    disableCaret?: boolean;
+    /** Whether to remove default padding from the content area. @default false */
+    noPadding?: boolean;
+    /** Whether the popover width should match the trigger element width. @default false */
+    matchReferenceWidth?: boolean;
+    /** Whether the popover should have a fixed width of 40dvw. @default false */
+    fixedWidth?: boolean;
+    /** Fills available viewport height between the trigger and viewport edge. @default false */
+    fillAvailableHeight?: boolean;
+    /** Maximum height of the popover content. */
+    maxHeight?: number | string;
+    /** Constrains the popover to available viewport height. @default false */
+    fitScreen?: boolean;
+    /** Minimum height of the popover content. @default "2.875rem" */
+    minHeight?: number | string;
+} & DisableCloseOnEscapeOrClickProps & OpenCloseTransitionStateEffects;
+/**
+ * Role-specific props for `role="dialog"` (default).
+ *
+ * Only dialog popovers use `FloatingFocusManager` — focus moves into the content
+ * on open. The `modal`, `openOnHover`, and `delay` props are only meaningful
+ * in this context.
+ */
+type DialogRoleProps = {
+    /**
+     * The ARIA role of the popup. Drives `aria-haspopup` on the trigger and
+     * `role` on the content via Floating UI's `useRole`.
+     *
+     * @default "dialog"
+     */
+    role?: "dialog";
+    /** Traps focus until closed (modal) or closes on Tab-out (non-modal). @default false */
+    modal?: boolean;
+    /**
+     * Whether the popover opens on hover instead of click. @default false
+     *
+     * @remarks
+     * Hover-triggered popovers should contain only readable text — no interactive
+     * elements (buttons, links, inputs). The content is intentionally removed from
+     * the tab order so Tab moves cleanly between page elements. Interactive content
+     * inside a hover-triggered popover is unreachable by keyboard users. Use a
+     * click-triggered popover (default) when the content includes interactive elements.
+     */
+    openOnHover?: boolean;
+    /** Delay in ms before opening on hover. @default 100 */
+    delay?: number;
+};
+/**
+ * Role-specific props for combobox popup roles (`listbox`, `tree`, `grid`).
+ *
+ * These roles follow the ARIA combobox pattern — focus stays on the trigger and
+ * the inner component (e.g. `Listbox`) owns the role and keyboard navigation.
+ * `FloatingFocusManager` is disabled. `modal`, `openOnHover`, and `delay` are
+ * not applicable and are excluded at the type level.
+ *
+ * @remarks
+ * Floating UI adds `role="combobox"` to the trigger element for these roles.
+ * The `combobox` ARIA role only accepts names from `aria-label` or
+ * `aria-labelledby` — visible text content is not used. Always provide an
+ * explicit `aria-label` on `Popover.Button` or your custom trigger.
+ *
+ * @example
+ * // ✅ Correct — explicit aria-label required for non-dialog roles
+ * <Popover role="listbox">
+ *   <Popover.Button aria-label="Select an option">Open</Popover.Button>
+ *   <Popover.Content>
+ *     <Listbox>...</Listbox>
+ *   </Popover.Content>
+ * </Popover>
+ */
+type NonDialogRoleProps = {
+    /** The ARIA role of the popup. */
+    role: Exclude<PopoverRole, "dialog">;
+    modal?: never;
+    openOnHover?: never;
+    delay?: never;
+};
+type WithAutoPlacement = {
+    /**
+     * Uses `autoPlacement()` — picks the side with the most space. Pass
+     * a specific placement (e.g. `"bottom"`) to express a preferred side
+     * with `flip()` fallback instead.
+     */
+    placement?: "auto";
+    /** Sub-options for `autoPlacement()`. */
+    placementConfig?: PopoverAutoPlacementConfig;
+};
+type WithSpecificPlacement = {
+    /**
+     * Preferred placement relative to the trigger. Floating UI's `flip()`
+     * middleware will adapt to the opposite side if there is not enough space.
+     * Pass `"auto"` to let Floating UI pick the best side automatically.
+     *
+     * @default "bottom"
+     */
+    placement: Placement;
+    /** Sub-options for `flip()`. */
+    placementConfig?: PopoverFlipPlacementConfig;
+};
+/**
+ * Props for the beta Popover component.
+ *
+ * Two independent discriminated unions are combined:
+ * - **Role**: `role="dialog"` (default) enables `FloatingFocusManager` and accepts `modal`,
+ *   `openOnHover`, and `delay`. Non-dialog roles (`listbox`, `tree`, `grid`) disable
+ *   focus management — the inner component owns focus and keyboard navigation.
+ * - **Placement**: `placement="auto"` uses `autoPlacement()` and accepts
+ *   `placementConfig.allowedPlacements`. Specific placements use `flip()` and accept
+ *   `placementConfig.fallbackPlacements`.
+ *
+ * @extends DisableCloseOnEscapeOrClickProps
+ * @extends OpenCloseTransitionStateEffects
+ */
+export type PopoverProps = (PopoverPropsBase & DialogRoleProps & WithAutoPlacement) | (PopoverPropsBase & DialogRoleProps & WithSpecificPlacement) | (PopoverPropsBase & NonDialogRoleProps & WithAutoPlacement) | (PopoverPropsBase & NonDialogRoleProps & WithSpecificPlacement);
+/**
+ * Beta Popover component for displaying floating content relative to a trigger element.
+ *
+ * Built on three layers:
+ * - HTML Popover API (`popover="manual"`) for top-layer rendering without z-index management
+ * - Floating UI (`@floating-ui/react`) for JavaScript-based positioning
+ * - Floating UI interaction hooks for correct ARIA attributes and keyboard behavior
+ *
+ * Features:
+ * - Correct ARIA linkage: `aria-controls`, `aria-haspopup` with role string, `aria-expanded`
+ * - `FloatingFocusManager` for both modal (focus trapped) and non-modal (Tab-out closes)
+ * - `safePolygon()` hover zone replaces CSS `::before` hover bridge
+ * - `role` prop drives both `aria-haspopup` on trigger and `role` on content
+ * - Controlled and uncontrolled modes via `open` / `defaultOpen`
+ * - Imperative handle exposing `openPopover` and `closePopover`
+ * - Animation lifecycle callbacks via `onOpenAnimationStart` etc.
+ *
+ * @example
+ * <Popover>
+ *   <Popover.Button>Open</Popover.Button>
+ *   <Popover.Content>
+ *     <p>Popover content</p>
+ *     <Popover.Close>Close</Popover.Close>
+ *   </Popover.Content>
+ * </Popover>
+ *
+ * @example
+ * <Popover modal>
+ *   <Popover.Trigger>
+ *     {(props) => <Button {...props}>Open form</Button>}
+ *   </Popover.Trigger>
+ *   <Popover.Content>
+ *     <TextField label="Name" />
+ *     <Popover.Close>Done</Popover.Close>
+ *   </Popover.Content>
+ * </Popover>
+ *
+ * @example
+ * <Popover openOnHover role="dialog">
+ *   <Popover.Button>Hover me</Popover.Button>
+ *   <Popover.Content>Hover content</Popover.Content>
+ * </Popover>
+ */
+export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<unknown>> & {
+    /**
+     * PopoverTrigger component for creating custom trigger elements.
+     *
+     * Features:
+     * - Render prop pattern for full control over the trigger element
+     * - ARIA attributes and event handlers injected via getReferenceProps
+     *
+     * @example
+     * <Popover.Trigger>
+     *   {(props) => (
+     *     <Button {...props}>
+     *       Click to open popover
+     *     </Button>
+     *   )}
+     * </Popover.Trigger>
+     */
+    Trigger: typeof PopoverTrigger;
+    /**
+     * PopoverContent component for the main popover content area.
+     *
+     * Features:
+     * - HTML Popover API top-layer rendering (popover="manual")
+     * - Floating UI positioning via refs.setFloating and floatingStyles
+     * - FloatingFocusManager for focus trapping (modal) or Tab-out closing (non-modal)
+     * - Arrow/caret indicator with position computed from middlewareData.arrow
+     * - Scroll position reset when the popover opens
+     * - Optional scrollerRef for external scroll access
+     *
+     * @example
+     * <Popover.Content>
+     *   <p>Popover content</p>
+     *   <Popover.Close>Close</Popover.Close>
+     * </Popover.Content>
+     */
+    Content: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "popover"> & {
+        scrollerRef?: import('react').RefObject<HTMLDivElement>;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    /**
+     * PopoverClose component for closing the popover.
+     *
+     * Features:
+     * - Supports all Button component props and styling
+     * - Closes the popover on click via closePopover
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Popover.Close>Close</Popover.Close>
+     *
+     * @example
+     * <Popover.Close appearance="secondary" size="small">
+     *   Cancel
+     * </Popover.Close>
+     */
+    Close: import('react').ForwardRefExoticComponent<import('./PopoverClose').PopoverCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * PopoverButton component for creating button-style triggers.
+     *
+     * Features:
+     * - Button styling and behavior with all Button props
+     * - ARIA attributes and event handlers injected via getReferenceProps
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Popover.Button>Click to open</Popover.Button>
+     *
+     * @example
+     * <Popover.Button appearance="primary" size="large" icon={InfoIcon}>
+     *   Information
+     * </Popover.Button>
+     */
+    Button: import('react').ForwardRefExoticComponent<import('./PopoverButton').PopoverButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export {};

package/dist/internal/components/Popover/PopoverButton.d.ts

@@ -0,0 +1,24 @@
+import { ButtonProps } from '../../../components/Button';
+import { DataTrackingId } from '../../../types';
+/**
+ * Props for the PopoverButton component.
+ * @extends ButtonProps
+ */
+export type PopoverButtonProps = ButtonProps & DataTrackingId;
+/**
+ * PopoverButton component for creating button-style triggers.
+ *
+ * Features:
+ * - Button styling and behavior with all Button props
+ * - ARIA attributes and event handlers injected via getReferenceProps
+ * - Automatic tracking ID generation for analytics
+ *
+ * @example
+ * <Popover.Button>Click to open</Popover.Button>
+ *
+ * @example
+ * <Popover.Button appearance="primary" size="large" icon={InfoIcon}>
+ *   Information
+ * </Popover.Button>
+ */
+export declare const PopoverButton: import('react').ForwardRefExoticComponent<PopoverButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/internal/components/Popover/PopoverClose.d.ts

@@ -0,0 +1,24 @@
+import { ButtonProps } from '../../../components/Button';
+import { DataTrackingId } from '../../../types';
+/**
+ * Props for the PopoverClose component.
+ * @extends ButtonProps
+ */
+export type PopoverCloseProps = ButtonProps & DataTrackingId;
+/**
+ * PopoverClose component for closing the popover.
+ *
+ * Features:
+ * - Supports all Button component props and styling
+ * - Closes the popover on click via closePopover
+ * - Automatic tracking ID generation for analytics
+ *
+ * @example
+ * <Popover.Close>Close</Popover.Close>
+ *
+ * @example
+ * <Popover.Close appearance="secondary" size="small">
+ *   Cancel
+ * </Popover.Close>
+ */
+export declare const PopoverClose: import('react').ForwardRefExoticComponent<PopoverCloseProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/internal/components/Popover/PopoverContent.d.ts

@@ -0,0 +1,30 @@
+import { ComponentPropsWithoutRef, HTMLAttributes, RefObject } from 'react';
+/**
+ * Props for the PopoverContent component.
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type PopoverContentProps = Omit<ComponentPropsWithoutRef<"div">, "popover"> & {
+    /** Reference to the scrollable content area. */
+    scrollerRef?: RefObject<HTMLDivElement>;
+};
+/**
+ * PopoverContent component for the main popover content area.
+ *
+ * Features:
+ * - HTML Popover API top-layer rendering (popover="manual")
+ * - Floating UI positioning via refs.setFloating and floatingStyles
+ * - FloatingFocusManager for focus trapping (modal) or Tab-out closing (non-modal)
+ * - Arrow/caret indicator with position computed from middlewareData.arrow
+ * - Scroll position reset when the popover opens
+ * - Optional scrollerRef for external scroll access
+ *
+ * @example
+ * <Popover.Content>
+ *   <p>Popover content</p>
+ *   <Popover.Close>Close</Popover.Close>
+ * </Popover.Content>
+ */
+export declare const PopoverContent: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "popover"> & {
+    /** Reference to the scrollable content area. */
+    scrollerRef?: RefObject<HTMLDivElement>;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/internal/components/Popover/PopoverTrigger.d.ts

@@ -0,0 +1,46 @@
+import { AriaAttributes, ReactElement, MouseEvent, KeyboardEvent, FocusEvent } from 'react';
+/** Props passed to the PopoverTrigger render function. */
+type PopoverTriggerChildrenProps = {
+    ref: (node: Element | null) => void;
+    id: string;
+    "aria-controls"?: string;
+    "aria-haspopup"?: AriaAttributes["aria-haspopup"];
+    "aria-expanded"?: boolean;
+    "data-state": "open" | "closed";
+    onClick?: (e: MouseEvent) => void;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    onMouseEnter?: (e: MouseEvent) => void;
+    onMouseLeave?: (e: MouseEvent) => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+};
+/**
+ * Props for the PopoverTrigger component.
+ */
+export type PopoverTriggerProps = {
+    /**
+     * Render function that receives trigger props and returns a React element.
+     */
+    children: (props: PopoverTriggerChildrenProps) => ReactElement;
+};
+/**
+ * PopoverTrigger component for creating custom trigger elements.
+ *
+ * Features:
+ * - Render prop pattern for full control over the trigger element
+ * - ARIA attributes and event handlers injected via getReferenceProps
+ *
+ * @example
+ * <Popover.Trigger>
+ *   {(props) => (
+ *     <Button {...props}>
+ *       Click to open popover
+ *     </Button>
+ *   )}
+ * </Popover.Trigger>
+ */
+export declare function PopoverTrigger(props: PopoverTriggerProps): ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export declare namespace PopoverTrigger {
+    var displayName: string;
+}
+export {};

package/dist/internal/components/Popover/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Popover';
+export { type PopoverButtonProps } from './PopoverButton';
+export { type PopoverCloseProps } from './PopoverClose';
+export { type PopoverContentProps } from './PopoverContent';
+export { type PopoverTriggerProps } from './PopoverTrigger';
+export { Popover as default } from './Popover';

package/dist/internal/components/Popover/internal/PopoverContext.d.ts

@@ -0,0 +1,45 @@
+import { CSSProperties, RefObject, HTMLProps } from 'react';
+import { FloatingContext, MiddlewareData, Placement } from '@floating-ui/react';
+import { PopoverRole } from '../Popover';
+export type PopoverContextProps = {
+    /** Context object from useFloating; required by FloatingFocusManager and interaction hooks. */
+    floatingContext: FloatingContext;
+    /** Callback refs from useFloating; setReference for the trigger, setFloating for the content. */
+    refs: {
+        setReference: (node: Element | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    };
+    /** Inline positioning styles from useFloating; applied to the content element. */
+    floatingStyles: CSSProperties;
+    /** Middleware output from useFloating; used for arrow positioning via middlewareData.arrow. */
+    middlewareData: MiddlewareData;
+    /** Merged prop getter for the trigger; spreads ARIA attributes and event handlers. */
+    getReferenceProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>;
+    /** Merged prop getter for the content; spreads ARIA attributes and event handlers. */
+    getFloatingProps: (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
+    /** Auto-generated id for the trigger element; used as the default aria-labelledby on content. */
+    triggerId: string;
+    /** Current open/closed state. */
+    openState: boolean;
+    /** Opens the popover. */
+    openPopover: () => void;
+    /** Closes the popover. Fires onClose unless opened via hover. */
+    closePopover: () => void;
+    /** Whether the open state is externally controlled. */
+    controlled: boolean;
+    /** Resolved placement after flip/shift middleware; may differ from the placement prop. */
+    actualPlacement: Placement;
+    /** Ref attached to the arrow span element inside PopoverContent. */
+    arrowRef: RefObject<HTMLSpanElement>;
+    /** Whether the popover traps focus (modal) or closes on Tab-out (non-modal). Only applies when role is "dialog". */
+    modal?: boolean;
+    /** Whether the popover opens on hover/focus instead of click. Only applies when role is "dialog". */
+    openOnHover: boolean;
+    /** Whether to remove default padding from the content area. */
+    noPadding?: boolean;
+    /** Whether to hide the arrow/caret indicator. */
+    disableCaret?: boolean;
+    /** The ARIA role of the popup. Drives FloatingFocusManager and ARIA attribute behavior. */
+    role: PopoverRole;
+};
+export declare const PopoverContext: import('react').Context<PopoverContextProps | null>;

package/dist/internal/components/Popover/internal/usePopoverContext.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the PopoverContext for use within Popover compound components.
+ * @returns The current PopoverContextProps value.
+ * @throws Error if called outside a Popover component.
+ */
+export declare function usePopoverContext(): import('./PopoverContext').PopoverContextProps;

package/dist/{useBreakpoint-BP3HZXmh.js → useBreakpoint-okJ64T1D.js}

@@ -24,10 +24,11 @@ function getBreakpointFlags(name) {
   };
 }
 function breakpoint(name, min, max) {
-  if (globalThis.visualViewport == null) {
+  if (globalThis.innerWidth == null || globalThis.innerHeight == null) {
     return void 0;
   }
-  const { width: viewportWidth, height: viewportHeight } = globalThis.visualViewport;
+  const viewportWidth = globalThis.innerWidth;
+  const viewportHeight = globalThis.innerHeight;
   if ((min == null || viewportWidth >= min) && (max == null || viewportWidth < max)) {
     return {
       name,
@@ -65,4 +66,4 @@ const useBreakpoint = (props) => {
 };
 
 export { useBreakpoint as u };
-//# sourceMappingURL=useBreakpoint-BP3HZXmh.js.map
+//# sourceMappingURL=useBreakpoint-okJ64T1D.js.map

package/dist/useBreakpoint-okJ64T1D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint-okJ64T1D.js","sources":["../src/hooks/useBreakpoint/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nconst breakpoints = {\n  sm: parseInt(core.primitive?.BreakpointSm.value),\n  md: parseInt(core.primitive?.BreakpointMd.value),\n  lg: parseInt(core.primitive?.BreakpointLg.value),\n  xl: parseInt(core.primitive?.BreakpointXl.value),\n  xxl: parseInt(core.primitive?.BreakpointXxl.value),\n};\n\nconst areBreakpointsDefined = Object.values(breakpoints).every(\n  (breakpoint) => breakpoint,\n);\n\n/**\n * Return type for the useBreakpoint hook\n */\nexport type BreakpointReturnProps = {\n  /**\n   * The breakpoint name\n   */\n  name: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n  /**\n   * Minimum width for this breakpoint\n   */\n  min: number | undefined;\n  /**\n   * Maximum width for this breakpoint\n   */\n  max: number | undefined;\n  /**\n   * Current device orientation\n   */\n  orientation: \"portrait\" | \"landscape\";\n  /**\n   * Current viewport width in CSS pixels (from window.innerWidth)\n   */\n  innerWidth: number;\n  /**\n   * Current viewport height in CSS pixels (from window.innerHeight)\n   */\n  innerHeight: number;\n  /**\n   * True for all breakpoints (mobile-first: xs and above)\n   */\n  xs: boolean;\n  /**\n   * True when viewport width >= 640px (mobile-first: sm and above)\n   */\n  sm: boolean;\n  /**\n   * True when viewport width >= 768px (mobile-first: md and above)\n   */\n  md: boolean;\n  /**\n   * True when viewport width >= 1024px (mobile-first: lg and above)\n   */\n  lg: boolean;\n  /**\n   * True when viewport width >= 1280px (mobile-first: xl and above)\n   */\n  xl: boolean;\n  /**\n   * True when viewport width >= 1536px (mobile-first: xxl and above)\n   */\n  xxl: boolean;\n};\n\n/**\n * Calculates mobile-first breakpoint boolean values based on the current breakpoint name.\n * Each property is true when the viewport is at or above that breakpoint.\n *\n * @param name - The current breakpoint name\n * @returns Object with boolean flags for each breakpoint\n */\nfunction getBreakpointFlags(name: BreakpointReturnProps[\"name\"]) {\n  const breakpointOrder = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\"] as const;\n  const currentIndex = breakpointOrder.indexOf(name);\n\n  return {\n    xs: currentIndex >= 0,\n    sm: currentIndex >= 1,\n    md: currentIndex >= 2,\n    lg: currentIndex >= 3,\n    xl: currentIndex >= 4,\n    xxl: currentIndex >= 5,\n  };\n}\n\n/**\n * Determines if the current viewport matches a specific breakpoint\n * @param name - The breakpoint name\n * @param min - Minimum width for this breakpoint\n * @param max - Maximum width for this breakpoint\n * @returns Breakpoint information if matched, undefined otherwise\n */\nfunction breakpoint(\n  name: BreakpointReturnProps[\"name\"],\n  min?: number,\n  max?: number,\n): BreakpointReturnProps | undefined {\n  if (globalThis.innerWidth == null || globalThis.innerHeight == null) {\n    return undefined;\n  }\n\n  const viewportWidth = globalThis.innerWidth;\n  const viewportHeight = globalThis.innerHeight;\n\n  if (\n    (min == null || viewportWidth >= min) &&\n    (max == null || viewportWidth < max)\n  ) {\n    return {\n      name,\n      min,\n      max,\n      orientation: viewportHeight > viewportWidth ? \"portrait\" : \"landscape\",\n      innerWidth: viewportWidth,\n      innerHeight: viewportHeight,\n      ...getBreakpointFlags(name),\n    } as const;\n  }\n\n  return undefined;\n}\n\n/**\n * Determines the current breakpoint based on viewport width and hammer-token breakpoint values.\n *\n * Features:\n * - Validates that all required hammer-token breakpoint values are available\n * - Uses cascade logic to determine the appropriate breakpoint\n * - Returns the first matching breakpoint in order of preference\n * - Handles edge cases where breakpoint values are missing\n * - Uses window.innerWidth/innerHeight for viewport measurements\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n *\n * @returns Current breakpoint information or undefined if breakpoint values are unavailable\n */\nconst onResize = () => {\n  if (!areBreakpointsDefined) {\n    return;\n  }\n\n  const { sm, md, lg, xl, xxl } = breakpoints;\n\n  return (\n    breakpoint(\"xs\", undefined, sm) ??\n    breakpoint(\"sm\", sm, md) ??\n    breakpoint(\"md\", md, lg) ??\n    breakpoint(\"lg\", lg, xl) ??\n    breakpoint(\"xl\", xl, xxl) ??\n    breakpoint(\"xxl\", xxl, undefined)\n  );\n};\n\n/**\n * Custom hook for detecting current breakpoint and viewport information.\n *\n * Features:\n * - Detects current breakpoint based on viewport width\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n * - Provides mobile-first boolean props (e.g., `lg` is true for lg, xl, and xxl)\n * - Provides device orientation information\n * - Returns current viewport dimensions\n * - Uses hammer-token breakpoint values for consistency\n * - Listens for window resize events\n * - Supports optional disable functionality\n * - Uses window.innerWidth/innerHeight for viewport measurements\n *\n * @example\n * ```tsx\n * const breakpoint = useBreakpoint();\n * // Mobile-first approach:\n * <div className={cn({ 'p-block-4': breakpoint?.lg })} />\n * ```\n *\n * @param props - Optional configuration object\n * @param props.disable - Whether to disable the hook\n * @returns Current breakpoint information or undefined if disabled\n */\nexport const useBreakpoint = (props?: { disable?: boolean }) => {\n  const [size, setSize] = useState(onResize);\n\n  useEffect(() => {\n    if (!areBreakpointsDefined || props?.disable) return;\n\n    const updateSize = () => {\n      setSize(onResize());\n    };\n\n    globalThis.addEventListener(\"resize\", updateSize);\n\n    return () => {\n      globalThis.removeEventListener(\"resize\", updateSize);\n    };\n  }, [props?.disable]);\n\n  if (props?.disable) return;\n\n  return size;\n};\n"],"names":["core.primitive?.BreakpointSm","core.primitive?.BreakpointMd","core.primitive?.BreakpointLg","core.primitive?.BreakpointXl","core.primitive?.BreakpointXxl","breakpoint"],"mappings":"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"}

package/dist/useBreakpoint.js

@@ -1,2 +1,2 @@
-export { u as default, u as useBreakpoint } from './useBreakpoint-BP3HZXmh.js';
+export { u as default, u as useBreakpoint } from './useBreakpoint-okJ64T1D.js';
 //# sourceMappingURL=useBreakpoint.js.map

package/dist/{useDrilldown-hUxMOdnz.js → useDrilldown-CuvPT4gS.js}

@@ -3,11 +3,11 @@ import * as React from 'react';
 import React__default, { forwardRef, useEffect, useRef, useCallback } from 'react';
 import { g as getAugmentedNamespace, c as cx } from './index-SvGbrGuT.js';
 import { d as drillDownStyles } from './DrillDown.module-C8VOhzaF.js';
-import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, a as isFocusable, b as index_esm } from './index.esm-K9kxJhLx.js';
+import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, a as isFocusable, b as index_esm } from './index.esm-BZV0wNKZ.js';
 import { u as useDrillDownContext } from './useDrillDownContext-BssSasVB.js';
-import { F as Flex } from './Flex-CUtXN-C0.js';
-import { B as Button } from './Button-DrNDkO2f.js';
-import { T as Text } from './Text-DhheKsns.js';
+import { F as Flex } from './Flex-DZu-_z-U.js';
+import { B as Button } from './Button-DuvaXRZ5.js';
+import { T as Text } from './Text-BqES2rv3.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -1857,4 +1857,4 @@ function useDrillDown() {
 }
 
 export { DrillDown as D, DrillDownHeader as a, DrillDownContent as b, DrillDownFooter as c, DrillDownNextButton as d, DrillDownPrevButton as e, useDrillDown as u };
-//# sourceMappingURL=useDrilldown-hUxMOdnz.js.map
+//# sourceMappingURL=useDrilldown-CuvPT4gS.js.map