twenty-ui 2.44.0 → 2.46.0

package/dist/primitives/data-display/Avatar/types/AvatarProps.d.ts

@@ -1,20 +1,10 @@
-import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
 import { ReactNode } from 'react';
-import { AvatarSize } from './AvatarSize';
-import { AvatarShape } from './AvatarShape';
-export type AvatarProps = Omit<AvatarPrimitive.Root.Props, 'children'> & {
+import { AvatarFallbackProps } from './AvatarFallbackProps';
+import { AvatarImageProps } from './AvatarImageProps';
+import { AvatarRootProps } from './AvatarRootProps';
+export type AvatarProps = Omit<AvatarRootProps, 'children' | 'onClick'> & {
     src?: string | null;
-    name?: string;
-    colorSeed?: string;
-    size?: AvatarSize;
-    shape?: AvatarShape;
-    variant?: 'soft' | 'outline';
     icon?: ReactNode;
-    color?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    pulsing?: boolean;
-    ring?: boolean;
-    disabled?: boolean;
-    nativeButton?: boolean;
+    imageProps?: AvatarImageProps;
+    fallbackProps?: AvatarFallbackProps;
 };

package/dist/primitives/data-display/Avatar/types/AvatarRootProps.d.ts

@@ -0,0 +1,15 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { AvatarShape } from './AvatarShape';
+import { AvatarSize } from './AvatarSize';
+export type AvatarRootProps = AvatarPrimitive.Root.Props & {
+    name?: string;
+    colorSeed?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    variant?: 'soft' | 'outline';
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    pulsing?: boolean;
+    ring?: boolean;
+};

package/dist/primitives/data-display/Avatar/types/AvatarRootState.d.ts

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarRootState = AvatarPrimitive.Root.State;

package/dist/primitives/data-display/Chip/Chip.d.ts

@@ -1,2 +1,2 @@
 import { ChipProps } from './types/ChipProps';
-export declare const Chip: ({ children, size, variant, color, shape, weight, disabled, onClick, clickable, nativeButton, startElement, endElement, endElementDivider, maxWidth, tooltipLabel, tooltipPlace, alwaysShowTooltip, isLabelHidden, forceEmptyText, emptyLabel, className, style, render, ref, ...props }: ChipProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Chip: ({ children, size, variant, color, shape, weight, onClick, clickable, startElement, endElement, endElementDivider, maxWidth, truncate, tooltipContent, tooltipDelay, isTooltipMultiline, tooltipPlace, alwaysShowTooltip, className, style, render, ref, ...props }: ChipProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Chip/types/ChipProps.d.ts

@@ -1,25 +1,17 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
-import { TooltipSide } from '../../../surfaces/Tooltip/types/TooltipSide';
+import { OverflowingTextWithTooltipProps } from '../../../typography/OverflowingTextWithTooltip/types/OverflowingTextWithTooltipProps';
 import { ChipSize } from './ChipSize';
 import { ChipVariant } from './ChipVariant';
-export type ChipProps = Omit<useRender.ComponentProps<'div'>, 'color'> & {
+export type ChipProps = Omit<useRender.ComponentProps<'div'>, 'color'> & Pick<OverflowingTextWithTooltipProps, 'truncate' | 'tooltipContent' | 'tooltipDelay' | 'tooltipPlace' | 'isTooltipMultiline' | 'alwaysShowTooltip'> & {
     size?: ChipSize;
     variant?: ChipVariant;
     color?: 'primary' | 'secondary';
     shape?: 'square' | 'round';
     weight?: 'regular' | 'medium';
-    disabled?: boolean;
     clickable?: boolean;
-    nativeButton?: boolean;
     startElement?: ReactNode;
     endElement?: ReactNode;
     endElementDivider?: boolean;
     maxWidth?: number;
-    tooltipLabel?: string;
-    tooltipPlace?: TooltipSide;
-    alwaysShowTooltip?: boolean;
-    isLabelHidden?: boolean;
-    forceEmptyText?: boolean;
-    emptyLabel?: string;
 };

package/dist/primitives/data-display/ColorSample/ColorSample.d.ts

@@ -1,12 +1,2 @@
-import { ThemeColor } from '../../../theme';
-export type ColorSampleVariant = 'circle' | 'default' | 'pipeline';
-type StyledColorSampleProps = {
-    colorName: ThemeColor;
-    color?: string;
-    variant?: ColorSampleVariant;
-};
-export type ColorSampleProps = StyledColorSampleProps & {
-    className?: string;
-};
-export declare const ColorSample: ({ colorName, color, variant, className, }: ColorSampleProps) => import("react").JSX.Element;
-export {};
+import { ColorSampleProps } from './types/ColorSampleProps';
+export declare const ColorSample: ({ colorName, color, variant, className, style, render, ref, ...props }: ColorSampleProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/ColorSample/types/ColorSampleProps.d.ts

@@ -0,0 +1,8 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ThemeColor } from '../../../../theme';
+import { ColorSampleVariant } from './ColorSampleVariant';
+export type ColorSampleProps = useRender.ComponentProps<'div'> & {
+    colorName: ThemeColor;
+    color?: string;
+    variant?: ColorSampleVariant;
+};

package/dist/primitives/data-display/ColorSample/types/ColorSampleVariant.d.ts

@@ -0,0 +1 @@
+export type ColorSampleVariant = 'circle' | 'default';

package/dist/primitives/data-display/Status/Status.d.ts

@@ -1,2 +1,2 @@
 import { StatusProps } from './types/StatusProps';
-export declare const Status: ({ children, color, loading, weight, disabled, nativeButton, onClick, className, style, render, ref, ...props }: StatusProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Status: ({ children, color, loading, weight, className, style, render, ref, ...props }: StatusProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Status/types/StatusProps.d.ts

@@ -1,23 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
-import { HTMLAttributes, MouseEventHandler, RefAttributes } from 'react';
 import { ThemeColor } from '../../../../theme';
-type StatusOwnProps = {
+import { StatusState } from './StatusState';
+export type StatusProps = Omit<useRender.ComponentProps<'span', StatusState>, 'color'> & Partial<StatusState> & {
     color: ThemeColor;
-    weight?: 'regular' | 'medium';
-    disabled?: boolean;
-    loading?: boolean;
 };
-type StatusStaticProps = Omit<useRender.ComponentProps<'span'>, 'color' | 'onClick'> & {
-    onClick?: undefined;
-    nativeButton?: true;
-};
-type StatusButtonProps = Omit<useRender.ComponentProps<'button'>, 'color' | 'onClick'> & {
-    onClick: MouseEventHandler<HTMLButtonElement>;
-    nativeButton?: true;
-};
-type StatusCustomProps = Omit<HTMLAttributes<HTMLElement>, 'color'> & RefAttributes<HTMLElement> & {
-    nativeButton: false;
-    render: NonNullable<useRender.ComponentProps<'span'>['render']>;
-};
-export type StatusProps = StatusOwnProps & (StatusStaticProps | StatusButtonProps | StatusCustomProps);
-export {};

package/dist/primitives/data-display/Status/types/StatusState.d.ts

@@ -0,0 +1,4 @@
+export type StatusState = {
+    loading: boolean;
+    weight: 'regular' | 'medium';
+};

package/dist/primitives/data-display/Tag/Tag.d.ts

@@ -1,2 +1,2 @@
 import { TagProps } from './types/TagProps';
-export declare const Tag: ({ children, color, weight, variant, startIcon, preventShrink, preventPadding, borderStyle, disabled, nativeButton, onClick, className, style, render, ref, ...props }: TagProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Tag: ({ children, color, weight, variant, startIcon, truncate, borderStyle, className, style, render, ref, ...props }: TagProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Tag/types/TagProps.d.ts

@@ -1,14 +1,9 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
 import { TagColor } from './TagColor';
-export type TagProps = Omit<useRender.ComponentProps<'span'>, 'color'> & {
+import { TagState } from './TagState';
+export type TagProps = Omit<useRender.ComponentProps<'span', TagState>, 'color'> & Partial<TagState> & {
     color: TagColor;
-    weight?: 'regular' | 'medium';
-    disabled?: boolean;
-    nativeButton?: boolean;
-    variant?: 'solid' | 'soft' | 'outline' | 'ghost';
     startIcon?: ReactNode;
-    preventShrink?: boolean;
-    preventPadding?: boolean;
     borderStyle?: 'solid' | 'dashed';
 };

package/dist/primitives/data-display/Tag/types/TagState.d.ts

@@ -0,0 +1,5 @@
+export type TagState = {
+    variant: 'solid' | 'soft' | 'outline' | 'ghost';
+    weight: 'regular' | 'medium';
+    truncate: boolean;
+};

package/dist/primitives/data-display/index.d.ts

@@ -1,17 +1,27 @@
 export { Avatar } from './Avatar/Avatar';
 export { AVATAR_PROPERTIES_BY_SIZE } from './Avatar/constants/AvatarPropertiesBySize';
+export type { AvatarFallbackProps } from './Avatar/types/AvatarFallbackProps';
+export type { AvatarFallbackState } from './Avatar/types/AvatarFallbackState';
+export type { AvatarImageLoadingStatus } from './Avatar/types/AvatarImageLoadingStatus';
+export type { AvatarImageProps } from './Avatar/types/AvatarImageProps';
+export type { AvatarImageState } from './Avatar/types/AvatarImageState';
 export type { AvatarProps } from './Avatar/types/AvatarProps';
+export type { AvatarRootProps } from './Avatar/types/AvatarRootProps';
+export type { AvatarRootState } from './Avatar/types/AvatarRootState';
 export type { AvatarShape } from './Avatar/types/AvatarShape';
 export type { AvatarSize } from './Avatar/types/AvatarSize';
 export { Chip } from './Chip/Chip';
 export type { ChipProps } from './Chip/types/ChipProps';
 export type { ChipSize } from './Chip/types/ChipSize';
 export type { ChipVariant } from './Chip/types/ChipVariant';
-export type { ColorSampleVariant, ColorSampleProps, } from './ColorSample/ColorSample';
 export { ColorSample } from './ColorSample/ColorSample';
+export type { ColorSampleProps } from './ColorSample/types/ColorSampleProps';
+export type { ColorSampleVariant } from './ColorSample/types/ColorSampleVariant';
 export { Pill } from './Pill/Pill';
 export { Status } from './Status/Status';
 export type { StatusProps } from './Status/types/StatusProps';
+export type { StatusState } from './Status/types/StatusState';
 export { Tag } from './Tag/Tag';
 export type { TagColor } from './Tag/types/TagColor';
 export type { TagProps } from './Tag/types/TagProps';
+export type { TagState } from './Tag/types/TagState';

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-B5-MSVUG.cjs"),e=require("../data-display-DenoFbuP.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Pill=e.Pill;exports.Status=e.Status;exports.Tag=e.Tag;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-DK78lGPU.cjs"),e=require("../data-display-BMM4rYOl.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Pill=e.Pill;exports.Status=e.Status;exports.Tag=e.Tag;

package/dist/primitives/data-display.mjs

@@ -1,5 +1,5 @@
-import { t as o } from "../Avatar-Da_dlwJP.js";
-import { a as s, i as t, n as i, o as m, r as p, t as l } from "../data-display-npY0auY_.js";
+import { t as o } from "../Avatar-DnJMCjoR.js";
+import { a as s, i as t, n as i, o as m, r as p, t as l } from "../data-display-CRDo6TBH.js";
 export {
   m as AVATAR_PROPERTIES_BY_SIZE,
   o as Avatar,

package/dist/primitives/feedback/Banner/Banner.d.ts

@@ -1,10 +1,3 @@
-export type BannerColor = 'blue' | 'danger';
-export type BannerVariant = 'primary' | 'secondary';
-type BannerProps = {
-    color?: BannerColor;
-    variant?: BannerVariant;
-    className?: string;
-    children: React.ReactNode;
+export declare const Banner: (({ status, variant, color, icon, action, className, children, render, ref, ...props }: import('..').BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>) & {
+    Action: ({ className, ...props }: import('..').BannerActionProps) => import("react").JSX.Element;
 };
-export declare const Banner: ({ color, variant, className, children, }: BannerProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/feedback/Banner/internal/BannerAction.d.ts

@@ -0,0 +1,2 @@
+import { BannerActionProps } from '../types/BannerActionProps';
+export declare const BannerAction: ({ className, ...props }: BannerActionProps) => import("react").JSX.Element;

package/dist/primitives/feedback/Banner/internal/BannerComponent.d.ts

@@ -0,0 +1,2 @@
+import { BannerProps } from '../types/BannerProps';
+export declare const BannerComponent: ({ status, variant, color, icon, action, className, children, render, ref, ...props }: BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/feedback/Banner/types/BannerActionProps.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../../input/Button/types/ButtonProps';
+export type BannerActionProps = Omit<ButtonProps, 'size' | 'variant' | 'color'>;

package/dist/primitives/feedback/Banner/types/BannerColor.d.ts

@@ -0,0 +1 @@
+export type BannerColor = 'gray' | 'blue' | 'green' | 'orange' | 'red';

package/dist/primitives/feedback/Banner/types/BannerProps.d.ts

@@ -0,0 +1,13 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { BannerColor } from './BannerColor';
+import { BannerState } from './BannerState';
+import { BannerStatus } from './BannerStatus';
+import { BannerVariant } from './BannerVariant';
+export type BannerProps = Omit<useRender.ComponentProps<'div', BannerState>, 'color'> & {
+    status?: BannerStatus;
+    variant?: BannerVariant;
+    color?: BannerColor;
+    icon?: ReactNode;
+    action?: ReactNode;
+};

package/dist/primitives/feedback/Banner/types/BannerState.d.ts

@@ -0,0 +1,8 @@
+import { BannerColor } from './BannerColor';
+import { BannerStatus } from './BannerStatus';
+import { BannerVariant } from './BannerVariant';
+export type BannerState = {
+    status: BannerStatus;
+    variant: BannerVariant;
+    color: BannerColor;
+};

package/dist/primitives/feedback/Banner/types/BannerStatus.d.ts

@@ -0,0 +1 @@
+export type BannerStatus = 'neutral' | 'info' | 'success' | 'warning' | 'error';

package/dist/primitives/feedback/Banner/types/BannerVariant.d.ts

@@ -0,0 +1 @@
+export type BannerVariant = 'solid' | 'soft';

package/dist/primitives/feedback/Loader/Loader.d.ts

@@ -1,6 +1,2 @@
-import { ThemeColor } from '../../../theme';
-type LoaderProps = {
-    color?: ThemeColor;
-};
-export declare const Loader: ({ color }: LoaderProps) => import("react").JSX.Element;
-export {};
+import { LoaderProps } from './types/LoaderProps';
+export declare const Loader: ({ color, className, style, render, ref, ...props }: LoaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/feedback/Loader/types/LoaderProps.d.ts

@@ -0,0 +1,5 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ThemeColor } from '../../../../theme';
+export type LoaderProps = Omit<useRender.ComponentProps<'div'>, 'children' | 'color'> & {
+    color?: ThemeColor;
+};

package/dist/primitives/feedback/ProgressRing/ProgressRing.d.ts

@@ -0,0 +1,2 @@
+import { ProgressRingProps } from './types/ProgressRingProps';
+export declare const ProgressRing: ({ value, size, barColor, children, className, style, "aria-valuetext": ariaValueText, ...props }: ProgressRingProps) => import("react").JSX.Element;

package/dist/primitives/feedback/ProgressRing/types/ProgressRingProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+export type ProgressRingProps = useRender.ComponentProps<'div'> & {
+    value: number;
+    size?: 'sm' | 'md';
+    barColor?: string;
+};

package/dist/primitives/feedback/Skeleton/Skeleton.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './types/SkeletonProps';
+export declare const Skeleton: ({ width, height, borderRadius, baseColor, highlightColor, animated, className, style, render, ref, ...props }: SkeletonProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/feedback/Skeleton/constants/SKELETON_HEIGHT_SIZES.d.ts

@@ -0,0 +1,7 @@
+export declare const SKELETON_HEIGHT_SIZES: {
+    readonly xs: 13;
+    readonly s: 16;
+    readonly m: 24;
+    readonly l: 32;
+    readonly xl: 40;
+};

package/dist/primitives/feedback/Skeleton/types/SkeletonProps.d.ts

@@ -0,0 +1,10 @@
+import { useRender } from '@base-ui/react/use-render';
+import { CSSProperties } from 'react';
+export type SkeletonProps = Omit<useRender.ComponentProps<'span'>, 'children'> & {
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+    borderRadius?: CSSProperties['borderRadius'];
+    baseColor?: CSSProperties['backgroundColor'];
+    highlightColor?: CSSProperties['backgroundColor'];
+    animated?: boolean;
+};

package/dist/primitives/feedback/index.d.ts

@@ -1,5 +1,16 @@
-export type { BannerColor, BannerVariant } from './Banner/Banner';
 export { Banner } from './Banner/Banner';
+export type { BannerActionProps } from './Banner/types/BannerActionProps';
+export type { BannerColor } from './Banner/types/BannerColor';
+export type { BannerProps } from './Banner/types/BannerProps';
+export type { BannerState } from './Banner/types/BannerState';
+export type { BannerStatus } from './Banner/types/BannerStatus';
+export type { BannerVariant } from './Banner/types/BannerVariant';
 export { Loader } from './Loader/Loader';
+export type { LoaderProps } from './Loader/types/LoaderProps';
 export { ProgressBar } from './ProgressBar/ProgressBar';
 export type { ProgressBarProps } from './ProgressBar/types/ProgressBarProps';
+export { ProgressRing } from './ProgressRing/ProgressRing';
+export type { ProgressRingProps } from './ProgressRing/types/ProgressRingProps';
+export { SKELETON_HEIGHT_SIZES } from './Skeleton/constants/SKELETON_HEIGHT_SIZES';
+export { Skeleton } from './Skeleton/Skeleton';
+export type { SkeletonProps } from './Skeleton/types/SkeletonProps';

package/dist/primitives/feedback/internal/constants/FeedbackStatusColors.d.ts

@@ -0,0 +1,7 @@
+export declare const FEEDBACK_STATUS_COLORS: {
+    neutral: "gray";
+    info: "blue";
+    success: "green";
+    warning: "orange";
+    error: "red";
+};

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Loader-CMXdrX1d.cjs"),e=require("../ProgressBar-C8N-1Iav.cjs");exports.Banner=e.Banner;exports.Loader=r.Loader;exports.ProgressBar=e.ProgressBar;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../ProgressRing-CHLADu5q.cjs"),s=require("../Loader-GFhTL4Aw.cjs"),e=require("../ProgressBar-BHiYQW6F.cjs"),r=require("../feedback-f1_n3da1.cjs");exports.Banner=e.Banner;exports.Loader=s.Loader;exports.ProgressBar=e.ProgressBar;exports.ProgressRing=o.ProgressRing;exports.SKELETON_HEIGHT_SIZES=r.SKELETON_HEIGHT_SIZES;exports.Skeleton=r.Skeleton;

package/dist/primitives/feedback.mjs

@@ -1,7 +1,12 @@
-import { t as o } from "../Loader-BLkXvZli.js";
-import { n as s, t } from "../ProgressBar-Cq6EDZz9.js";
+import { t as o } from "../ProgressRing-Cwqo4hWZ.js";
+import { t } from "../Loader-BBMC4fe6.js";
+import { n as m, t as e } from "../ProgressBar-B_GDjg9S.js";
+import { n as i, t as p } from "../feedback-CI5j7IZ3.js";
 export {
-  s as Banner,
-  o as Loader,
-  t as ProgressBar
+  m as Banner,
+  t as Loader,
+  e as ProgressBar,
+  o as ProgressRing,
+  i as SKELETON_HEIGHT_SIZES,
+  p as Skeleton
 };

package/dist/primitives/input/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,9 @@
+export declare const Autocomplete: {
+    Root: <TItem>({ onOpenChange, ...props }: import('..').AutocompleteRootProps<TItem>) => import("react").JSX.Element;
+    InputGroup: ({ className, ...props }: import('..').AutocompleteInputGroupProps) => import("react").JSX.Element;
+    Input: ({ size, className, onKeyDown, ...props }: import('..').AutocompleteInputProps) => import("react").JSX.Element;
+    Popup: ({ side, align, sideOffset, alignOffset, anchor, collisionPadding, width, style, container, className, ...props }: import('..').AutocompletePopupProps) => import("react").JSX.Element;
+    List: ({ className, ...props }: import('..').AutocompleteListProps) => import("react").JSX.Element;
+    Item: ({ className, children, startIcon, endIcon, description, descriptionPlacement, ...props }: import('..').AutocompleteItemProps) => import("react").JSX.Element;
+    Empty: ({ className, ...props }: import('..').AutocompleteEmptyProps) => import("react").JSX.Element;
+};

package/dist/primitives/input/Autocomplete/__stories__/AutocompleteExample.d.ts

@@ -0,0 +1,4 @@
+import { AutocompleteRootProps } from '../types/AutocompleteRootProps';
+export declare const AutocompleteExample: (props: Omit<AutocompleteRootProps<string>, "items"> & {
+    items?: readonly string[];
+}) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/internal/AutocompleteEmpty.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteEmptyProps } from '../types/AutocompleteEmptyProps';
+export declare const AutocompleteEmpty: ({ className, ...props }: AutocompleteEmptyProps) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/internal/AutocompleteInput.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteInputProps } from '../types/AutocompleteInputProps';
+export declare const AutocompleteInput: ({ size, className, onKeyDown, ...props }: AutocompleteInputProps) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/internal/AutocompleteInputGroup.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteInputGroupProps } from '../types/AutocompleteInputGroupProps';
+export declare const AutocompleteInputGroup: ({ className, ...props }: AutocompleteInputGroupProps) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/internal/AutocompleteItem.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteItemProps } from '../types/AutocompleteItemProps';
+export declare const AutocompleteItem: ({ className, children, startIcon, endIcon, description, descriptionPlacement, ...props }: AutocompleteItemProps) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/internal/AutocompleteList.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteListProps } from '../types/AutocompleteListProps';
+export declare const AutocompleteList: ({ className, ...props }: AutocompleteListProps) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/internal/AutocompletePopup.d.ts

@@ -0,0 +1,2 @@
+import { AutocompletePopupProps } from '../types/AutocompletePopupProps';
+export declare const AutocompletePopup: ({ side, align, sideOffset, alignOffset, anchor, collisionPadding, width, style, container, className, ...props }: AutocompletePopupProps) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/internal/AutocompleteRoot.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteRootProps } from '../types/AutocompleteRootProps';
+export declare const AutocompleteRoot: <TItem>({ onOpenChange, ...props }: AutocompleteRootProps<TItem>) => import("react").JSX.Element;

package/dist/primitives/input/Autocomplete/types/AutocompleteEmptyProps.d.ts

@@ -0,0 +1,2 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+export type AutocompleteEmptyProps = AutocompletePrimitive.Empty.Props;

package/dist/primitives/input/Autocomplete/types/AutocompleteInputGroupProps.d.ts

@@ -0,0 +1,2 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+export type AutocompleteInputGroupProps = AutocompletePrimitive.InputGroup.Props;

package/dist/primitives/input/Autocomplete/types/AutocompleteInputProps.d.ts

@@ -0,0 +1,5 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+import { InputSize } from '../../types/InputSize';
+export type AutocompleteInputProps = Omit<AutocompletePrimitive.Input.Props, 'size'> & {
+    size?: InputSize;
+};

package/dist/primitives/input/Autocomplete/types/AutocompleteItemProps.d.ts

@@ -0,0 +1,3 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+import { ListItemProps } from '../../../navigation/ListItem/types/ListItemProps';
+export type AutocompleteItemProps = AutocompletePrimitive.Item.Props & Pick<ListItemProps, 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement'>;

package/dist/primitives/input/Autocomplete/types/AutocompleteListProps.d.ts

@@ -0,0 +1,2 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+export type AutocompleteListProps = AutocompletePrimitive.List.Props;

package/dist/primitives/input/Autocomplete/types/AutocompletePopupProps.d.ts

@@ -0,0 +1,5 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+export type AutocompletePopupProps = AutocompletePrimitive.Popup.Props & Pick<AutocompletePrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor' | 'collisionPadding'> & {
+    width?: number | string;
+    container?: AutocompletePrimitive.Portal.Props['container'];
+};

package/dist/primitives/input/Autocomplete/types/AutocompleteRootProps.d.ts

@@ -0,0 +1,4 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+export type AutocompleteRootProps<TItem> = Omit<AutocompletePrimitive.Root.Props<TItem>, 'items'> & {
+    items?: readonly TItem[];
+};

package/dist/primitives/input/Button/Button.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from './types/ButtonProps';
-export declare const Button: ({ variant, color, size, fullWidth, loading, elevated, startIcon, endIcon, hotkeys, disabled, href, render, className, children, ...props }: ButtonProps) => import("react").JSX.Element;
+export declare const Button: ({ variant, color, size, fullWidth, loading, loadingPosition, elevated, startIcon, endIcon, shortcut, shortcutJoinLabel, disabled, href, render, nativeButton, role, className, children, ...props }: ButtonProps) => import("react").JSX.Element;

package/dist/primitives/input/Button/types/ButtonLoadingPosition.d.ts

@@ -0,0 +1 @@
+export type ButtonLoadingPosition = 'center' | 'start' | 'end';

package/dist/primitives/input/Button/types/ButtonProps.d.ts

@@ -1,16 +1,20 @@
+import { ShortcutDefinition } from '../../../typography/Shortcut/types/ShortcutDefinition';
 import { Button as ButtonPrimitive } from '@base-ui/react/button';
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { ButtonColor } from './ButtonColor';
+import { ButtonLoadingPosition } from './ButtonLoadingPosition';
 import { ButtonSize } from './ButtonSize';
 import { ButtonVariant } from './ButtonVariant';
-export type ButtonProps = Omit<ButtonPrimitive.Props, 'color' | 'nativeButton' | 'role'> & Pick<ComponentPropsWithRef<'a'>, 'href' | 'target' | 'rel' | 'download'> & {
+export type ButtonProps = Omit<ComponentPropsWithRef<typeof ButtonPrimitive>, 'color'> & Omit<ComponentPropsWithRef<'a'>, keyof ComponentPropsWithRef<typeof ButtonPrimitive>> & {
     variant?: ButtonVariant;
     color?: ButtonColor;
     size?: ButtonSize;
     fullWidth?: boolean;
     loading?: boolean;
+    loadingPosition?: ButtonLoadingPosition;
     elevated?: boolean;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
-    hotkeys?: string[];
+    shortcut?: ShortcutDefinition;
+    shortcutJoinLabel?: string;
 };

package/dist/primitives/input/Checkbox/Checkbox.d.ts

@@ -1,2 +1,4 @@
-import { CheckboxProps } from './types/CheckboxProps';
-export declare const Checkbox: ({ size, variant, shape, color, hoverable, className, children, ...props }: CheckboxProps) => import("react").JSX.Element;
+export declare const Checkbox: (({ children, ...props }: import('..').CheckboxProps) => import("react").JSX.Element) & {
+    Root: ({ size, variant, shape, color, hoverable, className, ...props }: import('..').CheckboxRootProps) => import("react").JSX.Element;
+    Indicator: ({ className, ...props }: import('..').CheckboxIndicatorProps) => import("react").JSX.Element;
+};

package/dist/primitives/input/Checkbox/internal/CheckboxComponent.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from '../types/CheckboxProps';
+export declare const CheckboxComponent: ({ children, ...props }: CheckboxProps) => import("react").JSX.Element;

package/dist/primitives/input/Checkbox/internal/CheckboxIndicator.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxIndicatorProps } from '../types/CheckboxIndicatorProps';
+export declare const CheckboxIndicator: ({ className, ...props }: CheckboxIndicatorProps) => import("react").JSX.Element;

package/dist/primitives/input/Checkbox/internal/CheckboxRoot.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxRootProps } from '../types/CheckboxRootProps';
+export declare const CheckboxRoot: ({ size, variant, shape, color, hoverable, className, ...props }: CheckboxRootProps) => import("react").JSX.Element;

package/dist/primitives/input/Checkbox/types/CheckboxIndicatorProps.d.ts

@@ -0,0 +1,2 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+export type CheckboxIndicatorProps = CheckboxPrimitive.Indicator.Props;

package/dist/primitives/input/Checkbox/types/CheckboxProps.d.ts

@@ -1,20 +1,2 @@
-import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
-import { CheckboxColor } from './CheckboxColor';
-import { CheckboxShape } from './CheckboxShape';
-import { CheckboxSize } from './CheckboxSize';
-import { CheckboxVariant } from './CheckboxVariant';
-export type CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'color'> & {
-    /** Visual size of the checkbox. */
-    size?: CheckboxSize;
-    /** Visual style of the box: filled, outlined, or tinted. */
-    variant?: CheckboxVariant;
-    /** Corner shape of the box. */
-    shape?: CheckboxShape;
-    /** Color used while the checkbox is checked or indeterminate. */
-    color?: CheckboxColor;
-    /**
-     * Adds padding around the box and a hover background. Disable it for a
-     * compact checkbox inside another interactive element.
-     */
-    hoverable?: boolean;
-};
+import { CheckboxRootProps } from './CheckboxRootProps';
+export type CheckboxProps = CheckboxRootProps;

package/dist/primitives/input/Checkbox/types/CheckboxRootProps.d.ts

@@ -0,0 +1,12 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+import { CheckboxColor } from './CheckboxColor';
+import { CheckboxShape } from './CheckboxShape';
+import { CheckboxSize } from './CheckboxSize';
+import { CheckboxVariant } from './CheckboxVariant';
+export type CheckboxRootProps = Omit<CheckboxPrimitive.Root.Props, 'color'> & {
+    size?: CheckboxSize;
+    variant?: CheckboxVariant;
+    shape?: CheckboxShape;
+    color?: CheckboxColor;
+    hoverable?: boolean;
+};

package/dist/primitives/input/Field/Field.d.ts

@@ -1,8 +1,9 @@
 export declare const Field: {
     Root: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    Label: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldLabelProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Label: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldLabelProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
     Control: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldControlProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-    Description: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
-    Error: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldErrorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Description: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Error: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldErrorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Validity: import('react').FC<import('@base-ui/react').FieldValidityProps>;
 };