@hashicorp/mds-react 0.9.0 → 0.9.2

package/{dist/components → components}/modal/index.d.ts

@@ -1,5 +1,5 @@
 import { useModal } from './use-modal';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface ModalProps {
     initialIsOpen?: boolean;
     initialModalContent?: ReactNode;

package/{dist/components → components}/modal/use-modal.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface ModalContextState {
     isOpen: boolean;
     openModal: (content: ReactNode) => void;
     closeModal: () => void;
 }
-export declare const ModalContext: import('react').Context<ModalContextState | undefined>;
+export declare const ModalContext: import("react").Context<ModalContextState | undefined>;
 export declare function useModal(): ModalContextState;

package/{dist/components → components}/separator/index.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from 'react';
 interface SeparatorProps extends HTMLAttributes<HTMLHRElement> {
     spacing?: '0' | '24';
 }

package/{dist/components → components}/standalone-link/index.d.ts

@@ -1,4 +1,4 @@
-import { InteractiveProps } from '../interactive';
+import type { InteractiveProps } from '../interactive';
 declare const STANDALONE_LINK_SIZES: readonly ["small", "medium", "large"];
 type StandaloneLinkSize = (typeof STANDALONE_LINK_SIZES)[number];
 declare const STANDALONE_LINK_COLORS: readonly ["primary", "secondary", "secondary-inverted"];
@@ -18,6 +18,6 @@ interface StandaloneLinkProps extends Omit<InteractiveProps, 'color' | 'size'> {
     className?: string;
     'data-testid'?: string;
 }
-declare const StandaloneLink: import('react').ForwardRefExoticComponent<StandaloneLinkProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const StandaloneLink: import("react").ForwardRefExoticComponent<StandaloneLinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export type { StandaloneLinkSize, StandaloneLinkColor, StandaloneLinkIconPosition, StandaloneLinkProps, };
 export { STANDALONE_LINK_SIZES, STANDALONE_LINK_COLORS, STANDALONE_LINK_ICON_POSITIONS, StandaloneLink, };

package/{dist/components → components}/table/index.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { Density, VerticalAlignment } from './utils';
+import type { HTMLAttributes, ReactNode } from 'react';
+import { type Density, type VerticalAlignment } from './utils';
 export interface TableProps extends HTMLAttributes<HTMLTableElement> {
     /**
      * Define on the table invocation. If set to `true`, even-numbered rows will have a different background color from odd-numbered rows.
@@ -41,17 +41,17 @@ declare namespace TBody {
 declare const Table: {
     Root: typeof Root;
     TR: {
-        ({ children, className, ...rest }: import('./tr').TRProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...rest }: import("./tr").TRProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     THead: typeof THead;
     TH: {
-        ({ align, width, scope, tooltip, isVisuallyHidden, children, className, ...rest }: import('./th').THProps): import("react/jsx-runtime").JSX.Element;
+        ({ align, width, scope, tooltip, isVisuallyHidden, children, className, ...rest }: import("./th").THProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     TBody: typeof TBody;
     TD: {
-        ({ align, children, className, ...rest }: import('./td').TDProps): import("react/jsx-runtime").JSX.Element;
+        ({ align, children, className, ...rest }: import("./td").TDProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/{dist/components → components}/table/td.d.ts

@@ -1,5 +1,5 @@
-import { HorizontalAlignment } from './utils';
-import { HTMLAttributes, ReactNode } from 'react';
+import { type HorizontalAlignment } from './utils';
+import type { HTMLAttributes, ReactNode } from 'react';
 export interface TDProps extends HTMLAttributes<HTMLTableCellElement> {
     /**
      * Determines the horizontal content alignment (sometimes referred to as text alignment) for the cell (make sure it is also set for the column header).

package/{dist/components → components}/table/th.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { HorizontalAlignment, Scope } from './utils';
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { HorizontalAlignment, Scope } from './utils';
 export interface THProps extends HTMLAttributes<HTMLTableCellElement> {
     /**
      * Determines the horizontal content alignment (sometimes referred to as text alignment) for the column header.

package/{dist/components → components}/table/tr.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 export interface TRProps extends HTMLAttributes<HTMLTableRowElement> {
     /**
      * Elements passed as children are yielded as inner content of a `<tr>` HTML element.

package/{dist/components → components}/tabs/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, HTMLAttributes, MouseEvent } from 'react';
+import { type ReactNode, type HTMLAttributes, type MouseEvent } from 'react';
 export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
     onClickTab?: (event: MouseEvent<HTMLButtonElement>, tabIndex: number) => void;
     initialSelectedTabIndex?: number;
@@ -14,8 +14,8 @@ interface TabsListProps {
 declare const Tabs: {
     Provider: ({ children, onClickTab, initialSelectedTabIndex, size, className, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;
     TabList: ({ children, className }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
-    Panel: ({ children, className, ...rest }: import('./tab-panel').TabPanelProps) => import("react/jsx-runtime").JSX.Element;
-    Tab: ({ count, icon, isSelected: isInitialTab, children, className, trackingKey, tabIndicatorTheme, ...rest }: import('./tab').TabProps) => import("react/jsx-runtime").JSX.Element;
+    Panel: ({ children, className, ...rest }: import("./tab-panel").TabPanelProps) => import("react/jsx-runtime").JSX.Element;
+    Tab: ({ count, icon, isSelected: isInitialTab, children, className, trackingKey, tabIndicatorTheme, ...rest }: import("./tab").TabProps) => import("react/jsx-runtime").JSX.Element;
 };
 export type { TabsListProps };
 export { Tabs };

package/{dist/components → components}/tabs/tab-panel.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 type TabPanelProps = HTMLAttributes<HTMLDivElement>;
 declare const TabPanel: ({ children, className, ...rest }: TabPanelProps) => import("react/jsx-runtime").JSX.Element;
 export type { TabPanelProps };

package/{dist/components → components}/tabs/tab.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from 'react';
-import { FlightIconName } from '../flight-icon';
+import { type HTMLAttributes } from 'react';
+import type { FlightIconName } from '../flight-icon';
 interface TabProps extends HTMLAttributes<HTMLLIElement> {
     tabIndicatorTheme?: 'primary' | 'secondary';
     /**

package/{dist/components → components}/tabs/use-tabs-context.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, MouseEvent, KeyboardEvent } from 'react';
+import { type MutableRefObject, type MouseEvent, type KeyboardEvent } from 'react';
 interface TabsContextState {
     tabNodes: MutableRefObject<Array<HTMLButtonElement>>;
     panelNodes: MutableRefObject<Array<HTMLDivElement>>;
@@ -10,6 +10,6 @@ interface TabsContextState {
     size: 'medium' | 'large';
     tabsListRef: MutableRefObject<HTMLUListElement | null>;
 }
-export declare const TabsContext: import('react').Context<TabsContextState | undefined>;
+export declare const TabsContext: import("react").Context<TabsContextState | undefined>;
 export declare function useTabsContext(): TabsContextState;
 export {};

package/{dist/components → components}/text/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef, ElementType } from 'react';
+import { type ComponentPropsWithRef, type ElementType } from 'react';
 declare const TEXT_COLORS: readonly ["primary", "strong", "faint", "disabled", "high-contrast", "action", "action-hover", "action-active", "highlight", "highlight-on-surface", "highlight-high-contrast", "success", "success-on-surface", "success-high-contrast", "warning", "warning-on-surface", "warning-high-contrast", "critical", "critical-on-surface", "critical-high-contrast"];
 declare const TEXT_GROUPS: readonly ["hds-body", "code", "body", "display-expressive", "label"];
 declare const TEXT_SIZES: readonly ["100", "200", "300", "400", "500", "600", "700", "800"];
@@ -35,10 +35,10 @@ interface CodeProps<T extends ElementType> extends BaseTextProps<T> {
     size?: '100' | '200' | '300';
 }
 declare const Text: {
-    Body: <T extends ElementType<any, keyof import("react").JSX.IntrinsicElements>>({ size, ...rest }: BodyProps<T> & Omit<ComponentPropsWithRef<T>, keyof BodyProps<T>>) => import('react').FunctionComponentElement<TextImplProps<ElementType<any, keyof import("react").JSX.IntrinsicElements>> & Omit<any, keyof TextImplProps<T_1>>>;
-    DisplayExpressive: <T_2 extends ElementType<any, keyof import("react").JSX.IntrinsicElements>>({ size, ...rest }: DisplayExpressiveProps<T_2> & Omit<ComponentPropsWithRef<T_2>, keyof DisplayExpressiveProps<T_2>>) => import('react').FunctionComponentElement<TextImplProps<ElementType<any, keyof import("react").JSX.IntrinsicElements>> & Omit<any, keyof TextImplProps<T_1>>>;
-    Label: <T_3 extends ElementType<any, keyof import("react").JSX.IntrinsicElements>>(props: LabelProps<T_3> & Omit<ComponentPropsWithRef<T_3>, "className" | "color" | "tag" | "weight" | "align">) => import('react').FunctionComponentElement<TextImplProps<ElementType<any, keyof import("react").JSX.IntrinsicElements>> & Omit<any, keyof TextImplProps<T_1>>>;
-    HDSBody: <T_4 extends ElementType<any, keyof import("react").JSX.IntrinsicElements>>({ size, weight, ...rest }: HDSBodyProps<T_4> & Omit<ComponentPropsWithRef<T_4>, keyof HDSBodyProps<T_4>>) => import('react').FunctionComponentElement<TextImplProps<ElementType<any, keyof import("react").JSX.IntrinsicElements>> & Omit<any, keyof TextImplProps<T_1>>>;
-    Code: <T_5 extends ElementType<any, keyof import("react").JSX.IntrinsicElements>>({ size, weight, ...rest }: CodeProps<T_5> & Omit<ComponentPropsWithRef<T_5>, keyof CodeProps<T_5>>) => import('react').FunctionComponentElement<TextImplProps<ElementType<any, keyof import("react").JSX.IntrinsicElements>> & Omit<any, keyof TextImplProps<T_1>>>;
+    Body: <T extends ElementType>({ size, ...rest }: BodyProps<T> & Omit<ComponentPropsWithRef<T>, keyof BodyProps<T>>) => import("react").FunctionComponentElement<TextImplProps<ElementType> & Omit<any, keyof TextImplProps<T_1>>>;
+    DisplayExpressive: <T extends ElementType>({ size, ...rest }: DisplayExpressiveProps<T> & Omit<ComponentPropsWithRef<T>, keyof DisplayExpressiveProps<T>>) => import("react").FunctionComponentElement<TextImplProps<ElementType> & Omit<any, keyof TextImplProps<T_1>>>;
+    Label: <T extends ElementType>(props: LabelProps<T> & Omit<ComponentPropsWithRef<T>, keyof LabelProps<T>>) => import("react").FunctionComponentElement<TextImplProps<ElementType> & Omit<any, keyof TextImplProps<T_1>>>;
+    HDSBody: <T extends ElementType>({ size, weight, ...rest }: HDSBodyProps<T> & Omit<ComponentPropsWithRef<T>, keyof HDSBodyProps<T>>) => import("react").FunctionComponentElement<TextImplProps<ElementType> & Omit<any, keyof TextImplProps<T_1>>>;
+    Code: <T extends ElementType>({ size, weight, ...rest }: CodeProps<T> & Omit<ComponentPropsWithRef<T>, keyof CodeProps<T>>) => import("react").FunctionComponentElement<TextImplProps<ElementType> & Omit<any, keyof TextImplProps<T_1>>>;
 };
 export { Text, TEXT_COLORS, TEXT_WEIGHTS };

package/{dist/components → components}/visualizations/bar-chart/horizontal-chart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Dataset {
     label: string;
     values: Array<{

package/{dist/components → components}/visualizations/bar-chart/index.d.ts

@@ -1,4 +1,4 @@
-import { default as HorizontalBarChart, HorizontalBarChartProps } from './horizontal-chart';
+import HorizontalBarChart, { type HorizontalBarChartProps } from './horizontal-chart';
 interface HorizontalBarChart extends HorizontalBarChartProps {
     name: string;
     caption: string;

package/components/visualizations/donut-chart/components/arc-tooltip/index.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { DefaultRawDatum, PieTooltipProps } from '@nivo/pie';
+export declare const renderArcTooltip: FC<PieTooltipProps<DefaultRawDatum>>;

package/components/visualizations/donut-chart/components/external-arc-label/index.d.ts

@@ -0,0 +1,3 @@
+import type { ComputedDatum, DefaultRawDatum } from '@nivo/pie';
+import type { ArcLinkLabelComponent } from '@nivo/arcs';
+export declare const useRenderArcLinkLabelComponent: typeof ArcLinkLabelComponent<ComputedDatum<DefaultRawDatum>>;

package/components/visualizations/donut-chart/components/internal-arc-label/index.d.ts

@@ -0,0 +1,3 @@
+import type { ComputedDatum, DefaultRawDatum } from '@nivo/pie';
+import type { ArcLabelComponent } from '@nivo/arcs';
+export declare const useRenderArcLabelComponent: typeof ArcLabelComponent<ComputedDatum<DefaultRawDatum>>;

package/{dist/components → components}/visualizations/donut-chart/index.d.ts

@@ -1,4 +1,4 @@
-import { DonutChartData, DonutChartProps } from './types';
+import type { DonutChartData, DonutChartProps } from './types';
 export declare const DonutChart: {
     ({ data }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;