@homebound/beam 3.26.0 → 3.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as csstype from 'csstype';
2
2
  import { Properties as Properties$1 } from 'csstype';
3
3
  import * as React$1 from 'react';
4
- import React__default, { PropsWithChildren, ReactNode, AriaAttributes, ReactElement, MutableRefObject, Dispatch, SetStateAction, RefObject, ButtonHTMLAttributes, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
4
+ import React__default, { PropsWithChildren, ReactNode, AriaAttributes, RefObject, ButtonHTMLAttributes, ReactElement, MutableRefObject, Dispatch, SetStateAction, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
5
5
  import { Temporal } from 'temporal-polyfill';
6
6
  import { DOMProps, PressEvent, Key as Key$1 } from '@react-types/shared';
7
7
  import { VirtuosoHandle, ListRange } from 'react-virtuoso';
@@ -4745,11 +4745,346 @@ type LabelSuffixStyle = {
4745
4745
  optional?: string;
4746
4746
  };
4747
4747
 
4748
+ interface AvatarProps {
4749
+ src: string | undefined;
4750
+ name?: string;
4751
+ size?: AvatarSize;
4752
+ showName?: boolean;
4753
+ preventTooltip?: boolean;
4754
+ }
4755
+ declare function Avatar({ src, name, size, showName, preventTooltip, ...others }: AvatarProps): JSX.Element;
4756
+ type AvatarSize = "sm" | "md" | "lg" | "xl";
4757
+
4758
+ /** Base Interfaced */
4759
+ interface BeamFocusableProps {
4760
+ /** Whether the element should receive focus on render. */
4761
+ autoFocus?: boolean;
4762
+ forceFocusStyles?: boolean;
4763
+ }
4764
+ interface BeamButtonProps {
4765
+ /**
4766
+ * Whether the interactive element is disabled.
4767
+ *
4768
+ * If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip.
4769
+ */
4770
+ disabled?: boolean | ReactNode;
4771
+ /** If function, then it is the handler that is called when the press is released over the target. Otherwise if string, it is the URL path for the link */
4772
+ onClick: ((e: PressEvent) => void) | ((e: PressEvent) => Promise<void>) | string;
4773
+ /** Text to be shown via a tooltip when the user hovers over the button */
4774
+ tooltip?: ReactNode;
4775
+ /** Whether to open link in a new tab. This only effects the element if the `onClick` is a `string`/URL. */
4776
+ openInNew?: boolean;
4777
+ }
4778
+ type TextFieldXss = Xss<"textAlign" | "justifyContent" | "fontWeight" | "fontSize" | "lineHeight">;
4779
+ interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationFieldProps {
4780
+ /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
4781
+ disabled?: boolean | ReactNode;
4782
+ errorMsg?: string;
4783
+ helperText?: string | ReactNode;
4784
+ /** Input label */
4785
+ label: string;
4786
+ /** Marks the field as required or optional, the default is assumed ambiguous/unknown. */
4787
+ required?: boolean;
4788
+ value: string | undefined;
4789
+ /** Handler called when the interactive element state changes. */
4790
+ onChange: (value: string | undefined) => void;
4791
+ /** Called when the component loses focus, mostly for BoundTextField to use. */
4792
+ onBlur?: VoidFunction;
4793
+ onFocus?: VoidFunction;
4794
+ onEnter?: VoidFunction;
4795
+ /** Whether the field is readOnly. If a ReactNode, it's treated as a "readOnly reason" that's shown in a tooltip. */
4796
+ readOnly?: boolean | ReactNode;
4797
+ placeholder?: string;
4798
+ /** Styles overrides */
4799
+ xss?: X;
4800
+ }
4801
+ interface TextFieldInternalProps {
4802
+ /**
4803
+ * Denoting a field as 'compound' will remove existing borders on the returned field, including the 2px of height added by the borders.
4804
+ * It is expected that the caller reintroduces the border to achieve the expected field height and handles the custom border logic of a Compound Field
4805
+ * This is explicitly an internal property that is not exposed to any field's API.
4806
+ */
4807
+ compound?: boolean;
4808
+ /** Forces focus styles for storybook purposes */
4809
+ forceFocus?: true;
4810
+ /** Forces hover styles for storybook purposes */
4811
+ forceHover?: boolean;
4812
+ }
4813
+
4814
+ interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
4815
+ menuTriggerProps?: AriaButtonProps;
4816
+ buttonRef?: RefObject<HTMLButtonElement>;
4817
+ /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
4818
+ __storyState?: {
4819
+ hovered?: boolean;
4820
+ focusVisible?: boolean;
4821
+ pressed?: boolean;
4822
+ };
4823
+ }
4824
+ declare function AvatarButton(props: AvatarButtonProps): JSX.Element;
4825
+ declare const hoverStyles: Pick<Properties, never> & {
4826
+ boxShadow: csstype.Property.BoxShadow | undefined;
4827
+ } & {
4828
+ readonly __kind: "buildtime";
4829
+ };
4830
+ declare const pressedOverlayCss: Pick<Properties, never> & {
4831
+ borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
4832
+ } & {
4833
+ backgroundColor: csstype.Property.BackgroundColor | undefined;
4834
+ } & {
4835
+ width: csstype.Property.Width<string | 0> | undefined;
4836
+ } & {
4837
+ height: csstype.Property.Height<string | 0> | undefined;
4838
+ } & {
4839
+ position: csstype.Property.Position | undefined;
4840
+ } & {
4841
+ top: csstype.Property.Top<string | 0> | undefined;
4842
+ } & {
4843
+ left: csstype.Property.Left<string | 0> | undefined;
4844
+ } & {
4845
+ opacity: csstype.Property.Opacity | undefined;
4846
+ } & {
4847
+ pointerEvents: csstype.Property.PointerEvents | undefined;
4848
+ } & {
4849
+ readonly __kind: "buildtime";
4850
+ };
4851
+
4852
+ type ButtonProps = {
4853
+ label: ReactNode;
4854
+ variant?: ButtonVariant;
4855
+ size?: ButtonSize;
4856
+ icon?: IconProps["icon"] | null;
4857
+ /** Displays contents after the Button's label. Will be ignored for Buttons rendered as a link with an absolute URL */
4858
+ endAdornment?: ReactNode;
4859
+ /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
4860
+ menuTriggerProps?: AriaButtonProps;
4861
+ buttonRef?: RefObject<HTMLElement>;
4862
+ /** Allow for setting "submit" | "button" | "reset" on button element */
4863
+ type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
4864
+ /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
4865
+ download?: boolean;
4866
+ /** Additional text to further customize button during an async request is in progress. */
4867
+ labelInFlight?: string;
4868
+ /** Shows pressed/active styles (useful when a menu is open) */
4869
+ active?: boolean;
4870
+ } & BeamButtonProps & BeamFocusableProps;
4871
+ declare function Button(props: ButtonProps): JSX.Element;
4872
+ type ButtonSize = "sm" | "md" | "lg";
4873
+ type ButtonVariant = "primary" | "secondary" | "secondaryBlack" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
4874
+
4875
+ type IconButtonVariant = "default" | "circle" | "outline";
4876
+ type IconButtonProps = {
4877
+ /** The icon to use within the button. */
4878
+ icon: IconProps["icon"];
4879
+ color?: BeamColor;
4880
+ bgColor?: BeamColor;
4881
+ /** The size of the icon, in increments, defaults to 3 which is 24px. */
4882
+ inc?: number;
4883
+ /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
4884
+ menuTriggerProps?: AriaButtonProps;
4885
+ buttonRef?: RefObject<HTMLButtonElement>;
4886
+ /** Whether to show a 16x16px version of the IconButton */
4887
+ compact?: boolean;
4888
+ /** Visual variant of the button. Defaults to "default". */
4889
+ variant?: IconButtonVariant;
4890
+ /** Indicates that the button is active/selected */
4891
+ active?: boolean;
4892
+ /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
4893
+ download?: boolean;
4894
+ /** Provides label for screen readers - Will become a required soon */
4895
+ label?: string;
4896
+ /**
4897
+ * By default the `label` is also surfaced as a hover tooltip. Set this to keep the `aria-label`
4898
+ * for screen readers without showing the tooltip. An explicit `tooltip` or disabled reason still shows.
4899
+ */
4900
+ preventTooltip?: boolean;
4901
+ } & BeamButtonProps & BeamFocusableProps;
4902
+ declare function IconButton(props: IconButtonProps): JSX.Element;
4903
+ declare const iconButtonStylesHover: Pick<Properties, never> & {
4904
+ backgroundColor: csstype.Property.BackgroundColor | undefined;
4905
+ } & {
4906
+ readonly __kind: "buildtime";
4907
+ };
4908
+ declare const iconButtonContrastStylesHover: Pick<Properties, never> & {
4909
+ backgroundColor: csstype.Property.BackgroundColor | undefined;
4910
+ } & {
4911
+ readonly __kind: "buildtime";
4912
+ };
4913
+ declare const iconButtonCircleStylesHover: Pick<Properties, never> & {
4914
+ backgroundColor: csstype.Property.BackgroundColor | undefined;
4915
+ } & {
4916
+ borderColor: csstype.Property.BorderColor | undefined;
4917
+ } & {
4918
+ readonly __kind: "buildtime";
4919
+ };
4920
+
4921
+ type NavLinkVariant = "side" | "global";
4922
+ type NavLinkProps = {
4923
+ /** active indicates the user is on the current page */
4924
+ active?: boolean;
4925
+ disabled?: boolean;
4926
+ label: ReactNode;
4927
+ icon?: IconKey;
4928
+ variant: NavLinkVariant;
4929
+ openInNew?: boolean;
4930
+ /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
4931
+ menuTriggerProps?: AriaButtonProps;
4932
+ buttonRef?: RefObject<HTMLElement>;
4933
+ /**
4934
+ * When true with an `icon`, shows icon only but keeps `label` for accessibility
4935
+ * (visually hidden text). Used by SideNav when the rail is collapsed.
4936
+ */
4937
+ iconOnly?: boolean;
4938
+ onClick?: BeamButtonProps["onClick"];
4939
+ } & BeamFocusableProps;
4940
+ declare function NavLink(props: NavLinkProps): JSX.Element;
4941
+ declare function getNavLinkStyles(variant: NavLinkVariant): {
4942
+ baseStyles: Properties;
4943
+ hoverStyles: Properties;
4944
+ disabledStyles: Properties;
4945
+ focusRingStyles: Properties;
4946
+ activeStyles: Properties;
4947
+ pressedStyles: Properties;
4948
+ };
4949
+
4950
+ type TextButtonTriggerProps = Pick<ButtonProps, "label" | "variant" | "size" | "icon">;
4951
+ type IconButtonTriggerProps = Pick<IconButtonProps, "icon" | "color" | "compact" | "inc">;
4952
+ type AvatarButtonTriggerProps = Pick<AvatarButtonProps, "src" | "name" | "size" | "preventTooltip">;
4953
+ type NavLinkButtonTriggerProps = {
4954
+ navLabel: string;
4955
+ } & Pick<NavLinkProps, "active" | "variant" | "icon">;
4956
+ type OverlayTriggerProps = {
4957
+ trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps;
4958
+ /** Defaults to "left" */
4959
+ placement?: "left" | "right";
4960
+ /** Whether the Button is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
4961
+ disabled?: boolean | ReactNode;
4962
+ /** Text to be shown via a tooltip when the user hovers over the button */
4963
+ tooltip?: ReactNode;
4964
+ /** The component to be shown within the overlay */
4965
+ children: ReactElement;
4966
+ /** Props returned by the useMenuTrigger hook to be passed to the button element */
4967
+ menuTriggerProps: AriaButtonProps;
4968
+ /** Ref for the button element */
4969
+ buttonRef: MutableRefObject<HTMLButtonElement | null>;
4970
+ /** Result of the useMenuTriggerState hook */
4971
+ state: MenuTriggerState;
4972
+ /** Prop set the style of the button element */
4973
+ variant?: ButtonVariant;
4974
+ hideEndAdornment?: boolean;
4975
+ showActiveBorder?: boolean;
4976
+ };
4977
+
4978
+ type ButtonMenuBaseProps = {
4979
+ items: MenuItem[];
4980
+ persistentItems?: MenuItem[];
4981
+ searchable?: boolean;
4982
+ defaultOpen?: boolean;
4983
+ } & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder" | "hideEndAdornment">;
4984
+ type SelectionButtonMenuProps = {
4985
+ /** Display a menu item as selected based. Use the Menu Item's label to identify */
4986
+ selectedItem: string | undefined;
4987
+ onChange: (key: string) => void;
4988
+ } & ButtonMenuBaseProps;
4989
+ type ButtonMenuProps = ButtonMenuBaseProps | SelectionButtonMenuProps;
4990
+ declare function ButtonMenu(props: ButtonMenuProps): JSX.Element;
4991
+ type MenuItemBase = {
4992
+ label: string;
4993
+ /** If the `onClick` property is set as a string, then the menu item will be rendered as a link with the `onClick` value being the href */
4994
+ onClick: string | VoidFunction;
4995
+ /** Whether the interactive element is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
4996
+ disabled?: boolean | ReactNode;
4997
+ destructive?: boolean;
4998
+ hasDivider?: boolean;
4999
+ };
5000
+ type IconMenuItemType = MenuItemBase & {
5001
+ icon: IconProps["icon"];
5002
+ };
5003
+ type ImageMenuItemType = MenuItemBase & {
5004
+ src: string;
5005
+ size?: 24 | 48;
5006
+ isAvatar?: boolean;
5007
+ };
5008
+ type DividerMenuItemType = MenuItemBase & {
5009
+ hasDivider: boolean;
5010
+ };
5011
+ type MenuItem = MenuItemBase | IconMenuItemType | ImageMenuItemType | DividerMenuItemType;
5012
+ type MenuSection = MenuItem & {
5013
+ items?: MenuItem[];
5014
+ };
5015
+
5016
+ type TagXss = Margin | "backgroundColor" | "color";
5017
+ type TagType = "info" | "caution" | "warning" | "success" | "neutral";
5018
+ type TagProps<X> = {
5019
+ text: ReactNode;
5020
+ type?: TagType;
5021
+ xss?: X;
5022
+ icon?: IconKey;
5023
+ /** A tooltip will automatically be displayed if the text is truncated. Set to true to prevent this behavior.
5024
+ * @default false */
5025
+ preventTooltip?: boolean;
5026
+ };
5027
+ /** Tag used for indicating a status */
5028
+ declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>): JSX.Element;
5029
+
5030
+ type CardType = "card" | "list";
5031
+ type ImageFitType = "contain" | "cover";
5032
+ type CardTag = {
5033
+ text: string;
5034
+ type?: TagType;
5035
+ };
5036
+ interface CardProps {
5037
+ title: string;
5038
+ subtitle: string;
5039
+ detailContent?: ReactNode;
5040
+ imgSrc: string;
5041
+ imageFit?: ImageFitType;
5042
+ type?: CardType;
5043
+ bordered?: boolean;
5044
+ disabled?: boolean;
5045
+ buttonMenuItems?: MenuItem[];
5046
+ tag?: CardTag;
5047
+ }
5048
+ declare function Card(props: CardProps): JSX.Element;
5049
+
5050
+ type CardSlotBase<K extends string> = {
5051
+ kind: K;
5052
+ };
5053
+ type CardTitleSlot = CardSlotBase<"title"> & {
5054
+ text: string;
5055
+ };
5056
+ type CardEyebrowSlot = CardSlotBase<"eyebrow"> & {
5057
+ text: string;
5058
+ };
5059
+ type CardBadgeSlot = CardSlotBase<"badge"> & {
5060
+ text: string;
5061
+ };
5062
+ type CardStatusSlot = CardSlotBase<"status"> & {
5063
+ tag: CardTag;
5064
+ };
5065
+ type CardDataBlockSlot = CardSlotBase<"dataBlock"> & {
5066
+ label: string;
5067
+ value: ReactNode | string | number;
5068
+ };
5069
+ type CardProgressSlot = CardSlotBase<"progress"> & {
5070
+ value: number;
5071
+ };
5072
+ type CardSlot = CardTitleSlot | CardEyebrowSlot | CardBadgeSlot | CardStatusSlot | CardDataBlockSlot | CardProgressSlot;
5073
+ declare function cardTitleSlot(text: string): CardTitleSlot;
5074
+ declare function cardEyebrowSlot(text: string): CardEyebrowSlot;
5075
+ declare function cardBadgeSlot(text: string): CardBadgeSlot;
5076
+ declare function cardStatusSlot(tag: CardTag): CardStatusSlot;
5077
+ declare function cardDataBlockSlot(props: {
5078
+ label: string;
5079
+ value: ReactNode | string | number;
5080
+ }): CardDataBlockSlot;
5081
+ declare function cardProgressSlot(value: number): CardProgressSlot;
5082
+
4748
5083
  type Kinded = {
4749
5084
  kind: string;
4750
5085
  };
4751
5086
  type GridTableXss = Xss<Margin>;
4752
- type RenderAs = "div" | "table" | "virtual";
5087
+ type RenderAs = "div" | "table" | "virtual" | "card";
4753
5088
  type Direction = "ASC" | "DESC";
4754
5089
  type MaybeFn<T> = T | (() => T);
4755
5090
  type GridCellAlignment = "left" | "right" | "center";
@@ -4880,6 +5215,8 @@ type GridCellValue = number | string | Date | boolean | Temporal.PlainDate | Tem
4880
5215
  type GridCellContent = {
4881
5216
  /** The JSX content of the cell. Virtual tables that client-side sort should use a function to avoid perf overhead. */
4882
5217
  content: MaybeFn<ReactNode>;
5218
+ /** Optional card-view payload. List rendering ignores this field. */
5219
+ cardSlot?: CardSlot;
4883
5220
  alignment?: GridCellAlignment;
4884
5221
  /** Allow value to be a function in case it's a dynamic value i.e. reading from an inline-edited proxy. */
4885
5222
  value?: MaybeFn<GridCellValue>;
@@ -5397,6 +5734,8 @@ type GridDataRow<R extends Kinded> = {
5397
5734
  inferSelectedState?: false;
5398
5735
  /** Whether this row is draggable, usually to allow drag & drop reordering of rows */
5399
5736
  draggable?: boolean;
5737
+ /** Image src for the row, to be used for card view */
5738
+ imgSrc?: string;
5400
5739
  } & IfAny<R, AnyObject, DiscriminateUnion<R, "kind", R["kind"]>>;
5401
5740
 
5402
5741
  /**
@@ -5746,118 +6085,33 @@ interface AccordionProps<X = AccordionXss> {
5746
6085
  /** Adds a bottom border (disabled by default) */
5747
6086
  bottomBorder?: boolean;
5748
6087
  /**
5749
- * Used by AccordionList
5750
- * Allows multiple accordions to be expanded simultaneously (enabled by default)
5751
- */
5752
- index?: number;
5753
- onToggle?: VoidFunction;
5754
- setExpandedIndex?: Dispatch<SetStateAction<number | undefined>>;
5755
- /** Turns the title into a button. If provided, disables expand/collapse on title text */
5756
- titleOnClick?: VoidFunction;
5757
- /** Used by Accordion list. Sets default padding to 0 for nested accordions */
5758
- omitPadding?: boolean;
5759
- /** Styles overrides for padding */
5760
- xss?: X;
5761
- /** Modifies the typography, padding, icon size and background color of the accordion header */
5762
- compact?: boolean;
5763
- }
5764
- declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>): JSX.Element;
5765
- type AccordionSize = "xs" | "sm" | "md" | "lg";
5766
-
5767
- interface AccordionListProps {
5768
- accordions: AccordionProps[];
5769
- /** Allows multiple accordions to be expanded simultaneously (enabled by default) */
5770
- allowMultipleExpanded?: boolean;
5771
- size?: AccordionSize;
5772
- /** Modifies the typography, padding, icon size and background color of the accordion header */
5773
- compact?: boolean;
5774
- }
5775
- declare function AccordionList(props: AccordionListProps): JSX.Element;
5776
-
5777
- /** Base Interfaced */
5778
- interface BeamFocusableProps {
5779
- /** Whether the element should receive focus on render. */
5780
- autoFocus?: boolean;
5781
- forceFocusStyles?: boolean;
5782
- }
5783
- interface BeamButtonProps {
5784
- /**
5785
- * Whether the interactive element is disabled.
5786
- *
5787
- * If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip.
5788
- */
5789
- disabled?: boolean | ReactNode;
5790
- /** If function, then it is the handler that is called when the press is released over the target. Otherwise if string, it is the URL path for the link */
5791
- onClick: ((e: PressEvent) => void) | ((e: PressEvent) => Promise<void>) | string;
5792
- /** Text to be shown via a tooltip when the user hovers over the button */
5793
- tooltip?: ReactNode;
5794
- /** Whether to open link in a new tab. This only effects the element if the `onClick` is a `string`/URL. */
5795
- openInNew?: boolean;
5796
- }
5797
- type TextFieldXss = Xss<"textAlign" | "justifyContent" | "fontWeight" | "fontSize" | "lineHeight">;
5798
- interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationFieldProps {
5799
- /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
5800
- disabled?: boolean | ReactNode;
5801
- errorMsg?: string;
5802
- helperText?: string | ReactNode;
5803
- /** Input label */
5804
- label: string;
5805
- /** Marks the field as required or optional, the default is assumed ambiguous/unknown. */
5806
- required?: boolean;
5807
- value: string | undefined;
5808
- /** Handler called when the interactive element state changes. */
5809
- onChange: (value: string | undefined) => void;
5810
- /** Called when the component loses focus, mostly for BoundTextField to use. */
5811
- onBlur?: VoidFunction;
5812
- onFocus?: VoidFunction;
5813
- onEnter?: VoidFunction;
5814
- /** Whether the field is readOnly. If a ReactNode, it's treated as a "readOnly reason" that's shown in a tooltip. */
5815
- readOnly?: boolean | ReactNode;
5816
- placeholder?: string;
5817
- /** Styles overrides */
5818
- xss?: X;
5819
- }
5820
- interface TextFieldInternalProps {
5821
- /**
5822
- * Denoting a field as 'compound' will remove existing borders on the returned field, including the 2px of height added by the borders.
5823
- * It is expected that the caller reintroduces the border to achieve the expected field height and handles the custom border logic of a Compound Field
5824
- * This is explicitly an internal property that is not exposed to any field's API.
5825
- */
5826
- compound?: boolean;
5827
- /** Forces focus styles for storybook purposes */
5828
- forceFocus?: true;
5829
- /** Forces hover styles for storybook purposes */
5830
- forceHover?: boolean;
5831
- }
5832
-
5833
- type NavLinkVariant = "side" | "global";
5834
- type NavLinkProps = {
5835
- /** active indicates the user is on the current page */
5836
- active?: boolean;
5837
- disabled?: boolean;
5838
- label: ReactNode;
5839
- icon?: IconKey;
5840
- variant: NavLinkVariant;
5841
- openInNew?: boolean;
5842
- /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
5843
- menuTriggerProps?: AriaButtonProps;
5844
- buttonRef?: RefObject<HTMLElement>;
5845
- /**
5846
- * When true with an `icon`, shows icon only but keeps `label` for accessibility
5847
- * (visually hidden text). Used by SideNav when the rail is collapsed.
6088
+ * Used by AccordionList
6089
+ * Allows multiple accordions to be expanded simultaneously (enabled by default)
5848
6090
  */
5849
- iconOnly?: boolean;
5850
- onClick?: BeamButtonProps["onClick"];
5851
- } & BeamFocusableProps;
5852
- declare function NavLink(props: NavLinkProps): JSX.Element;
5853
- declare function getNavLinkStyles(variant: NavLinkVariant): {
5854
- baseStyles: Properties;
5855
- hoverStyles: Properties;
5856
- disabledStyles: Properties;
5857
- focusRingStyles: Properties;
5858
- activeStyles: Properties;
5859
- pressedStyles: Properties;
5860
- };
6091
+ index?: number;
6092
+ onToggle?: VoidFunction;
6093
+ setExpandedIndex?: Dispatch<SetStateAction<number | undefined>>;
6094
+ /** Turns the title into a button. If provided, disables expand/collapse on title text */
6095
+ titleOnClick?: VoidFunction;
6096
+ /** Used by Accordion list. Sets default padding to 0 for nested accordions */
6097
+ omitPadding?: boolean;
6098
+ /** Styles overrides for padding */
6099
+ xss?: X;
6100
+ /** Modifies the typography, padding, icon size and background color of the accordion header */
6101
+ compact?: boolean;
6102
+ }
6103
+ declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>): JSX.Element;
6104
+ type AccordionSize = "xs" | "sm" | "md" | "lg";
6105
+
6106
+ interface AccordionListProps {
6107
+ accordions: AccordionProps[];
6108
+ /** Allows multiple accordions to be expanded simultaneously (enabled by default) */
6109
+ allowMultipleExpanded?: boolean;
6110
+ size?: AccordionSize;
6111
+ /** Modifies the typography, padding, icon size and background color of the accordion header */
6112
+ compact?: boolean;
6113
+ }
6114
+ declare function AccordionList(props: AccordionListProps): JSX.Element;
5861
6115
 
5862
6116
  /** A single nav link. String `label` only; see `NavLinkProps.label` (ReactNode) for the wider API. */
5863
6117
  type AppNavLink = Pick<NavLinkProps, "icon" | "onClick" | "active" | "disabled" | "openInNew" | "iconOnly"> & {
@@ -5892,54 +6146,6 @@ interface AutoSaveIndicatorProps {
5892
6146
  }
5893
6147
  declare function AutoSaveIndicator({ hideOnIdle, doNotReset }: AutoSaveIndicatorProps): JSX.Element | null;
5894
6148
 
5895
- interface AvatarProps {
5896
- src: string | undefined;
5897
- name?: string;
5898
- size?: AvatarSize;
5899
- showName?: boolean;
5900
- preventTooltip?: boolean;
5901
- }
5902
- declare function Avatar({ src, name, size, showName, preventTooltip, ...others }: AvatarProps): JSX.Element;
5903
- type AvatarSize = "sm" | "md" | "lg" | "xl";
5904
-
5905
- interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
5906
- menuTriggerProps?: AriaButtonProps;
5907
- buttonRef?: RefObject<HTMLButtonElement>;
5908
- /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
5909
- __storyState?: {
5910
- hovered?: boolean;
5911
- focusVisible?: boolean;
5912
- pressed?: boolean;
5913
- };
5914
- }
5915
- declare function AvatarButton(props: AvatarButtonProps): JSX.Element;
5916
- declare const hoverStyles: Pick<Properties, never> & {
5917
- boxShadow: csstype.Property.BoxShadow | undefined;
5918
- } & {
5919
- readonly __kind: "buildtime";
5920
- };
5921
- declare const pressedOverlayCss: Pick<Properties, never> & {
5922
- borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
5923
- } & {
5924
- backgroundColor: csstype.Property.BackgroundColor | undefined;
5925
- } & {
5926
- width: csstype.Property.Width<string | 0> | undefined;
5927
- } & {
5928
- height: csstype.Property.Height<string | 0> | undefined;
5929
- } & {
5930
- position: csstype.Property.Position | undefined;
5931
- } & {
5932
- top: csstype.Property.Top<string | 0> | undefined;
5933
- } & {
5934
- left: csstype.Property.Left<string | 0> | undefined;
5935
- } & {
5936
- opacity: csstype.Property.Opacity | undefined;
5937
- } & {
5938
- pointerEvents: csstype.Property.PointerEvents | undefined;
5939
- } & {
5940
- readonly __kind: "buildtime";
5941
- };
5942
-
5943
6149
  interface AvatarGroupProps {
5944
6150
  avatars: {
5945
6151
  src: string | undefined;
@@ -6065,29 +6271,6 @@ interface BeamProviderProps extends PropsWithChildren<PresentationContextProps>
6065
6271
  }
6066
6272
  declare function BeamProvider({ children, ...presentationProps }: BeamProviderProps): JSX.Element;
6067
6273
 
6068
- type ButtonProps = {
6069
- label: ReactNode;
6070
- variant?: ButtonVariant;
6071
- size?: ButtonSize;
6072
- icon?: IconProps["icon"] | null;
6073
- /** Displays contents after the Button's label. Will be ignored for Buttons rendered as a link with an absolute URL */
6074
- endAdornment?: ReactNode;
6075
- /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
6076
- menuTriggerProps?: AriaButtonProps;
6077
- buttonRef?: RefObject<HTMLElement>;
6078
- /** Allow for setting "submit" | "button" | "reset" on button element */
6079
- type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
6080
- /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
6081
- download?: boolean;
6082
- /** Additional text to further customize button during an async request is in progress. */
6083
- labelInFlight?: string;
6084
- /** Shows pressed/active styles (useful when a menu is open) */
6085
- active?: boolean;
6086
- } & BeamButtonProps & BeamFocusableProps;
6087
- declare function Button(props: ButtonProps): JSX.Element;
6088
- type ButtonSize = "sm" | "md" | "lg";
6089
- type ButtonVariant = "primary" | "secondary" | "secondaryBlack" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
6090
-
6091
6274
  type DatePickerProps = {
6092
6275
  value?: PlainDate;
6093
6276
  onSelect: (value: PlainDate) => void;
@@ -6096,80 +6279,6 @@ type DatePickerProps = {
6096
6279
  useYearPicker?: boolean;
6097
6280
  };
6098
6281
 
6099
- type IconButtonVariant = "default" | "circle" | "outline";
6100
- type IconButtonProps = {
6101
- /** The icon to use within the button. */
6102
- icon: IconProps["icon"];
6103
- color?: BeamColor;
6104
- bgColor?: BeamColor;
6105
- /** The size of the icon, in increments, defaults to 3 which is 24px. */
6106
- inc?: number;
6107
- /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
6108
- menuTriggerProps?: AriaButtonProps;
6109
- buttonRef?: RefObject<HTMLButtonElement>;
6110
- /** Whether to show a 16x16px version of the IconButton */
6111
- compact?: boolean;
6112
- /** Visual variant of the button. Defaults to "default". */
6113
- variant?: IconButtonVariant;
6114
- /** Indicates that the button is active/selected */
6115
- active?: boolean;
6116
- /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
6117
- download?: boolean;
6118
- /** Provides label for screen readers - Will become a required soon */
6119
- label?: string;
6120
- /**
6121
- * By default the `label` is also surfaced as a hover tooltip. Set this to keep the `aria-label`
6122
- * for screen readers without showing the tooltip. An explicit `tooltip` or disabled reason still shows.
6123
- */
6124
- preventTooltip?: boolean;
6125
- } & BeamButtonProps & BeamFocusableProps;
6126
- declare function IconButton(props: IconButtonProps): JSX.Element;
6127
- declare const iconButtonStylesHover: Pick<Properties, never> & {
6128
- backgroundColor: csstype.Property.BackgroundColor | undefined;
6129
- } & {
6130
- readonly __kind: "buildtime";
6131
- };
6132
- declare const iconButtonContrastStylesHover: Pick<Properties, never> & {
6133
- backgroundColor: csstype.Property.BackgroundColor | undefined;
6134
- } & {
6135
- readonly __kind: "buildtime";
6136
- };
6137
- declare const iconButtonCircleStylesHover: Pick<Properties, never> & {
6138
- backgroundColor: csstype.Property.BackgroundColor | undefined;
6139
- } & {
6140
- borderColor: csstype.Property.BorderColor | undefined;
6141
- } & {
6142
- readonly __kind: "buildtime";
6143
- };
6144
-
6145
- type TextButtonTriggerProps = Pick<ButtonProps, "label" | "variant" | "size" | "icon">;
6146
- type IconButtonTriggerProps = Pick<IconButtonProps, "icon" | "color" | "compact" | "inc">;
6147
- type AvatarButtonTriggerProps = Pick<AvatarButtonProps, "src" | "name" | "size" | "preventTooltip">;
6148
- type NavLinkButtonTriggerProps = {
6149
- navLabel: string;
6150
- } & Pick<NavLinkProps, "active" | "variant" | "icon">;
6151
- type OverlayTriggerProps = {
6152
- trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps;
6153
- /** Defaults to "left" */
6154
- placement?: "left" | "right";
6155
- /** Whether the Button is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
6156
- disabled?: boolean | ReactNode;
6157
- /** Text to be shown via a tooltip when the user hovers over the button */
6158
- tooltip?: ReactNode;
6159
- /** The component to be shown within the overlay */
6160
- children: ReactElement;
6161
- /** Props returned by the useMenuTrigger hook to be passed to the button element */
6162
- menuTriggerProps: AriaButtonProps;
6163
- /** Ref for the button element */
6164
- buttonRef: MutableRefObject<HTMLButtonElement | null>;
6165
- /** Result of the useMenuTriggerState hook */
6166
- state: MenuTriggerState;
6167
- /** Prop set the style of the button element */
6168
- variant?: ButtonVariant;
6169
- hideEndAdornment?: boolean;
6170
- showActiveBorder?: boolean;
6171
- };
6172
-
6173
6282
  type ButtonDatePickerProps = {
6174
6283
  defaultOpen?: boolean;
6175
6284
  } & DatePickerProps & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
@@ -6197,44 +6306,6 @@ type ButtonGroupButton = {
6197
6306
  declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
6198
6307
  type ButtonGroupSize = "xs" | "sm" | "md";
6199
6308
 
6200
- type ButtonMenuBaseProps = {
6201
- items: MenuItem[];
6202
- persistentItems?: MenuItem[];
6203
- searchable?: boolean;
6204
- defaultOpen?: boolean;
6205
- } & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder" | "hideEndAdornment">;
6206
- type SelectionButtonMenuProps = {
6207
- /** Display a menu item as selected based. Use the Menu Item's label to identify */
6208
- selectedItem: string | undefined;
6209
- onChange: (key: string) => void;
6210
- } & ButtonMenuBaseProps;
6211
- type ButtonMenuProps = ButtonMenuBaseProps | SelectionButtonMenuProps;
6212
- declare function ButtonMenu(props: ButtonMenuProps): JSX.Element;
6213
- type MenuItemBase = {
6214
- label: string;
6215
- /** If the `onClick` property is set as a string, then the menu item will be rendered as a link with the `onClick` value being the href */
6216
- onClick: string | VoidFunction;
6217
- /** Whether the interactive element is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
6218
- disabled?: boolean | ReactNode;
6219
- destructive?: boolean;
6220
- hasDivider?: boolean;
6221
- };
6222
- type IconMenuItemType = MenuItemBase & {
6223
- icon: IconProps["icon"];
6224
- };
6225
- type ImageMenuItemType = MenuItemBase & {
6226
- src: string;
6227
- size?: 24 | 48;
6228
- isAvatar?: boolean;
6229
- };
6230
- type DividerMenuItemType = MenuItemBase & {
6231
- hasDivider: boolean;
6232
- };
6233
- type MenuItem = MenuItemBase | IconMenuItemType | ImageMenuItemType | DividerMenuItemType;
6234
- type MenuSection = MenuItem & {
6235
- items?: MenuItem[];
6236
- };
6237
-
6238
6309
  type ButtonModalProps = {
6239
6310
  content: ReactNode | ((close: () => void) => ReactNode);
6240
6311
  title?: string;
@@ -6244,40 +6315,6 @@ type ButtonModalProps = {
6244
6315
  } & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
6245
6316
  declare function ButtonModal(props: ButtonModalProps): JSX.Element;
6246
6317
 
6247
- type TagXss = Margin | "backgroundColor" | "color";
6248
- type TagType = "info" | "caution" | "warning" | "success" | "neutral";
6249
- interface TagProps<X> {
6250
- text: ReactNode;
6251
- type?: TagType;
6252
- xss?: X;
6253
- icon?: IconKey;
6254
- /** A tooltip will automatically be displayed if the text is truncated. Set to true to prevent this behavior.
6255
- * @default false */
6256
- preventTooltip?: boolean;
6257
- }
6258
- /** Tag used for indicating a status */
6259
- declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>): JSX.Element;
6260
-
6261
- type CardType = "card" | "list";
6262
- type ImageFitType = "contain" | "cover";
6263
- type CardTag = {
6264
- text: string;
6265
- type?: TagType;
6266
- };
6267
- interface CardProps {
6268
- title: string;
6269
- subtitle: string;
6270
- detailContent?: ReactNode;
6271
- imgSrc: string;
6272
- imageFit?: ImageFitType;
6273
- type?: CardType;
6274
- bordered?: boolean;
6275
- disabled?: boolean;
6276
- buttonMenuItems?: MenuItem[];
6277
- tag?: CardTag;
6278
- }
6279
- declare function Card(props: CardProps): JSX.Element;
6280
-
6281
6318
  /** Must match the `contrast` theme axis in tokens and `[data-theme="contrast"]` in `src/css/generated/theme-scopes.css`. */
6282
6319
  declare const contrastDataTheme: "contrast";
6283
6320
  /**
@@ -8332,8 +8369,9 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
8332
8369
  secondaryAction?: ActionButtonProps;
8333
8370
  tertiaryAction?: ActionButtonProps;
8334
8371
  hideEditColumns?: boolean;
8335
- /** Temporary prop for card views. When provided, shows a view toggle button. Rendered in place of the table when in tile mode. */
8336
- withCardView?: ReactNode;
8372
+ totalCount?: number;
8373
+ /** When true, shows a view toggle button and renders the table with `as="card"` when in card view. */
8374
+ withCardView?: boolean;
8337
8375
  defaultView?: TableView;
8338
8376
  };
8339
8377
  /**
@@ -9006,4 +9044,4 @@ declare const zIndices: {
9006
9044
  };
9007
9045
  type ZIndex = (typeof zIndices)[keyof typeof zIndices];
9008
9046
 
9009
- export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, type AppEnvironment, type AppNavGroup, type AppNavItem, type AppNavLink, type AppNavSection, type AppNavSectionItem, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardTag, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, type ColumnLayoutResult, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type DefinedFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, HomeboundLogo, Icon, IconButton, type IconButtonProps, type IconButtonVariant, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NavLinkProps, type NavLinkVariant, Navbar, NavbarLayout, type NavbarLayoutProps, type NavbarProps, type NavbarUser, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, PageHeader, PageHeaderLayout, type PageHeaderLayoutProps, type PageHeaderProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, type Pin, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, SIDE_NAV_LAYOUT_STATE_STORAGE_KEY, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedFilterLabelValue, type SelectedState, SideNav, SideNavLayout, type SideNavLayoutContextProps, type SideNavLayoutProps, SideNavLayoutProvider, type SideNavLayoutState, type SideNavProps, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, type TableView, Tabs, TabsWithContent, Tag, type TagType, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, ViewToggleButton, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnLayout, calcColumnSizes, cardStyle, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setEnvironmentFavicon, setGridTableDefaults, setRunningInJest, shouldShowEnvironmentBanner, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, stickyNavAndHeaderOffset, stickyTableHeaderOffset, sumColumnSizesPx, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHasSideNavLayoutProvider, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSideNavLayoutContext, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, withColumnGutters, zIndices };
9047
+ export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, type AppEnvironment, type AppNavGroup, type AppNavItem, type AppNavLink, type AppNavSection, type AppNavSectionItem, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBadgeSlot, type CardDataBlockSlot, type CardEyebrowSlot, type CardProgressSlot, type CardProps, type CardSlot, type CardStatusSlot, type CardTag, type CardTitleSlot, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, type ColumnLayoutResult, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type DefinedFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, HomeboundLogo, Icon, IconButton, type IconButtonProps, type IconButtonVariant, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NavLinkProps, type NavLinkVariant, Navbar, NavbarLayout, type NavbarLayoutProps, type NavbarProps, type NavbarUser, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, PageHeader, PageHeaderLayout, type PageHeaderLayoutProps, type PageHeaderProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, type Pin, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, SIDE_NAV_LAYOUT_STATE_STORAGE_KEY, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedFilterLabelValue, type SelectedState, SideNav, SideNavLayout, type SideNavLayoutContextProps, type SideNavLayoutProps, SideNavLayoutProvider, type SideNavLayoutState, type SideNavProps, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, type TableView, Tabs, TabsWithContent, Tag, type TagProps, type TagType, type TagXss, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, ViewToggleButton, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnLayout, calcColumnSizes, cardBadgeSlot, cardDataBlockSlot, cardEyebrowSlot, cardProgressSlot, cardStatusSlot, cardStyle, cardTitleSlot, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setEnvironmentFavicon, setGridTableDefaults, setRunningInJest, shouldShowEnvironmentBanner, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, stickyNavAndHeaderOffset, stickyTableHeaderOffset, sumColumnSizesPx, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHasSideNavLayoutProvider, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSideNavLayoutContext, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, withColumnGutters, zIndices };