@box/blueprint-web 8.5.3 → 8.6.0

package/lib-esm/primitives/icon-button/types.d.ts

@@ -1,42 +1,42 @@
-import { type ButtonProps as AriakitButtonProps } from '@ariakit/react';
-import { type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
-export declare const IconButtonSizes: readonly ["x-small", "small", "large"];
-export type IconButtonSize = (typeof IconButtonSizes)[number];
-interface IconButtonCommonProps extends AriakitButtonProps {
-    /**
-     * Accessible label for the button.
-     */
-    'aria-label': NonNullable<AriakitButtonProps['aria-label']>;
-    /**
-     * Icon that will be rendered.
-     */
-    icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
-}
-export declare const IconButtonVariants: readonly ["default", "high-contrast", "icon-logo", "small-utility"];
-export type IconButtonVariant = (typeof IconButtonVariants)[number];
-export interface IconButtonVariantsProps extends IconButtonCommonProps {
-    /**
-     * The variant of the button.
-     *
-     * @default 'default'
-     */
-    variant?: Exclude<IconButtonVariant, 'small-utility'>;
-    /**
-     * Size of the button.
-     *
-     * @default 'small'
-     */
-    size?: IconButtonSize;
-}
-export interface IconButtonSmallUtilityVariantProps extends IconButtonCommonProps {
-    /**
-     * The variant of the button.
-     */
-    variant: Extract<IconButtonVariant, 'small-utility'>;
-    /**
-     * The only acceptable size for the 'small-utility' variant is 'small'.
-     */
-    size: Extract<IconButtonSize, 'small'>;
-}
-export type IconButtonProps = IconButtonVariantsProps | IconButtonSmallUtilityVariantProps;
-export {};
+import { type ButtonProps as AriakitButtonProps } from '@ariakit/react';
+import { type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
+export declare const IconButtonSizes: readonly ["x-small", "small", "large"];
+export type IconButtonSize = (typeof IconButtonSizes)[number];
+interface IconButtonCommonProps extends AriakitButtonProps {
+    /**
+     * Accessible label for the button.
+     */
+    'aria-label': NonNullable<AriakitButtonProps['aria-label']>;
+    /**
+     * Icon that will be rendered.
+     */
+    icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
+}
+export declare const IconButtonVariants: readonly ["default", "high-contrast", "icon-logo", "small-utility"];
+export type IconButtonVariant = (typeof IconButtonVariants)[number];
+export interface IconButtonVariantsProps extends IconButtonCommonProps {
+    /**
+     * The variant of the button.
+     *
+     * @default 'default'
+     */
+    variant?: Exclude<IconButtonVariant, 'small-utility'>;
+    /**
+     * Size of the button.
+     *
+     * @default 'small'
+     */
+    size?: IconButtonSize;
+}
+export interface IconButtonSmallUtilityVariantProps extends IconButtonCommonProps {
+    /**
+     * The variant of the button.
+     */
+    variant: Extract<IconButtonVariant, 'small-utility'>;
+    /**
+     * The only acceptable size for the 'small-utility' variant is 'small'.
+     */
+    size: Extract<IconButtonSize, 'small'>;
+}
+export type IconButtonProps = IconButtonVariantsProps | IconButtonSmallUtilityVariantProps;
+export {};

package/lib-esm/primitives/icon-button/utils.d.ts

@@ -1,3 +1,3 @@
-import { type IconButtonProps } from './types';
-declare const iconSizeMap: Record<NonNullable<IconButtonProps['size']>, string>;
-export { iconSizeMap };
+import { type IconButtonProps } from './types';
+declare const iconSizeMap: Record<NonNullable<IconButtonProps['size']>, string>;
+export { iconSizeMap };

package/lib-esm/primitives/inline-error/inline-error.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { type InlineErrorProps } from './types';
-/** Renders an inline error message and icon, used to show error state in form elements. */
-export declare const InlineError: import("react").ForwardRefExoticComponent<Omit<InlineErrorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+import { type InlineErrorProps } from './types';
+/** Renders an inline error message and icon, used to show error state in form elements. */
+export declare const InlineError: import("react").ForwardRefExoticComponent<Omit<InlineErrorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/lib-esm/primitives/inline-error/types.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export interface InlineErrorProps extends Omit<React.ComponentProps<'span'>, 'children'> {
-    /** Error message */
-    children: React.ReactNode;
-}
+export interface InlineErrorProps extends Omit<React.ComponentProps<'span'>, 'children'> {
+    /** Error message */
+    children: React.ReactNode;
+}

package/lib-esm/primitives/link/index.d.ts

@@ -1,2 +1,2 @@
-export { Link } from './link';
-export { type LinkProps } from './types';
+export { Link } from './link';
+export { type LinkProps } from './types';

package/lib-esm/primitives/link/link.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { type LinkProps } from './types';
-export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>, "ref"> & import("react").RefAttributes<unknown>>;
+import { type LinkProps } from './types';
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>, "ref"> & import("react").RefAttributes<unknown>>;

package/lib-esm/primitives/link/types.d.ts

@@ -1,39 +1,39 @@
-import type React from 'react';
-export interface LinkOwnProps<E extends React.ElementType> {
-    /** The content to display in the Link. */
-    children?: React.ReactNode;
-    /**
-     * Controls whether text inside the link inherits font properties from parent or uses default style.
-     *
-     * Useful when Link is within the block of the text, to apply the same style for whole content.
-     *
-     * When property is falsy, link uses default style.
-     *
-     * @default false
-     * */
-    inheritFont?: boolean;
-    /**
-     * Changes the appearance of the link.
-     * Currently supported variants:
-     *  - 'inline' (default)
-     *  - 'standalone' - displayed without the underline decoration
-     *
-     * @default 'inline'
-     */
-    variant?: 'inline' | 'standalone';
-    /** The component used for the root node. Either a string to use a HTML element or a component.
-     * @default 'a'
-     */
-    as?: E;
-    /**
-     * Whether or not the link should display the external link icon.
-     *
-     * Note that this does not add any functionality to the link. It is purely visual.
-     * So, if you want to open the link in a new tab and prevent security vulnerabilities, you should use the `target="_blank"` and `rel="noopener noreferrer"` attributes.
-     *
-     * @default false
-     */
-    isExternal?: boolean;
-}
-export type PolymorphicLinkRef<E extends React.ElementType> = React.ComponentPropsWithRef<E>['ref'];
-export type LinkProps<E extends React.ElementType> = LinkOwnProps<E> & Omit<React.ComponentProps<E>, keyof LinkOwnProps<E>>;
+import type React from 'react';
+export interface LinkOwnProps<E extends React.ElementType> {
+    /** The content to display in the Link. */
+    children?: React.ReactNode;
+    /**
+     * Controls whether text inside the link inherits font properties from parent or uses default style.
+     *
+     * Useful when Link is within the block of the text, to apply the same style for whole content.
+     *
+     * When property is falsy, link uses default style.
+     *
+     * @default false
+     * */
+    inheritFont?: boolean;
+    /**
+     * Changes the appearance of the link.
+     * Currently supported variants:
+     *  - 'inline' (default)
+     *  - 'standalone' - displayed without the underline decoration
+     *
+     * @default 'inline'
+     */
+    variant?: 'inline' | 'standalone';
+    /** The component used for the root node. Either a string to use a HTML element or a component.
+     * @default 'a'
+     */
+    as?: E;
+    /**
+     * Whether or not the link should display the external link icon.
+     *
+     * Note that this does not add any functionality to the link. It is purely visual.
+     * So, if you want to open the link in a new tab and prevent security vulnerabilities, you should use the `target="_blank"` and `rel="noopener noreferrer"` attributes.
+     *
+     * @default false
+     */
+    isExternal?: boolean;
+}
+export type PolymorphicLinkRef<E extends React.ElementType> = React.ComponentPropsWithRef<E>['ref'];
+export type LinkProps<E extends React.ElementType> = LinkOwnProps<E> & Omit<React.ComponentProps<E>, keyof LinkOwnProps<E>>;

package/lib-esm/primitives/notification/index.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export { type NotificationButtonProps } from './notification-button';
-export { useNotification, type NotificationProviderProps } from './notification-provider';
-export { type NotificationViewportProps } from './notification.viewport';
-export declare const Notification: {
-    Provider: import("react").FC<import("react").PropsWithChildren<import("@radix-ui/react-toast").ToastProviderProps>>;
-    Button: {
-        (props: import("./notification-button").NotificationButtonProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Viewport: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toast").ToastViewportProps & import("react").RefAttributes<HTMLOListElement>>;
-};
+export { type NotificationButtonProps } from './notification-button';
+export { useNotification, type NotificationProviderProps } from './notification-provider';
+export { type NotificationViewportProps } from './notification.viewport';
+export declare const Notification: {
+    Provider: import("react").FC<import("react").PropsWithChildren<import("@radix-ui/react-toast").ToastProviderProps>>;
+    Button: {
+        (props: import("./notification-button").NotificationButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Viewport: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toast").ToastViewportProps & import("react").RefAttributes<HTMLOListElement>>;
+};

package/lib-esm/primitives/notification/notification-button.d.ts

@@ -1,8 +1,8 @@
-import { type ButtonProps } from '../../button';
-export type NotificationButtonProps = ButtonProps & {
-    ariaLabel: string;
-};
-export declare const NotificationButton: {
-    (props: NotificationButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import { type ButtonProps } from '../../button';
+export type NotificationButtonProps = ButtonProps & {
+    ariaLabel: string;
+};
+export declare const NotificationButton: {
+    (props: NotificationButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib-esm/primitives/notification/notification-provider.d.ts

@@ -1,39 +1,39 @@
-import * as Toast from '@radix-ui/react-toast';
-import * as React from 'react';
-import { type PrivateNotificationElementProps } from './private-notification-element';
-export type NotificationProviderProps = Toast.ToastProviderProps;
-interface NotificationContextType {
-    /**
-     * Creates notification based on passed arguments.
-     * @returns string, which is notification `id`.
-     */
-    addNotification: (args: PrivateNotificationElementProps) => string;
-    /**
-     * map of active notifications, where key is notification `id`.
-     */
-    notifications: Map<string, PrivateNotificationElementProps>;
-    /**
-     * Removes notification with given `id`.
-     * @param id string
-     */
-    removeNotification: (id: string) => void;
-    /**
-     * Removes all notifications.
-     */
-    removeAllNotifications: () => void;
-    /**
-     * updates notification with given `id`.
-     * @param id string
-     * @param newProps - new properties of notification
-     */
-    updateNotification: (id: string, newProps: PrivateNotificationElementProps) => void;
-}
-export declare const useNotification: () => NotificationContextType;
-/**
- * A wrapper for notifications. It must be provided by the application.
- *
- * It provides a NotificationContext, which should be used with useNotification hook.
- * useNotification hook provides access to store, and methods to interact with it.
- */
-export declare const NotificationProvider: React.FC<React.PropsWithChildren<NotificationProviderProps>>;
-export {};
+import * as Toast from '@radix-ui/react-toast';
+import * as React from 'react';
+import { type PrivateNotificationElementProps } from './private-notification-element';
+export type NotificationProviderProps = Toast.ToastProviderProps;
+interface NotificationContextType {
+    /**
+     * Creates notification based on passed arguments.
+     * @returns string, which is notification `id`.
+     */
+    addNotification: (args: PrivateNotificationElementProps) => string;
+    /**
+     * map of active notifications, where key is notification `id`.
+     */
+    notifications: Map<string, PrivateNotificationElementProps>;
+    /**
+     * Removes notification with given `id`.
+     * @param id string
+     */
+    removeNotification: (id: string) => void;
+    /**
+     * Removes all notifications.
+     */
+    removeAllNotifications: () => void;
+    /**
+     * updates notification with given `id`.
+     * @param id string
+     * @param newProps - new properties of notification
+     */
+    updateNotification: (id: string, newProps: PrivateNotificationElementProps) => void;
+}
+export declare const useNotification: () => NotificationContextType;
+/**
+ * A wrapper for notifications. It must be provided by the application.
+ *
+ * It provides a NotificationContext, which should be used with useNotification hook.
+ * useNotification hook provides access to store, and methods to interact with it.
+ */
+export declare const NotificationProvider: React.FC<React.PropsWithChildren<NotificationProviderProps>>;
+export {};

package/lib-esm/primitives/notification/notification-provider.js

@@ -14,11 +14,11 @@ const useNotification = () => {
   }
   return value;
 };
-/**
- * A wrapper for notifications. It must be provided by the application.
- *
- * It provides a NotificationContext, which should be used with useNotification hook.
- * useNotification hook provides access to store, and methods to interact with it.
+/**
+ * A wrapper for notifications. It must be provided by the application.
+ *
+ * It provides a NotificationContext, which should be used with useNotification hook.
+ * useNotification hook provides access to store, and methods to interact with it.
  */
 const NotificationProvider = props => {
   const {

package/lib-esm/primitives/notification/notification.viewport.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { type ToastViewportProps } from '@radix-ui/react-toast';
-export type NotificationViewportProps = ToastViewportProps;
-/**
- * Renders container with Notifications.
- *
- * Based on Radix-UI [Viewport](https://www.radix-ui.com/docs/primitives/components/toast#viewport).
- */
-export declare const NotificationViewport: import("react").ForwardRefExoticComponent<ToastViewportProps & import("react").RefAttributes<HTMLOListElement>>;
+import { type ToastViewportProps } from '@radix-ui/react-toast';
+export type NotificationViewportProps = ToastViewportProps;
+/**
+ * Renders container with Notifications.
+ *
+ * Based on Radix-UI [Viewport](https://www.radix-ui.com/docs/primitives/components/toast#viewport).
+ */
+export declare const NotificationViewport: import("react").ForwardRefExoticComponent<ToastViewportProps & import("react").RefAttributes<HTMLOListElement>>;

package/lib-esm/primitives/notification/notification.viewport.js

@@ -6,10 +6,10 @@ import { useNotification } from './notification-provider.js';
 import styles from './notification.module.js';
 import { PrivateNotificationElement } from './private-notification-element.js';
 
-/**
- * Renders container with Notifications.
- *
- * Based on Radix-UI [Viewport](https://www.radix-ui.com/docs/primitives/components/toast#viewport).
+/**
+ * Renders container with Notifications.
+ *
+ * Based on Radix-UI [Viewport](https://www.radix-ui.com/docs/primitives/components/toast#viewport).
  */
 const NotificationViewport = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

package/lib-esm/primitives/notification/private-notification-element.d.ts

@@ -1,33 +1,33 @@
-import * as Toast from '@radix-ui/react-toast';
-import { type ToastProps } from '@radix-ui/react-toast';
-import { type ReactNode } from 'react';
-import { type StyledText } from '../../utils/commonTypes';
-export interface PrivateNotificationElementProps extends ToastProps {
-    /** Governs the icon type and background color for the notification */
-    variant: 'info' | 'success' | 'warning' | 'error';
-    /** [radix-ui doc](https://www.radix-ui.com/docs/primitives/components/toast#sensitivity).
-     * For toasts that are the result of a user action, choose foreground.
-     * Toasts generated from background tasks should use background */
-    sensitivity: Toast.ToastProps['type'];
-    /** Aria label for the type icon */
-    typeIconAriaLabel: string;
-    /** Aria label for the close button */
-    closeButtonAriaLabel: string;
-    /** The main text of the notification. */
-    styledText: StyledText;
-    /** What to do on close. This is provided by addNotification by default */
-    onClose?: () => void;
-    /** The state of the notification. This is provided by addNotification by default */
-    open?: boolean;
-    /** This props should be Notification.Buttons only */
-    children?: ReactNode;
-}
-/**
- * A base component mounted on a page when addNotification is invoked.
- *
- * It's based on Radix-UI toast
- * * [Radix-UI link](https://www.radix-ui.com/docs/primitives/components/toast)
- *
- * **IMPORTANT**: Must be placed inside a single <b><NotificationProvider></b> singleton component provided by the app
- */
-export declare function PrivateNotificationElement(props: PrivateNotificationElementProps): import("react/jsx-runtime").JSX.Element;
+import * as Toast from '@radix-ui/react-toast';
+import { type ToastProps } from '@radix-ui/react-toast';
+import { type ReactNode } from 'react';
+import { type StyledText } from '../../utils/commonTypes';
+export interface PrivateNotificationElementProps extends ToastProps {
+    /** Governs the icon type and background color for the notification */
+    variant: 'info' | 'success' | 'warning' | 'error';
+    /** [radix-ui doc](https://www.radix-ui.com/docs/primitives/components/toast#sensitivity).
+     * For toasts that are the result of a user action, choose foreground.
+     * Toasts generated from background tasks should use background */
+    sensitivity: Toast.ToastProps['type'];
+    /** Aria label for the type icon */
+    typeIconAriaLabel: string;
+    /** Aria label for the close button */
+    closeButtonAriaLabel: string;
+    /** The main text of the notification. */
+    styledText: StyledText;
+    /** What to do on close. This is provided by addNotification by default */
+    onClose?: () => void;
+    /** The state of the notification. This is provided by addNotification by default */
+    open?: boolean;
+    /** This props should be Notification.Buttons only */
+    children?: ReactNode;
+}
+/**
+ * A base component mounted on a page when addNotification is invoked.
+ *
+ * It's based on Radix-UI toast
+ * * [Radix-UI link](https://www.radix-ui.com/docs/primitives/components/toast)
+ *
+ * **IMPORTANT**: Must be placed inside a single <b><NotificationProvider></b> singleton component provided by the app
+ */
+export declare function PrivateNotificationElement(props: PrivateNotificationElementProps): import("react/jsx-runtime").JSX.Element;

package/lib-esm/primitives/notification/private-notification-element.js

@@ -35,13 +35,13 @@ const getIcon = (iconLabel, variant) => {
   }
   return null;
 };
-/**
- * A base component mounted on a page when addNotification is invoked.
- *
- * It's based on Radix-UI toast
- * * [Radix-UI link](https://www.radix-ui.com/docs/primitives/components/toast)
- *
- * **IMPORTANT**: Must be placed inside a single <b><NotificationProvider></b> singleton component provided by the app
+/**
+ * A base component mounted on a page when addNotification is invoked.
+ *
+ * It's based on Radix-UI toast
+ * * [Radix-UI link](https://www.radix-ui.com/docs/primitives/components/toast)
+ *
+ * **IMPORTANT**: Must be placed inside a single <b><NotificationProvider></b> singleton component provided by the app
  */
 function PrivateNotificationElement(props) {
   const {

package/lib-esm/primitives/page-header/index.d.ts

@@ -1,2 +1,2 @@
-export { PageHeader } from './page-header';
-export { type PageHeaderProps } from './types';
+export { PageHeader } from './page-header';
+export { type PageHeaderProps } from './types';

package/lib-esm/primitives/page-header/page-header.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import { type PageHeaderProps } from './types';
-export declare const PageHeaderRoot: import("react").ForwardRefExoticComponent<Omit<PageHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-export declare const PageHeaderCorner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PageHeadeStartElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PageHeaderEndElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PageHeader: {
-    Root: import("react").ForwardRefExoticComponent<Omit<PageHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-    StartElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    EndElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Corner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-};
+import { type PageHeaderProps } from './types';
+export declare const PageHeaderRoot: import("react").ForwardRefExoticComponent<Omit<PageHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const PageHeaderCorner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PageHeadeStartElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PageHeaderEndElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PageHeader: {
+    Root: import("react").ForwardRefExoticComponent<Omit<PageHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    StartElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    EndElements: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Corner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};

package/lib-esm/primitives/page-header/types.d.ts

@@ -1,8 +1,8 @@
-import type React from 'react';
-export interface PageHeaderProps extends React.ComponentPropsWithRef<'header'> {
-    variant: 'default' | 'inline';
-    /** When true the header will have `position: sticky`
-     * @default true
-     */
-    sticky?: boolean;
-}
+import type React from 'react';
+export interface PageHeaderProps extends React.ComponentPropsWithRef<'header'> {
+    variant: 'default' | 'inline';
+    /** When true the header will have `position: sticky`
+     * @default true
+     */
+    sticky?: boolean;
+}

package/lib-esm/primitives/popover/index.d.ts

@@ -1,20 +1,19 @@
-/// <reference types="react" />
-export declare const Popover: {
-    Root: {
-        (props: import("@radix-ui/react-popover").PopoverProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Anchor: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
-    ContentContainer: import("react").ForwardRefExoticComponent<import("./popover-content-container").PopoverContentContainerProps & import("react").RefAttributes<HTMLDivElement>>;
-    MainContent: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    Footer: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-};
-export { type PopoverCloseProps } from './popover-close';
-export { type PopoverContentContainerProps } from './popover-content-container';
-export { type PopoverFooterProps } from './popover-footer';
-export { type PopoverMainContentProps } from './popover-main-content';
-export { type PopoverRootProps } from './popover-root';
-export { type PopoverTriggerProps } from './popover-trigger';
-export { type PopoverAnchorProps } from './popover-anchor';
+export declare const Popover: {
+    Root: {
+        (props: import("./popover-root").PopoverRootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Anchor: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+    ContentContainer: import("react").ForwardRefExoticComponent<import("./popover-content-container").PopoverContentContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+    MainContent: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { type PopoverCloseProps } from './popover-close';
+export { type PopoverContentContainerProps } from './popover-content-container';
+export { type PopoverFooterProps } from './popover-footer';
+export { type PopoverMainContentProps } from './popover-main-content';
+export { type PopoverRootProps } from './popover-root';
+export { type PopoverTriggerProps } from './popover-trigger';
+export { type PopoverAnchorProps } from './popover-anchor';

package/lib-esm/primitives/popover/popover-anchor.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-export type PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;
-/**
- * An optional element to position the `Popover.Content` against.
- * @see https://www.radix-ui.com/docs/primitives/components/popover#anchor
- */
-export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export type PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;
+/**
+ * An optional element to position the `Popover.Content` against.
+ * @see https://www.radix-ui.com/docs/primitives/components/popover#anchor
+ */
+export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/popover/popover-anchor.js

@@ -2,9 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { forwardRef } from 'react';
 
-/**
- * An optional element to position the `Popover.Content` against.
- * @see https://www.radix-ui.com/docs/primitives/components/popover#anchor
+/**
+ * An optional element to position the `Popover.Content` against.
+ * @see https://www.radix-ui.com/docs/primitives/components/popover#anchor
  */
 const PopoverAnchor = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {