@wistia/ui 0.4.8-beta.25eae1b2.b10e708 → 0.4.8-beta.2b6f4638.29587ac

package/dist/index.d.mts

@@ -1,10 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject } from 'react';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import * as styled_components from 'styled-components';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
-import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
 
 type UIProviderProps = {
     children: ReactNode;
@@ -103,7 +102,7 @@ declare const ColorSchemeWrapper: {
 type ButtonVariants = 'ghost' | 'outline' | 'soft' | 'solid';
 
 type LinkTypes = 'default' | 'email' | 'external' | 'phone';
-type BaseProps$1 = {
+type BaseProps = {
     /**
      * A Promise to invoke before navigating to location.
      * _Caution: if used with `external` type prop a new window will **not** be opened_
@@ -123,14 +122,6 @@ type BaseProps$1 = {
      * Disables the link
      */
     disabled?: boolean;
-    /**
-     * Icon to display on the left side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
-     */
-    leftIcon?: JSX.Element | undefined;
-    /**
-     * Icon to display on the right side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
-     */
-    rightIcon?: JSX.Element | undefined;
     /**
      * Type of link to display
      *
@@ -144,11 +135,11 @@ type BaseProps$1 = {
      */
     underline?: boolean;
 };
-type LinkAsLinkProps = BaseProps$1 & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
+type LinkAsLinkProps = BaseProps & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
     href: string | undefined;
     type?: LinkTypes;
 };
-type LinkAsButtonProps = BaseProps$1 & ComponentPropsWithRef<'button'> & {
+type LinkAsButtonProps = BaseProps & ComponentPropsWithRef<'button'> & {
     href?: never;
     type?: 'button' | 'reset' | 'submit';
 };
@@ -289,7 +280,7 @@ declare const useWindowSize: (interval?: number) => {
 
 type ActionButtonProps = {
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -310,7 +301,7 @@ type ActionButtonProps = {
  */
 declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -325,9 +316,9 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
      * Changes the secondary icon for different use cases
      */
     variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsButtonProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref"> | Omit<{
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -342,7 +333,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
      * Changes the secondary icon for different use cases
      */
     variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsLinkProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type AvatarInstanceType = 'image' | 'initials';
 type AvatarImageLoadStateType = 'error' | 'loaded' | 'loading';
@@ -705,7 +696,7 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
      */
     name?: string | undefined;
     /**
-     * Callback function invoked when the value changes
+     * Callback function invoked when the checkbox value changes
      */
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
@@ -1251,7 +1242,7 @@ type IconButtonProps = {
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
 } & (Omit<ButtonAsButtonProps, 'fullWidth' | 'leftIcon' | 'rightIcon'> | Omit<ButtonAsLinkProps, 'fullWidth' | 'leftIcon' | 'rightIcon'>);
@@ -1265,19 +1256,19 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
-} & Omit<ButtonAsButtonProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref"> | Omit<{
     /**
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
-} & Omit<ButtonAsLinkProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'type'> & {
     /**
@@ -2021,76 +2012,6 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
-type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
-    /**
-     * `SegmentedControlItem`s that will be rendered in grouping
-     */
-    children?: ReactNode;
-    /**
-     * Set the entire `SegmentedControl` to be disabled
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Force `SegmentedControl` to fill the width of it's container
-     */
-    fullWidth?: boolean | undefined;
-    /**
-     * Callback function invoked when the value changes
-     */
-    onSelectedValueChange: (value: string) => void;
-    /**
-     * The value of the `SegmentedControlItem` which should be selected
-     */
-    selectedValue: string;
-};
-/**
- * Provides a horizontal set of segments for switching between different values
- */
-declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps>;
-
-type BaseProps = {
-    /**
-     * Disable the `SegmentedControlItem`
-     */
-    disabled?: boolean | undefined;
-    /**
-     * The value of the item
-     */
-    value: string;
-};
-type IconWithLabel = {
-    /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
-     */
-    icon?: JSX.Element;
-    /**
-     * The label of the item
-     */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
-};
-type IconWithAriaLabel = {
-    /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
-     */
-    icon?: JSX.Element;
-    /**
-     * Use this when displaying an icon without a label
-     */
-    'aria-label'?: string | undefined;
-    label?: never;
-};
-type NoIcon = {
-    icon?: undefined;
-    /**
-     * The label of the item
-     */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
-};
-type SegmentedControlItemProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
-declare const SegmentedControlItem: react.ForwardRefExoticComponent<SegmentedControlItemProps & react.RefAttributes<HTMLButtonElement>>;
-
 type StackProps = {
     /**
      * Optional children
@@ -2318,4 +2239,26 @@ type SelectOptionGroupProps = {
 };
 declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
+type AnalyticsCardProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Label text displayed above the value
+     */
+    label: ReactNode;
+    /**
+     * Main value to display in the card
+     */
+    value: ReactNode;
+    /**
+     * Optional content to display in the top-right corner
+     */
+    upperRightSlot?: ReactNode;
+};
+/**
+ * Component description goes here
+ */
+declare const AnalyticsCard: {
+    ({ label, value, slot, ...props }: AnalyticsCardProps): JSX.Element;
+    displayName: string;
+};
+
+export { ActionButton, type ActionButtonProps, AnalyticsCard, type AnalyticsCardProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1,10 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject } from 'react';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import * as styled_components from 'styled-components';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
-import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
 
 type UIProviderProps = {
     children: ReactNode;
@@ -103,7 +102,7 @@ declare const ColorSchemeWrapper: {
 type ButtonVariants = 'ghost' | 'outline' | 'soft' | 'solid';
 
 type LinkTypes = 'default' | 'email' | 'external' | 'phone';
-type BaseProps$1 = {
+type BaseProps = {
     /**
      * A Promise to invoke before navigating to location.
      * _Caution: if used with `external` type prop a new window will **not** be opened_
@@ -123,14 +122,6 @@ type BaseProps$1 = {
      * Disables the link
      */
     disabled?: boolean;
-    /**
-     * Icon to display on the left side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
-     */
-    leftIcon?: JSX.Element | undefined;
-    /**
-     * Icon to display on the right side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
-     */
-    rightIcon?: JSX.Element | undefined;
     /**
      * Type of link to display
      *
@@ -144,11 +135,11 @@ type BaseProps$1 = {
      */
     underline?: boolean;
 };
-type LinkAsLinkProps = BaseProps$1 & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
+type LinkAsLinkProps = BaseProps & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
     href: string | undefined;
     type?: LinkTypes;
 };
-type LinkAsButtonProps = BaseProps$1 & ComponentPropsWithRef<'button'> & {
+type LinkAsButtonProps = BaseProps & ComponentPropsWithRef<'button'> & {
     href?: never;
     type?: 'button' | 'reset' | 'submit';
 };
@@ -289,7 +280,7 @@ declare const useWindowSize: (interval?: number) => {
 
 type ActionButtonProps = {
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -310,7 +301,7 @@ type ActionButtonProps = {
  */
 declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -325,9 +316,9 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
      * Changes the secondary icon for different use cases
      */
     variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsButtonProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref"> | Omit<{
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -342,7 +333,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
      * Changes the secondary icon for different use cases
      */
     variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsLinkProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type AvatarInstanceType = 'image' | 'initials';
 type AvatarImageLoadStateType = 'error' | 'loaded' | 'loading';
@@ -705,7 +696,7 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
      */
     name?: string | undefined;
     /**
-     * Callback function invoked when the value changes
+     * Callback function invoked when the checkbox value changes
      */
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
@@ -1251,7 +1242,7 @@ type IconButtonProps = {
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
 } & (Omit<ButtonAsButtonProps, 'fullWidth' | 'leftIcon' | 'rightIcon'> | Omit<ButtonAsLinkProps, 'fullWidth' | 'leftIcon' | 'rightIcon'>);
@@ -1265,19 +1256,19 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
-} & Omit<ButtonAsButtonProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref"> | Omit<{
     /**
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
-} & Omit<ButtonAsLinkProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'type'> & {
     /**
@@ -2021,76 +2012,6 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
-type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
-    /**
-     * `SegmentedControlItem`s that will be rendered in grouping
-     */
-    children?: ReactNode;
-    /**
-     * Set the entire `SegmentedControl` to be disabled
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Force `SegmentedControl` to fill the width of it's container
-     */
-    fullWidth?: boolean | undefined;
-    /**
-     * Callback function invoked when the value changes
-     */
-    onSelectedValueChange: (value: string) => void;
-    /**
-     * The value of the `SegmentedControlItem` which should be selected
-     */
-    selectedValue: string;
-};
-/**
- * Provides a horizontal set of segments for switching between different values
- */
-declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps>;
-
-type BaseProps = {
-    /**
-     * Disable the `SegmentedControlItem`
-     */
-    disabled?: boolean | undefined;
-    /**
-     * The value of the item
-     */
-    value: string;
-};
-type IconWithLabel = {
-    /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
-     */
-    icon?: JSX.Element;
-    /**
-     * The label of the item
-     */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
-};
-type IconWithAriaLabel = {
-    /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
-     */
-    icon?: JSX.Element;
-    /**
-     * Use this when displaying an icon without a label
-     */
-    'aria-label'?: string | undefined;
-    label?: never;
-};
-type NoIcon = {
-    icon?: undefined;
-    /**
-     * The label of the item
-     */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
-};
-type SegmentedControlItemProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
-declare const SegmentedControlItem: react.ForwardRefExoticComponent<SegmentedControlItemProps & react.RefAttributes<HTMLButtonElement>>;
-
 type StackProps = {
     /**
      * Optional children
@@ -2318,4 +2239,26 @@ type SelectOptionGroupProps = {
 };
 declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
+type AnalyticsCardProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Label text displayed above the value
+     */
+    label: ReactNode;
+    /**
+     * Main value to display in the card
+     */
+    value: ReactNode;
+    /**
+     * Optional content to display in the top-right corner
+     */
+    upperRightSlot?: ReactNode;
+};
+/**
+ * Component description goes here
+ */
+declare const AnalyticsCard: {
+    ({ label, value, slot, ...props }: AnalyticsCardProps): JSX.Element;
+    displayName: string;
+};
+
+export { ActionButton, type ActionButtonProps, AnalyticsCard, type AnalyticsCardProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };