@mantine/core 8.3.13 → 9.0.0-alpha.0

package/lib/components/OverflowList/OverflowList.d.ts

@@ -0,0 +1,57 @@
+import { Ref } from 'react';
+import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
+export type OverflowListStylesNames = 'root';
+export type OverflowListCssVariables = {
+    root: '--ol-gap';
+};
+export interface OverflowListProps<T = any> extends BoxProps, StylesApiProps<OverflowListFactory>, ElementProps<'div', 'children'> {
+    /** Array of items to display */
+    data: T[];
+    /** Function to render item */
+    renderItem: (item: T, index: number) => React.ReactNode;
+    /** Function to render hidden items */
+    renderOverflow: (items: T[]) => React.ReactNode;
+    /** Number of rows to display @default 1 */
+    maxRows?: number;
+    /** Maximum number of visible items @default Infinity */
+    maxVisibleItems?: number;
+    /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem @default 'xs' */
+    gap?: MantineSpacing;
+    ref?: Ref<HTMLDivElement>;
+}
+export type OverflowListFactory = Factory<{
+    props: OverflowListProps<any>;
+    ref: HTMLDivElement;
+    stylesNames: OverflowListStylesNames;
+    vars: OverflowListCssVariables;
+    signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;
+}>;
+export declare const OverflowList: (<T = any>(props: OverflowListProps<T>) => React.JSX.Element) & import("../../core/factory/factory").ThemeExtend<{
+    props: OverflowListProps<any>;
+    ref: HTMLDivElement;
+    stylesNames: OverflowListStylesNames;
+    vars: OverflowListCssVariables;
+    signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;
+}> & import("../../core/factory/factory").ComponentClasses<{
+    props: OverflowListProps<any>;
+    ref: HTMLDivElement;
+    stylesNames: OverflowListStylesNames;
+    vars: OverflowListCssVariables;
+    signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;
+}> & Record<string, never> & {
+    varsResolver: import("../..").VarsResolver<{
+        props: OverflowListProps<any>;
+        ref: HTMLDivElement;
+        stylesNames: OverflowListStylesNames;
+        vars: OverflowListCssVariables;
+        signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;
+    }>;
+} & import("../..").FactoryComponentWithProps<{
+    props: OverflowListProps<any>;
+    ref: HTMLDivElement;
+    stylesNames: OverflowListStylesNames;
+    vars: OverflowListCssVariables;
+    signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;
+}> & {
+    displayName?: string;
+};

package/lib/components/OverflowList/get-row-position-data.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface NodePosition {
+    elements: Set<HTMLElement>;
+    bottom: number;
+    top: number;
+}
+export declare function getRowPositionsData(containerRef: React.RefObject<HTMLElement | null>, overflowRef: React.RefObject<HTMLElement | null>): {
+    itemsSizesMap: Record<number, NodePosition>;
+    rowPositions: number[];
+    children: HTMLElement[];
+} | null;
+export {};

package/lib/components/OverflowList/index.d.ts

@@ -0,0 +1,9 @@
+import type { OverflowListCssVariables, OverflowListFactory, OverflowListProps, OverflowListStylesNames } from './OverflowList';
+export { OverflowList } from './OverflowList';
+export type { OverflowListProps, OverflowListFactory, OverflowListStylesNames, OverflowListCssVariables, };
+export declare namespace OverflowList {
+    type Props = OverflowListProps;
+    type Factory = OverflowListFactory;
+    type StylesNames = OverflowListStylesNames;
+    type CssVariables = OverflowListCssVariables;
+}

package/lib/components/OverflowList/use-dimensions.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ResizeObserverDimensions {
+    width: number;
+    height: number;
+    contentWidth: number;
+    contentHeight: number;
+}
+export declare function useDimensions<T extends HTMLElement | null>(elementRef: React.RefObject<T>): ResizeObserverDimensions | null;
+export {};

package/lib/components/Overlay/Overlay.d.ts

@@ -4,23 +4,23 @@ export type OverlayCssVariables = {
     root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';
 };
 export interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {
-    /** Overlay `background-color` opacity 0–1, ignored when `gradient` prop is set @default `0.6` */
+    /** Overlay `background-color` opacity 0–1, ignored when `gradient` prop is set @default 0.6 */
     backgroundOpacity?: number;
-    /** Overlay `background-color` @default `#000` */
+    /** Overlay `background-color` @default #000 */
     color?: React.CSSProperties['backgroundColor'];
-    /** Overlay background blur @default `0` */
+    /** Overlay background blur in px (converted to rem). Applies `backdrop-filter: blur()`. Note: backdrop-filter is not supported in all browsers. @default 0 */
     blur?: number | string;
-    /** Changes overlay to gradient. If set, `color` prop is ignored. */
+    /** Changes overlay to gradient. If set, both `color` and `backgroundOpacity` props are ignored. */
     gradient?: string;
-    /** Overlay z-index @default `200` */
+    /** Overlay z-index @default 200 */
     zIndex?: string | number;
-    /** Key of `theme.radius` or any valid CSS value to set border-radius @default `0` */
+    /** Key of `theme.radius` or any valid CSS value to set border-radius @default 0 */
     radius?: MantineRadius;
     /** Content inside overlay */
     children?: React.ReactNode;
-    /** Centers content inside the overlay @default `false` */
+    /** Centers content inside the overlay using flexbox (sets display: flex, align-items: center, justify-content: center) @default false */
     center?: boolean;
-    /** Changes position to `fixed` @default `false` */
+    /** Changes position from `absolute` to `fixed` (viewport-relative instead of parent-relative) @default false */
     fixed?: boolean;
 }
 export type OverlayFactory = PolymorphicFactory<{
@@ -32,7 +32,7 @@ export type OverlayFactory = PolymorphicFactory<{
 }>;
 export declare const Overlay: (<C = "div">(props: import("../..").PolymorphicComponentProps<C, OverlayProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(OverlayProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof OverlayProps> & {
+} & Omit<any, "component" | keyof OverlayProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (OverlayProps & {
@@ -50,7 +50,15 @@ export declare const Overlay: (<C = "div">(props: import("../..").PolymorphicCom
     defaultComponent: "div";
     stylesNames: OverlayStylesNames;
     vars: OverlayCssVariables;
-}> & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & {
+    varsResolver: import("../..").VarsResolver<{
+        props: OverlayProps;
+        defaultRef: HTMLDivElement;
+        defaultComponent: "div";
+        stylesNames: OverlayStylesNames;
+        vars: OverlayCssVariables;
+    }>;
+} & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
     props: OverlayProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

package/lib/components/Overlay/index.d.ts

@@ -1,2 +1,9 @@
+import type { OverlayCssVariables, OverlayFactory, OverlayProps, OverlayStylesNames } from './Overlay';
 export { Overlay } from './Overlay';
-export type { OverlayCssVariables, OverlayFactory, OverlayProps, OverlayStylesNames, } from './Overlay';
+export type { OverlayProps, OverlayStylesNames, OverlayFactory, OverlayCssVariables };
+export declare namespace Overlay {
+    type Props = OverlayProps;
+    type StylesNames = OverlayStylesNames;
+    type Factory = OverlayFactory;
+    type CssVariables = OverlayCssVariables;
+}

package/lib/components/Pagination/Pagination.context.d.ts

@@ -1,6 +1,6 @@
 import { GetStylesApi } from '../../core';
 import type { PaginationRootFactory } from './PaginationRoot/PaginationRoot';
-interface PaginationContext {
+export interface PaginationContextValue {
     total: number;
     range: (number | 'dots')[];
     active: number;
@@ -13,8 +13,4 @@ interface PaginationContext {
     onLast: () => void;
     getStyles: GetStylesApi<PaginationRootFactory>;
 }
-export declare const PaginationProvider: ({ children, value }: {
-    value: PaginationContext;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, usePaginationContext: () => PaginationContext;
-export {};
+export declare const PaginationProvider: import("react").Context<PaginationContextValue | null>, usePaginationContext: () => PaginationContextValue;

package/lib/components/Pagination/Pagination.d.ts

@@ -8,9 +8,9 @@ import { PaginationRoot, PaginationRootCssVariables, PaginationRootProps, Pagina
 export type PaginationStylesNames = PaginationRootStylesNames;
 export type PaginationCssVariables = PaginationRootCssVariables;
 export interface PaginationProps extends PaginationRootProps {
-    /** If set, first/last controls are displayed @default `false` */
+    /** If set, first/last controls are displayed @default false */
     withEdges?: boolean;
-    /** If set, next/previous controls are displayed @default `true` */
+    /** If set, next/previous controls are displayed @default true */
     withControls?: boolean;
     /** Props passed down to next/previous/first/last controls */
     getControlProps?: (control: 'first' | 'previous' | 'last' | 'next') => Record<string, any>;
@@ -24,11 +24,11 @@ export interface PaginationProps extends PaginationRootProps {
     firstIcon?: PaginationIcon;
     /** Dots icon component */
     dotsIcon?: PaginationIcon;
-    /** Key of `theme.spacing`, gap between controls @default `8` */
+    /** Key of `theme.spacing`, gap between controls @default 8 */
     gap?: MantineSpacing;
-    /** If set, the pagination is hidden when only one page is available (`total={1}`) @default `false` */
+    /** If set, the pagination is hidden when only one page is available (`total={1}`) @default false */
     hideWithOnePage?: boolean;
-    /** If set to `false`, pages controls are hidden @default `true` */
+    /** If set to `false`, page number buttons are hidden, only next/previous controls remain @default `true` */
     withPages?: boolean;
 }
 export type PaginationFactory = Factory<{

package/lib/components/Pagination/Pagination.icons.d.ts

@@ -1,6 +1,9 @@
-interface _PaginationIconProps extends React.ComponentPropsWithoutRef<'svg'> {
+interface _PaginationIconProps {
     path: string;
     stroke?: any;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
 }
 export type PaginationIconProps = Omit<_PaginationIconProps, 'path'>;
 export type PaginationIcon = React.FC<PaginationIconProps>;

package/lib/components/Pagination/PaginationControl/PaginationControl.d.ts

@@ -3,7 +3,7 @@ export type PaginationControlStylesNames = 'control';
 export interface PaginationControlProps extends BoxProps, CompoundStylesApiProps<PaginationControlFactory>, ElementProps<'button'> {
     /** Applies active styles, adds `data-active` attribute */
     active?: boolean;
-    /** Applies padding @default `true` */
+    /** Applies padding @default true */
     withPadding?: boolean;
 }
 export type PaginationControlFactory = Factory<{

package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts

@@ -12,7 +12,7 @@ export interface PaginationEdgeProps extends BoxProps {
 }
 export declare function createEdgeComponent({ icon, name, action, type }: CreateEdgeComponent): (<C = "button">(props: import("../../..").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
+} & Omit<any, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (PaginationEdgeProps & {
@@ -21,7 +21,7 @@ export declare function createEdgeComponent({ icon, name, action, type }: Create
 })>, never> & Record<string, never>;
 export declare const PaginationNext: (<C = "button">(props: import("../../..").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
+} & Omit<any, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (PaginationEdgeProps & {
@@ -30,7 +30,7 @@ export declare const PaginationNext: (<C = "button">(props: import("../../..").P
 })>, never> & Record<string, never>;
 export declare const PaginationPrevious: (<C = "button">(props: import("../../..").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
+} & Omit<any, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (PaginationEdgeProps & {
@@ -39,7 +39,7 @@ export declare const PaginationPrevious: (<C = "button">(props: import("../../..
 })>, never> & Record<string, never>;
 export declare const PaginationFirst: (<C = "button">(props: import("../../..").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
+} & Omit<any, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (PaginationEdgeProps & {
@@ -48,7 +48,7 @@ export declare const PaginationFirst: (<C = "button">(props: import("../../..").
 })>, never> & Record<string, never>;
 export declare const PaginationLast: (<C = "button">(props: import("../../..").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
+} & Omit<any, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (PaginationEdgeProps & {

package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts

@@ -4,25 +4,25 @@ export type PaginationRootCssVariables = {
     root: '--pagination-control-size' | '--pagination-control-radius' | '--pagination-control-fz' | '--pagination-active-bg' | '--pagination-active-color';
 };
 export interface PaginationRootProps extends BoxProps, StylesApiProps<PaginationRootFactory>, ElementProps<'div', 'value' | 'onChange'> {
-    /** `height` and `min-width` of controls @default `'md'` */
-    size?: MantineSize | (string & {}) | number;
+    /** `height` and `min-width` of controls @default 'md' */
+    size?: MantineSize | `input-${MantineSize}` | (string & {}) | number;
     /** Total number of pages, must be an integer */
     total: number;
-    /** Active page for controlled component, must be an integer in [0, total] interval */
+    /** Active page for controlled component, must be an integer in [1, total] interval */
     value?: number;
-    /** Active page for uncontrolled component, must be an integer in [0, total] interval */
+    /** Active page for uncontrolled component, must be an integer in [1, total] interval */
     defaultValue?: number;
     /** Called when page changes */
     onChange?: (value: number) => void;
     /** Disables all controls, applies disabled styles */
     disabled?: boolean;
-    /** Number of siblings displayed on the left/right side of the selected page @default `1` */
+    /** Number of siblings displayed on the left/right side of the selected page @default 1 */
     siblings?: number;
-    /** Number of elements visible on the left/right edges @default `1` */
+    /** Number of elements visible on the left/right edges @default 1 */
     boundaries?: number;
-    /** Key of `theme.colors`, active item color @default `theme.primaryColor` */
+    /** Key of `theme.colors`, active item color @default theme.primaryColor */
     color?: MantineColor;
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default `theme.defaultRadius` */
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default theme.defaultRadius */
     radius?: MantineRadius;
     /** Called when next page control is clicked */
     onNextPage?: () => void;
@@ -34,8 +34,10 @@ export interface PaginationRootProps extends BoxProps, StylesApiProps<Pagination
     onLastPage?: () => void;
     /** Additional props passed down to controls */
     getItemProps?: (page: number) => Record<string, any>;
-    /** If set, adjusts text color based on background color for `filled` variant */
+    /** If set, adjusts text color based on the active page background color to ensure sufficient contrast */
     autoContrast?: boolean;
+    /** Starting page number, defaults to 1 */
+    startValue?: number;
 }
 export type PaginationRootFactory = Factory<{
     props: PaginationRootProps;

package/lib/components/Pagination/index.d.ts

@@ -1,12 +1,36 @@
+import type { PaginationCssVariables, PaginationFactory, PaginationProps, PaginationStylesNames } from './Pagination';
+import type { PaginationContextValue } from './Pagination.context';
+import type { PaginationControlProps } from './PaginationControl/PaginationControl';
+import type { PaginationDotsProps } from './PaginationDots/PaginationDots';
+import type { PaginationEdgeProps } from './PaginationEdges/PaginationEdges';
+import type { PaginationItemsProps } from './PaginationItems/PaginationItems';
+import type { PaginationRootProps } from './PaginationRoot/PaginationRoot';
 export { Pagination } from './Pagination';
 export { PaginationControl } from './PaginationControl/PaginationControl';
 export { PaginationDots } from './PaginationDots/PaginationDots';
 export { PaginationFirst, PaginationLast, PaginationNext, PaginationPrevious, } from './PaginationEdges/PaginationEdges';
 export { PaginationItems } from './PaginationItems/PaginationItems';
 export { PaginationRoot } from './PaginationRoot/PaginationRoot';
-export type { PaginationCssVariables, PaginationFactory, PaginationProps, PaginationStylesNames, } from './Pagination';
-export type { PaginationRootProps } from './PaginationRoot/PaginationRoot';
-export type { PaginationControlProps } from './PaginationControl/PaginationControl';
-export type { PaginationDotsProps } from './PaginationDots/PaginationDots';
-export type { PaginationEdgeProps } from './PaginationEdges/PaginationEdges';
-export type { PaginationItemsProps } from './PaginationItems/PaginationItems';
+export { usePaginationContext } from './Pagination.context';
+export type { PaginationProps, PaginationStylesNames, PaginationCssVariables, PaginationFactory, PaginationRootProps, PaginationControlProps, PaginationDotsProps, PaginationEdgeProps, PaginationItemsProps, PaginationContextValue, };
+export declare namespace Pagination {
+    type Props = PaginationProps;
+    type StylesNames = PaginationStylesNames;
+    type CssVariables = PaginationCssVariables;
+    type Factory = PaginationFactory;
+    namespace Root {
+        type Props = PaginationRootProps;
+    }
+    namespace Control {
+        type Props = PaginationControlProps;
+    }
+    namespace Dots {
+        type Props = PaginationDotsProps;
+    }
+    namespace Edge {
+        type Props = PaginationEdgeProps;
+    }
+    namespace Items {
+        type Props = PaginationItemsProps;
+    }
+}

package/lib/components/Paper/Paper.d.ts

@@ -6,7 +6,7 @@ export type PaperCssVariables = {
 export interface PaperBaseProps {
     /** Key of `theme.shadows` or any valid CSS value to set `box-shadow` */
     shadow?: MantineShadow;
-    /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default `theme.defaultRadius` */
+    /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default theme.defaultRadius */
     radius?: MantineRadius;
     /** Adds border to the root element */
     withBorder?: boolean;
@@ -22,7 +22,7 @@ export type PaperFactory = PolymorphicFactory<{
 }>;
 export declare const Paper: (<C = "div">(props: import("../..").PolymorphicComponentProps<C, PaperProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(PaperProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaperProps> & {
+} & Omit<any, "component" | keyof PaperProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (PaperProps & {
@@ -40,7 +40,15 @@ export declare const Paper: (<C = "div">(props: import("../..").PolymorphicCompo
     defaultRef: HTMLDivElement;
     stylesNames: PaperStylesNames;
     vars: PaperCssVariables;
-}> & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & {
+    varsResolver: import("../..").VarsResolver<{
+        props: PaperProps;
+        defaultComponent: "div";
+        defaultRef: HTMLDivElement;
+        stylesNames: PaperStylesNames;
+        vars: PaperCssVariables;
+    }>;
+} & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
     props: PaperProps;
     defaultComponent: "div";
     defaultRef: HTMLDivElement;

package/lib/components/Paper/index.d.ts

@@ -1,2 +1,10 @@
+import type { PaperBaseProps, PaperCssVariables, PaperFactory, PaperProps, PaperStylesNames } from './Paper';
 export { Paper } from './Paper';
-export type { PaperProps, PaperStylesNames, PaperCssVariables, PaperFactory, PaperBaseProps, } from './Paper';
+export type { PaperProps, PaperStylesNames, PaperCssVariables, PaperFactory, PaperBaseProps };
+export declare namespace Paper {
+    type Props = PaperProps;
+    type StylesNames = PaperStylesNames;
+    type CssVariables = PaperCssVariables;
+    type Factory = PaperFactory;
+    type BaseProps = PaperBaseProps;
+}

package/lib/components/PasswordInput/PasswordInput.d.ts

@@ -11,7 +11,7 @@ export interface PasswordInputProps extends BoxProps, Omit<__BaseInputProps, 'po
     }>;
     /** Props passed down to the visibility toggle button */
     visibilityToggleButtonProps?: Record<string, any>;
-    /** If set, the input value is visible visible */
+    /** If set, the input value is visible */
     visible?: boolean;
     /** If set, the input value is visible by default */
     defaultVisible?: boolean;

package/lib/components/PasswordInput/PasswordToggleIcon.d.ts

@@ -2,4 +2,4 @@ export interface PasswordToggleIconProps {
     reveal: boolean;
 }
 export type PasswordInputVisibilityToggleIcon = React.FC<PasswordToggleIconProps>;
-export declare const PasswordToggleIcon: PasswordInputVisibilityToggleIcon;
+export declare function PasswordToggleIcon({ reveal }: PasswordToggleIconProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/PasswordInput/index.d.ts

@@ -1,2 +1,9 @@
+import type { PasswordInputCssVariables, PasswordInputFactory, PasswordInputProps, PasswordInputStylesNames } from './PasswordInput';
 export { PasswordInput } from './PasswordInput';
-export type { PasswordInputCssVariables, PasswordInputFactory, PasswordInputProps, PasswordInputStylesNames, } from './PasswordInput';
+export type { PasswordInputProps, PasswordInputStylesNames, PasswordInputCssVariables, PasswordInputFactory, };
+export declare namespace PasswordInput {
+    type Props = PasswordInputProps;
+    type StylesNames = PasswordInputStylesNames;
+    type CssVariables = PasswordInputCssVariables;
+    type Factory = PasswordInputFactory;
+}

package/lib/components/Pill/Pill.d.ts

@@ -7,15 +7,15 @@ export type PillCssVariables = {
     root: '--pill-fz' | '--pill-radius' | '--pill-height';
 };
 export interface PillProps extends BoxProps, StylesApiProps<PillFactory>, ElementProps<'div'> {
-    /** Controls pill `font-size` and `padding` @default `'sm'` */
+    /** Controls pill `font-size` and `padding` @default 'sm' */
     size?: MantineSize;
-    /** Controls visibility of the remove button @default `false` */
+    /** Controls visibility of the remove button @default false */
     withRemoveButton?: boolean;
     /** Called when the remove button is clicked */
     onRemove?: () => void;
     /** Props passed down to the remove button */
-    removeButtonProps?: CloseButtonProps & React.ComponentPropsWithoutRef<'button'>;
-    /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem.  @default `'xl'` */
+    removeButtonProps?: CloseButtonProps & React.ComponentProps<'button'>;
+    /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem.  @default 'xl' */
     radius?: MantineRadius;
     /** Adds disabled attribute, applies disabled styles */
     disabled?: boolean;

package/lib/components/Pill/PillGroup/PillGroup.d.ts

@@ -1,4 +1,9 @@
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
+export interface PillGroupContextValue {
+    size: MantineSize | (string & {}) | undefined;
+    disabled: boolean | undefined;
+}
+export declare const PillGroupContext: import("react").Context<PillGroupContextValue | null>;
 export type PillGroupStylesNames = 'group';
 export type PillGroupCssVariables = {
     group: '--pg-gap';
@@ -6,7 +11,7 @@ export type PillGroupCssVariables = {
 export interface PillGroupProps extends BoxProps, StylesApiProps<PillGroupFactory>, ElementProps<'div'> {
     /** Controls spacing between pills, by default controlled by `size` */
     gap?: MantineSize | (string & {}) | number;
-    /** Controls size of the child `Pill` components and gap between them @default `'sm'` */
+    /** Controls size of the child `Pill` components and gap between them @default 'sm' */
     size?: MantineSize | (string & {});
     /** If set, adds disabled to all child `Pill` components */
     disabled?: boolean;

package/lib/components/Pill/index.d.ts

@@ -1,4 +1,18 @@
+import type { PillCssVariables, PillFactory, PillProps, PillStylesNames, PillVariant } from './Pill';
+import type { PillGroupCssVariables, PillGroupFactory, PillGroupProps, PillGroupStylesNames } from './PillGroup/PillGroup';
 export { Pill } from './Pill';
 export { PillGroup } from './PillGroup/PillGroup';
-export type { PillCssVariables, PillFactory, PillProps, PillStylesNames, PillVariant, } from './Pill';
-export type { PillGroupCssVariables, PillGroupFactory, PillGroupProps, PillGroupStylesNames, } from './PillGroup/PillGroup';
+export type { PillProps, PillStylesNames, PillCssVariables, PillFactory, PillVariant, PillGroupProps, PillGroupStylesNames, PillGroupCssVariables, PillGroupFactory, };
+export declare namespace Pill {
+    type Props = PillProps;
+    type StylesNames = PillStylesNames;
+    type CssVariables = PillCssVariables;
+    type Factory = PillFactory;
+    type Variant = PillVariant;
+    namespace Group {
+        type Props = PillGroupProps;
+        type StylesNames = PillGroupStylesNames;
+        type CssVariables = PillGroupCssVariables;
+        type Factory = PillGroupFactory;
+    }
+}

package/lib/components/PillsInput/PillsInput.context.d.ts

@@ -7,7 +7,4 @@ export interface PillsInputContextValue {
     hasError: boolean | undefined;
     variant: InputVariant | (string & {}) | undefined;
 }
-export declare const PillsInputProvider: ({ children, value }: {
-    value: PillsInputContextValue;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, usePillsInputContext: () => PillsInputContextValue | null;
+export declare const PillsInputContext: import("react").Context<PillsInputContextValue | null>;

package/lib/components/PillsInput/PillsInput.d.ts

@@ -7,7 +7,7 @@ export interface PillsInputProps extends BoxProps, __BaseInputProps, StylesApiPr
 }
 export type PillsInputFactory = Factory<{
     props: PillsInputProps;
-    ref: HTMLInputElement;
+    ref: HTMLDivElement;
     stylesNames: __InputStylesNames;
     staticComponents: {
         Field: typeof PillsInputField;
@@ -15,7 +15,7 @@ export type PillsInputFactory = Factory<{
 }>;
 export declare const PillsInput: import("../..").MantineComponent<{
     props: PillsInputProps;
-    ref: HTMLInputElement;
+    ref: HTMLDivElement;
     stylesNames: __InputStylesNames;
     staticComponents: {
         Field: typeof PillsInputField;

package/lib/components/PillsInput/PillsInputField/PillsInputField.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
 export type PillsInputFieldStylesNames = 'field';
 export interface PillsInputFieldProps extends BoxProps, StylesApiProps<PillsInputFieldFactory>, ElementProps<'input', 'type'> {
-    /** Controls input styles when focused. If `auto` the input is hidden when not focused. If `visible` the input will always remain visible. @default `'visible'` */
+    /** Controls input styles when focused. If `auto` the input is hidden when not focused. If `visible` the input will always remain visible. @default 'visible' */
     type?: 'auto' | 'visible' | 'hidden';
     /** If set, cursor is changed to pointer */
     pointer?: boolean;

package/lib/components/PillsInput/index.d.ts

@@ -1,4 +1,17 @@
+import type { PillsInputFactory, PillsInputProps } from './PillsInput';
+import type { PillsInputContextValue } from './PillsInput.context';
+import type { PillsInputFieldFactory, PillsInputFieldProps, PillsInputFieldStylesNames } from './PillsInputField/PillsInputField';
 export { PillsInput } from './PillsInput';
 export { PillsInputField } from './PillsInputField/PillsInputField';
-export type { PillsInputFactory, PillsInputProps } from './PillsInput';
-export type { PillsInputFieldFactory, PillsInputFieldProps, PillsInputFieldStylesNames, } from './PillsInputField/PillsInputField';
+export { PillsInputContext } from './PillsInput.context';
+export type { PillsInputProps, PillsInputFactory, PillsInputFieldProps, PillsInputFieldFactory, PillsInputFieldStylesNames, PillsInputContextValue, };
+export declare namespace PillsInput {
+    type Props = PillsInputProps;
+    type Factory = PillsInputFactory;
+    type ContextValue = PillsInputContextValue;
+    namespace Field {
+        type Props = PillsInputFieldProps;
+        type Factory = PillsInputFieldFactory;
+        type StylesNames = PillsInputFieldStylesNames;
+    }
+}