@backstage/ui 0.14.2 → 0.15.0-next.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
-import { ReactNode, CSSProperties, HTMLAttributes, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
-import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
+import { CSSProperties, ReactNode, HTMLAttributes, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
+import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, DateRangePickerProps as DateRangePickerProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
+import { DateValue } from '@internationalized/date';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
 import { ColumnSize, ColumnStaticSize, SortDescriptor as SortDescriptor$1 } from 'react-stately';
@@ -54,6 +55,19 @@ interface PaddingProps {
 /** @public */
 interface SpaceProps extends MarginProps, PaddingProps {
 }
+/**
+ * Flex item properties.
+ *
+ * @public
+ */
+interface FlexItemProps {
+    /** Controls the flex-grow property. Values of `true` or `false` are converted to `1` or `0` respectively. */
+    grow?: Responsive<number | boolean>;
+    /** Controls the flex-shrink property. Values of `true` or `false` are converted to `1` or `0` respectively. */
+    shrink?: Responsive<number | boolean>;
+    /** Controls the flex-basis property. */
+    basis?: Responsive<CSSProperties['flexBasis']>;
+}
 /** @public */
 type TextVariants = 'title-large' | 'title-medium' | 'title-small' | 'title-x-small' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
 /** @public */
@@ -143,7 +157,7 @@ type BoxUtilityProps = {
     maxHeight?: Responsive<string>;
 };
 /** @public */
-interface BoxProps extends SpaceProps, BoxOwnProps, BoxUtilityProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+interface BoxProps extends SpaceProps, FlexItemProps, BoxOwnProps, BoxUtilityProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
 }
 
 /**
@@ -176,7 +190,7 @@ declare const BoxDefinition: {
         readonly className: {};
         readonly style: {};
     };
-    readonly utilityProps: readonly ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "position", "display", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"];
+    readonly utilityProps: readonly ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "position", "display", "grow", "shrink", "basis", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"];
 };
 
 /** @public */
@@ -187,7 +201,7 @@ type GridOwnProps = {
     bg?: Responsive<ProviderBg>;
 };
 /** @public */
-interface GridProps extends SpaceProps, GridOwnProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+interface GridProps extends SpaceProps, FlexItemProps, GridOwnProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     columns?: Responsive<Columns>;
     gap?: Responsive<Space>;
 }
@@ -232,7 +246,7 @@ declare const GridDefinition: {
         readonly className: {};
         readonly style: {};
     };
-    readonly utilityProps: readonly ["columns", "gap", "m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py"];
+    readonly utilityProps: readonly ["columns", "gap", "m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "grow", "shrink", "basis"];
 };
 /**
  * Component definition for GridItem
@@ -265,7 +279,7 @@ type FlexOwnProps = {
     bg?: Responsive<ProviderBg>;
 };
 /** @public */
-interface FlexProps extends SpaceProps, FlexOwnProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+interface FlexProps extends SpaceProps, FlexItemProps, FlexOwnProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     gap?: Responsive<Space>;
     align?: Responsive<'start' | 'center' | 'end' | 'baseline' | 'stretch'>;
     justify?: Responsive<'start' | 'center' | 'end' | 'between'>;
@@ -299,7 +313,7 @@ declare const FlexDefinition: {
         readonly className: {};
         readonly style: {};
     };
-    readonly utilityProps: readonly ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "gap", "align", "justify", "direction"];
+    readonly utilityProps: readonly ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "gap", "align", "justify", "direction", "grow", "shrink", "basis"];
 };
 
 /** @public */
@@ -553,6 +567,8 @@ declare const AccordionGroupDefinition: {
 type AlertOwnProps = {
     status?: Responsive<'info' | 'success' | 'warning' | 'danger'>;
     icon?: boolean | ReactElement;
+    isPending?: boolean;
+    /** @deprecated Use `isPending` instead. */
     loading?: boolean;
     customActions?: ReactNode;
     title?: ReactNode;
@@ -573,7 +589,7 @@ interface AlertProps extends MarginProps, AlertOwnProps, Omit<React.ComponentPro
  *
  * @remarks
  * The Alert component supports multiple status variants (info, success, warning, danger)
- * and can display icons, loading states, and custom actions. It automatically handles
+ * and can display icons, pending states, and custom actions. It automatically handles
  * icon selection based on status when the icon prop is set to true.
  *
  * @example
@@ -594,14 +610,14 @@ interface AlertProps extends MarginProps, AlertOwnProps, Omit<React.ComponentPro
  * ```
  *
  * @example
- * With custom actions and loading state:
+ * With custom actions and pending state:
  * ```tsx
  * <Alert
  *   status="success"
  *   icon={true}
  *   title="Operation completed"
  *   description="Your changes have been saved successfully."
- *   loading={isProcessing}
+ *   isPending={isProcessing}
  *   customActions={
  *     <>
  *       <Button size="small" variant="tertiary">Dismiss</Button>
@@ -638,6 +654,9 @@ declare const AlertDefinition: {
             readonly dataAttribute: true;
             readonly default: "info";
         };
+        readonly isPending: {
+            readonly dataAttribute: true;
+        };
         readonly loading: {
             readonly dataAttribute: true;
         };
@@ -776,6 +795,8 @@ type ButtonOwnProps = {
     destructive?: boolean;
     iconStart?: ReactElement;
     iconEnd?: ReactElement;
+    isPending?: boolean;
+    /** @deprecated Use `isPending` instead. */
     loading?: boolean;
     children?: ReactNode;
     className?: string;
@@ -810,7 +831,7 @@ interface ButtonProps extends Omit<ButtonProps$1, keyof ButtonOwnProps>, ButtonO
  *   variant="primary"
  *   size="medium"
  *   iconStart={<IconComponent />}
- *   loading={isSubmitting}
+ *   isPending={isSubmitting}
  * >
  *   Submit
  * </Button>
@@ -846,6 +867,9 @@ declare const ButtonDefinition: {
         readonly destructive: {
             readonly dataAttribute: true;
         };
+        readonly isPending: {
+            readonly dataAttribute: true;
+        };
         readonly loading: {
             readonly dataAttribute: true;
         };
@@ -860,6 +884,7 @@ declare const ButtonDefinition: {
 type CardBaseProps = {
     children?: ReactNode;
     className?: string;
+    style?: CSSProperties;
 };
 /** @public */
 type CardButtonVariant = {
@@ -900,13 +925,13 @@ type CardStaticVariant = {
  *
  * @public
  */
-type CardProps = CardBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> & (CardButtonVariant | CardLinkVariant | CardStaticVariant);
+type CardProps = CardBaseProps & FlexItemProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> & (CardButtonVariant | CardLinkVariant | CardStaticVariant);
 /**
  * Flat own-props shape used by the component definition system.
  * Derived from the Card variant types so it automatically stays in sync with CardProps.
  * @public
  */
-type CardOwnProps = Pick<CardBaseProps & (CardButtonVariant | CardLinkVariant | CardStaticVariant), 'children' | 'className' | 'onPress' | 'href' | 'label' | 'target' | 'rel' | 'download'>;
+type CardOwnProps = Pick<CardBaseProps & (CardButtonVariant | CardLinkVariant | CardStaticVariant), 'children' | 'className' | 'onPress' | 'href' | 'label' | 'target' | 'rel' | 'download' | 'style'>;
 /** @public */
 type CardHeaderOwnProps = {
     children?: ReactNode;
@@ -990,7 +1015,9 @@ declare const CardDefinition: {
         readonly target: {};
         readonly rel: {};
         readonly download: {};
+        readonly style: {};
     };
+    readonly utilityProps: readonly ["grow", "shrink", "basis"];
 };
 /**
  * Component definition for CardHeader
@@ -1041,6 +1068,90 @@ declare const CardFooterDefinition: {
     };
 };
 
+/** @public */
+type FieldLabelOwnProps = {
+    /**
+     * The label of the text field
+     */
+    label?: string | null;
+    /**
+     * The secondary label of the text field
+     */
+    secondaryLabel?: string | null;
+    /**
+     * The description of the text field
+     */
+    description?: string | null;
+    /**
+     * The HTML for attribute of the text field
+     */
+    htmlFor?: string;
+    /**
+     * The id of the text field
+     */
+    id?: string;
+    /**
+     * The id to apply to the description element for aria-describedby
+     */
+    descriptionId?: string;
+    /**
+     * The slot name to set on the description's React Aria `<Text>` element.
+     */
+    descriptionSlot?: string;
+    className?: string;
+};
+/** @public */
+interface FieldLabelProps extends FieldLabelOwnProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof FieldLabelOwnProps> {
+}
+
+/** @public */
+type DateRangePickerOwnProps = {
+    /**
+     * The size of the date range picker
+     * @defaultValue 'small'
+     */
+    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+    className?: string;
+    label?: FieldLabelProps['label'];
+    description?: FieldLabelProps['description'];
+    secondaryLabel?: FieldLabelProps['secondaryLabel'];
+};
+/** @public */
+interface DateRangePickerProps extends Omit<DateRangePickerProps$1<DateValue>, 'className' | 'children'>, DateRangePickerOwnProps {
+}
+
+/**
+ * A date range picker that combines two date fields and a calendar popover,
+ * allowing users to enter or select a date range with full keyboard and
+ * screen reader accessibility.
+ *
+ * @public
+ */
+declare const DateRangePicker: react.ForwardRefExoticComponent<DateRangePickerProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Component definition for DateRangePicker
+ * @public
+ */
+declare const DateRangePickerDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-DateRangePicker";
+    };
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly className: {};
+        readonly label: {};
+        readonly description: {};
+        readonly secondaryLabel: {};
+    };
+};
+
 /**
  * Props for the DialogTrigger component.
  * @public
@@ -1198,42 +1309,6 @@ declare const DialogFooterDefinition: {
     };
 };
 
-/** @public */
-type FieldLabelOwnProps = {
-    /**
-     * The label of the text field
-     */
-    label?: string | null;
-    /**
-     * The secondary label of the text field
-     */
-    secondaryLabel?: string | null;
-    /**
-     * The description of the text field
-     */
-    description?: string | null;
-    /**
-     * The HTML for attribute of the text field
-     */
-    htmlFor?: string;
-    /**
-     * The id of the text field
-     */
-    id?: string;
-    /**
-     * The id to apply to the description element for aria-describedby
-     */
-    descriptionId?: string;
-    /**
-     * The slot name to set on the description's React Aria `<Text>` element.
-     */
-    descriptionSlot?: string;
-    className?: string;
-};
-/** @public */
-interface FieldLabelProps extends FieldLabelOwnProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof FieldLabelOwnProps> {
-}
-
 /**
  * Renders a label for a form field with optional secondary label and description text.
  *
@@ -1655,6 +1730,8 @@ type ButtonIconOwnProps = {
     size?: Responsive<'small' | 'medium'>;
     variant?: Responsive<'primary' | 'secondary' | 'tertiary'>;
     icon?: ReactElement;
+    isPending?: boolean;
+    /** @deprecated Use `isPending` instead. */
     loading?: boolean;
     className?: string;
 };
@@ -1696,6 +1773,9 @@ declare const ButtonIconDefinition: {
             readonly dataAttribute: true;
             readonly default: "primary";
         };
+        readonly isPending: {
+            readonly dataAttribute: true;
+        };
         readonly loading: {
             readonly dataAttribute: true;
         };
@@ -2044,6 +2124,8 @@ interface SortState {
 /** @public */
 type TableRootOwnProps = {
     stale?: boolean;
+    isPending?: boolean;
+    /** @deprecated Use `isPending` instead. */
     loading?: boolean;
 };
 /** @public */
@@ -2233,6 +2315,8 @@ type VirtualizedProp = boolean | {
 interface TableProps<T extends TableItem> {
     columnConfig: readonly ColumnConfig<T>[];
     data: T[] | undefined;
+    isPending?: boolean;
+    /** @deprecated Use `isPending` instead. */
     loading?: boolean;
     isStale?: boolean;
     error?: Error;
@@ -2252,7 +2336,7 @@ interface TableProps<T extends TableItem> {
  *
  * @public
  */
-declare function Table<T extends TableItem>({ columnConfig, data, loading, isStale, error, pagination, sort, rowConfig, selection, emptyState, className, style, virtualized, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T extends TableItem>({ columnConfig, data, isPending, loading, isStale, error, pagination, sort, rowConfig, selection, emptyState, className, style, virtualized, }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * The low-level table root element for building custom table layouts from atomic components.
@@ -2456,6 +2540,9 @@ declare const TableDefinition: {
         readonly stale: {
             readonly dataAttribute: true;
         };
+        readonly isPending: {
+            readonly dataAttribute: true;
+        };
         readonly loading: {
             readonly dataAttribute: true;
         };
@@ -3771,5 +3858,5 @@ declare function useAnalytics(): AnalyticsTracker;
  */
 declare function getNodeText(node: ReactNode | ((...args: any[]) => ReactNode)): string | undefined;
 
-export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
-export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectOwnProps, SelectProps, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };
+export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Container, ContainerDefinition, DateRangePicker, DateRangePickerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
+export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DateRangePickerOwnProps, DateRangePickerProps, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexItemProps, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectOwnProps, SelectProps, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };

package/dist/index.esm.js

@@ -20,6 +20,8 @@ export { Button } from './components/Button/Button.esm.js';
 export { ButtonDefinition } from './components/Button/definition.esm.js';
 export { Card, CardBody, CardFooter, CardHeader } from './components/Card/Card.esm.js';
 export { CardBodyDefinition, CardDefinition, CardFooterDefinition, CardHeaderDefinition } from './components/Card/definition.esm.js';
+export { DateRangePicker } from './components/DateRangePicker/DateRangePicker.esm.js';
+export { DateRangePickerDefinition } from './components/DateRangePicker/definition.esm.js';
 export { Dialog, DialogBody, DialogFooter, DialogHeader, DialogTrigger } from './components/Dialog/Dialog.esm.js';
 export { DialogBodyDefinition, DialogDefinition, DialogFooterDefinition, DialogHeaderDefinition } from './components/Dialog/definition.esm.js';
 export { FieldLabel } from './components/FieldLabel/FieldLabel.esm.js';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/utilityClassMap.esm.js

@@ -182,6 +182,24 @@ const utilityClassMap = {
   rowSpan: {
     class: "bui-row-span",
     values: columnsValues
+  },
+  grow: {
+    class: "bui-grow",
+    cssVar: "--grow",
+    values: [],
+    transform: (input) => typeof input === "boolean" ? Number(input) : input
+  },
+  shrink: {
+    class: "bui-shrink",
+    cssVar: "--shrink",
+    values: [],
+    transform: (input) => typeof input === "boolean" ? Number(input) : input
+  },
+  basis: {
+    class: "bui-basis",
+    cssVar: "--basis",
+    values: [],
+    transform: (input) => typeof input === "number" ? `${input}px` : input
   }
 };
 

package/dist/utils/utilityClassMap.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilityClassMap.esm.js","sources":["../../src/utils/utilityClassMap.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Valid spacing values that have predefined utility classes\nconst validSpacingValues = [\n  '0.5',\n  '1',\n  '1.5',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  '13',\n  '14',\n] as const;\n\nconst columnsValues = [\n  '1',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  'auto',\n] as const;\n\nexport const utilityClassMap = {\n  m: {\n    class: 'bui-m',\n    cssVar: '--m',\n    values: validSpacingValues,\n  },\n  mb: {\n    class: 'bui-mb',\n    cssVar: '--mb',\n    values: validSpacingValues,\n  },\n  ml: {\n    class: 'bui-ml',\n    cssVar: '--ml',\n    values: validSpacingValues,\n  },\n  mr: {\n    class: 'bui-mr',\n    cssVar: '--mr',\n    values: validSpacingValues,\n  },\n  mt: {\n    class: 'bui-mt',\n    cssVar: '--mt',\n    values: validSpacingValues,\n  },\n  mx: {\n    class: 'bui-mx',\n    cssVar: '--mx',\n    values: validSpacingValues,\n  },\n  my: {\n    class: 'bui-my',\n    cssVar: '--my',\n    values: validSpacingValues,\n  },\n  p: {\n    class: 'bui-p',\n    cssVar: '--p',\n    values: validSpacingValues,\n  },\n  pb: {\n    class: 'bui-pb',\n    cssVar: '--pb',\n    values: validSpacingValues,\n  },\n  pl: {\n    class: 'bui-pl',\n    cssVar: '--pl',\n    values: validSpacingValues,\n  },\n  pr: {\n    class: 'bui-pr',\n    cssVar: '--pr',\n    values: validSpacingValues,\n  },\n  pt: {\n    class: 'bui-pt',\n    cssVar: '--pt',\n    values: validSpacingValues,\n  },\n  px: {\n    class: 'bui-px',\n    cssVar: '--px',\n    values: validSpacingValues,\n  },\n  py: {\n    class: 'bui-py',\n    cssVar: '--py',\n    values: validSpacingValues,\n  },\n  width: {\n    class: 'bui-w',\n    cssVar: '--width',\n    values: [], // Always use custom value\n  },\n  minWidth: {\n    class: 'bui-min-w',\n    cssVar: '--min-width',\n    values: [], // Always use custom value\n  },\n  maxWidth: {\n    class: 'bui-max-w',\n    cssVar: '--max-width',\n    values: [], // Always use custom value\n  },\n  height: {\n    class: 'bui-h',\n    cssVar: '--height',\n    values: [], // Always use custom value\n  },\n  minHeight: {\n    class: 'bui-min-h',\n    cssVar: '--min-height',\n    values: [], // Always use custom value\n  },\n  maxHeight: {\n    class: 'bui-max-h',\n    cssVar: '--max-height',\n    values: [], // Always use custom value\n  },\n  gap: {\n    class: 'bui-gap',\n    cssVar: '--gap',\n    values: validSpacingValues,\n  },\n  position: {\n    class: 'bui-position',\n    values: ['static', 'relative', 'absolute', 'fixed', 'sticky'],\n  },\n  display: {\n    class: 'bui-display',\n    values: ['none', 'flex', 'block', 'inline'],\n  },\n  align: {\n    class: 'bui-align',\n    values: ['start', 'center', 'end', 'baseline', 'stretch'],\n  },\n  justify: {\n    class: 'bui-jc',\n    values: ['start', 'center', 'end', 'between'],\n  },\n  direction: {\n    class: 'bui-fd',\n    values: ['row', 'column', 'row-reverse', 'column-reverse'],\n  },\n  columns: {\n    class: 'bui-columns',\n    values: columnsValues,\n  },\n  colSpan: {\n    class: 'bui-col-span',\n    values: columnsValues,\n  },\n  colEnd: {\n    class: 'bui-col-end',\n    values: columnsValues,\n  },\n  colStart: {\n    class: 'bui-col-start',\n    values: columnsValues,\n  },\n  rowSpan: {\n    class: 'bui-row-span',\n    values: columnsValues,\n  },\n} as const satisfies Record<\n  string,\n  { class: string; cssVar?: string; values: readonly (string | number)[] }\n>;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utilityClassMap.esm.js","sources":["../../src/utils/utilityClassMap.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Valid spacing values that have predefined utility classes\nconst validSpacingValues = [\n  '0.5',\n  '1',\n  '1.5',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  '13',\n  '14',\n] as const;\n\nconst columnsValues = [\n  '1',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  'auto',\n] as const;\n\nexport const utilityClassMap = {\n  m: {\n    class: 'bui-m',\n    cssVar: '--m',\n    values: validSpacingValues,\n  },\n  mb: {\n    class: 'bui-mb',\n    cssVar: '--mb',\n    values: validSpacingValues,\n  },\n  ml: {\n    class: 'bui-ml',\n    cssVar: '--ml',\n    values: validSpacingValues,\n  },\n  mr: {\n    class: 'bui-mr',\n    cssVar: '--mr',\n    values: validSpacingValues,\n  },\n  mt: {\n    class: 'bui-mt',\n    cssVar: '--mt',\n    values: validSpacingValues,\n  },\n  mx: {\n    class: 'bui-mx',\n    cssVar: '--mx',\n    values: validSpacingValues,\n  },\n  my: {\n    class: 'bui-my',\n    cssVar: '--my',\n    values: validSpacingValues,\n  },\n  p: {\n    class: 'bui-p',\n    cssVar: '--p',\n    values: validSpacingValues,\n  },\n  pb: {\n    class: 'bui-pb',\n    cssVar: '--pb',\n    values: validSpacingValues,\n  },\n  pl: {\n    class: 'bui-pl',\n    cssVar: '--pl',\n    values: validSpacingValues,\n  },\n  pr: {\n    class: 'bui-pr',\n    cssVar: '--pr',\n    values: validSpacingValues,\n  },\n  pt: {\n    class: 'bui-pt',\n    cssVar: '--pt',\n    values: validSpacingValues,\n  },\n  px: {\n    class: 'bui-px',\n    cssVar: '--px',\n    values: validSpacingValues,\n  },\n  py: {\n    class: 'bui-py',\n    cssVar: '--py',\n    values: validSpacingValues,\n  },\n  width: {\n    class: 'bui-w',\n    cssVar: '--width',\n    values: [], // Always use custom value\n  },\n  minWidth: {\n    class: 'bui-min-w',\n    cssVar: '--min-width',\n    values: [], // Always use custom value\n  },\n  maxWidth: {\n    class: 'bui-max-w',\n    cssVar: '--max-width',\n    values: [], // Always use custom value\n  },\n  height: {\n    class: 'bui-h',\n    cssVar: '--height',\n    values: [], // Always use custom value\n  },\n  minHeight: {\n    class: 'bui-min-h',\n    cssVar: '--min-height',\n    values: [], // Always use custom value\n  },\n  maxHeight: {\n    class: 'bui-max-h',\n    cssVar: '--max-height',\n    values: [], // Always use custom value\n  },\n  gap: {\n    class: 'bui-gap',\n    cssVar: '--gap',\n    values: validSpacingValues,\n  },\n  position: {\n    class: 'bui-position',\n    values: ['static', 'relative', 'absolute', 'fixed', 'sticky'],\n  },\n  display: {\n    class: 'bui-display',\n    values: ['none', 'flex', 'block', 'inline'],\n  },\n  align: {\n    class: 'bui-align',\n    values: ['start', 'center', 'end', 'baseline', 'stretch'],\n  },\n  justify: {\n    class: 'bui-jc',\n    values: ['start', 'center', 'end', 'between'],\n  },\n  direction: {\n    class: 'bui-fd',\n    values: ['row', 'column', 'row-reverse', 'column-reverse'],\n  },\n  columns: {\n    class: 'bui-columns',\n    values: columnsValues,\n  },\n  colSpan: {\n    class: 'bui-col-span',\n    values: columnsValues,\n  },\n  colEnd: {\n    class: 'bui-col-end',\n    values: columnsValues,\n  },\n  colStart: {\n    class: 'bui-col-start',\n    values: columnsValues,\n  },\n  rowSpan: {\n    class: 'bui-row-span',\n    values: columnsValues,\n  },\n  grow: {\n    class: 'bui-grow',\n    cssVar: '--grow',\n    values: [],\n    transform: input => (typeof input === 'boolean' ? Number(input) : input),\n  },\n  shrink: {\n    class: 'bui-shrink',\n    cssVar: '--shrink',\n    values: [],\n    transform: input => (typeof input === 'boolean' ? Number(input) : input),\n  },\n  basis: {\n    class: 'bui-basis',\n    cssVar: '--basis',\n    values: [],\n    transform: input => (typeof input === 'number' ? `${input}px` : input),\n  },\n} as const satisfies Record<\n  string,\n  {\n    class: string;\n    cssVar?: string;\n    values: readonly (string | number)[];\n    transform?: (input: unknown) => unknown;\n  }\n>;\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/ui",
-  "version": "0.14.2",
+  "version": "0.15.0-next.0",
   "backstage": {
     "role": "web-library"
   },
@@ -50,7 +50,8 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/version-bridge": "^1.0.12",
+    "@backstage/version-bridge": "1.0.12",
+    "@internationalized/date": "^3.12.0",
     "@remixicon/react": "^4.6.0",
     "@tanstack/react-table": "^8.21.3",
     "clsx": "^2.1.1",
@@ -60,7 +61,8 @@
     "use-sync-external-store": "^1.4.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.1",
+    "@backstage/cli": "0.36.2-next.0",
+    "@storybook/react-vite": "^10.3.3",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/use-sync-external-store": "^1.0.0",