@box/blueprint-web 9.1.1 → 9.1.2

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

@@ -17,7 +17,7 @@ export interface PageLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     onToggleNavigationExpanded?: (nextState: boolean) => void;
 }
 export type PageGlobalHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-export type PagePageHeaderProps = Omit<PageHeaderProps, 'variant' | 'sticky' | 'as'>;
+export type PagePageHeaderProps = Omit<PageHeaderProps<'div'>, 'variant' | 'sticky' | 'as'>;
 export type PageMainProps = React.HTMLAttributes<HTMLDivElement>;
 export type PageMainSectionProps = React.HTMLAttributes<HTMLDivElement>;
 export type PageMainSectionSidebarProps = React.HTMLAttributes<HTMLDivElement>;

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

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

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

@@ -1,10 +1,10 @@
-import { type HeaderElementTypes, type PageHeaderProps } from './types';
-export declare const PageHeaderRoot: import("react").ForwardRefExoticComponent<PageHeaderProps & import("react").RefAttributes<HeaderElementTypes>>;
+import { type PageHeaderComponentType } from './types';
+export declare const PageHeaderRoot: PageHeaderComponentType;
 export declare const PageHeaderCorner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const PageHeaderStartElements: 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<PageHeaderProps & import("react").RefAttributes<HeaderElementTypes>>;
+    Root: PageHeaderComponentType;
     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,17 +1,20 @@
-import { type HTMLAttributes } from 'react';
-interface HeaderProps extends HTMLAttributes<HTMLElement> {
-    as?: 'header';
-}
-interface DivProps extends HTMLAttributes<HTMLDivElement> {
-    as: 'div';
-}
-export type HeaderElementTypes = HeaderProps | DivProps;
-export type PageHeaderProps = (DivProps | HeaderProps) & {
+import { type ReactNode } from 'react';
+interface PageHeaderBaseProps {
     variant: 'default' | 'inline';
     /**
      * When true the header will have `position: sticky`
      * @default true
      */
     sticky?: boolean;
+}
+export type PageHeaderElementType = React.ElementType<any, 'header' | 'div'>;
+type PropsOf<T extends PageHeaderElementType> = React.ComponentPropsWithRef<T>;
+export type PolymorphicRef<T extends PageHeaderElementType> = React.ComponentPropsWithRef<T>['ref'];
+type PolymorphicProps<T extends PageHeaderElementType = PageHeaderElementType, TProps = object> = {
+    as?: T;
+} & TProps & Omit<PropsOf<T>, keyof TProps | 'as' | 'ref'> & {
+    ref?: PolymorphicRef<T>;
 };
+export type PageHeaderProps<T extends PageHeaderElementType = 'header'> = PolymorphicProps<T, PageHeaderBaseProps>;
+export type PageHeaderComponentType = <T extends PageHeaderElementType = 'header'>(props: PolymorphicProps<T, PageHeaderProps<T>>) => ReactNode;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "9.1.1",
+    "version": "9.1.2",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -63,7 +63,7 @@
         "react-stately": "^3.31.1",
         "tsx": "^4.16.5"
     },
-    "gitHead": "12459b549bab127f965a7a68620ab58a8d171862",
+    "gitHead": "422c5a76116e547d351ab83cdab9d97b4d7ce621",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {