@bundle-stats/ui 4.22.3 → 4.23.0-beta.1

package/types/constants.d.ts

@@ -16,6 +16,18 @@ export declare const METRICS_WEBPACK_GENERAL: string[];
 export declare const METRICS_WEBPACK_ASSETS: string[];
 export declare const METRICS_WEBPACK_MODULES: string[];
 export declare const METRICS_WEBPACK_PACKAGES: string[];
+export declare const METRICS_GROUP_ASSETS: {
+    title: string;
+    metrics: string[];
+};
+export declare const METRICS_GROUP_MODULES: {
+    title: string;
+    metrics: string[];
+};
+export declare const METRICS_GROUP_PACKAGES: {
+    title: string;
+    metrics: string[];
+};
 export declare const SORT: {
     readonly ASC: "asc";
     readonly DESC: "desc";

package/types/ui/dialog/dialog.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps, ReactNode } from 'react';
 import React from 'react';
-import { Dialog as AriakitDialog } from 'ariakit/dialog';
-export { useDialogState } from 'ariakit/dialog';
+import { Dialog as AriakitDialog, type DialogStateProps } from 'ariakit/dialog';
+export declare const useDialogState: (options?: DialogStateProps) => import("ariakit/ts/disclosure/disclosure-state").DisclosureState;
 type AriakitDialogProps = ComponentProps<typeof AriakitDialog>;
 type DialogProps = {
     title?: ReactNode;
@@ -11,3 +11,4 @@ type DialogProps = {
     state: AriakitDialogProps['state'];
 } & Omit<ComponentProps<'div'>, 'title'>;
 export declare const Dialog: (props: DialogProps) => React.JSX.Element;
+export {};

package/types/ui/dropdown/dropdown.d.ts

@@ -13,6 +13,7 @@ interface DropdownProps {
     placement?: MenuStateProps['placement'];
     gutter?: MenuStateProps['gutter'];
     shift?: MenuStateProps['shift'];
+    showChevron?: boolean;
 }
 export declare const Dropdown: (props: DropdownProps & React.ComponentProps<"div">) => React.JSX.Element;
 export {};

package/src/components/delta/delta.jsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import css from './delta.module.css';
-
-export const Delta = ({ className = '', displayValue, deltaType, inverted = false }) => {
-  const rootClassName = cx(css.root, className, inverted && css.inverted, css[deltaType]);
-  return <span className={rootClassName}>{displayValue}</span>;
-};
-
-Delta.defaultProps = {
-  className: '',
-  inverted: false,
-};
-
-Delta.propTypes = {
-  className: PropTypes.string,
-  displayValue: PropTypes.string.isRequired,
-  deltaType: PropTypes.string.isRequired,
-  inverted: PropTypes.bool,
-};