@hashicorp/mds-react 0.9.1 → 0.9.2

package/components/index.js

@@ -1,119 +1,77 @@
-import { Accordion as e } from "./accordion/index.js";
-import { BADGE_COLORS as p, BADGE_SIZES as x, BADGE_TYPES as m, Badge as f } from "./badge/index.js";
-import { BadgeCount as l } from "./badge-count/index.js";
-import { Alert as a, AlertActions as d, AlertButton as T, AlertStandaloneLink as S } from "./alert/index.js";
-import { Breadcrumbs as c } from "./breadcrumbs/index.js";
-import { BUTTON_COLORS as O, BUTTON_ICON_POSITIONS as u, BUTTON_SIZES as B, Button as C } from "./button/index.js";
-import { Card as s } from "./card/index.js";
-import { CodeBlock as N } from "./code-block/index.js";
-import { DisclosurePrimitive as E } from "./disclosure-primitive/index.js";
-import { useDisclosurePrimitive as D } from "./disclosure-primitive/use-disclosure-primitive.js";
-import { Dropdown as R } from "./dropdown/index.js";
-import { FLIGHT_ICON_SIZES as k, FlightIcon as h } from "./flight-icon/index.js";
-import { CheckboxBase as H, CheckboxField as Z, CheckboxGroup as v } from "./form/checkbox/index.js";
-import { Error as M } from "./form/error/index.js";
-import { Field as X } from "./form/field/index.js";
-import { Fieldset as y } from "./form/fieldset/index.js";
-import { FileInputBase as V, FileInputField as W } from "./form/file-input/index.js";
-import { HelperText as j } from "./form/helper-text/index.js";
-import { Indicator as J } from "./form/indicator/index.js";
-import { Label as $ } from "./form/label/index.js";
-import { Legend as ro } from "./form/legend/index.js";
-import { RadioBase as to, RadioField as po, RadioGroup as xo } from "./form/radio/index.js";
-import { RadioCard as fo } from "./form/radio-card/index.js";
-import { SelectField as lo } from "./form/select/index.js";
-import { SuperSelectField as ao } from "./form/super-select/index.js";
-import { TextInput as So, TextInputBase as Io } from "./form/text-input/index.js";
-import { TextAreaField as Ao } from "./form/textarea/index.js";
-import { ToggleBase as uo, ToggleField as Bo, ToggleGroup as Co } from "./form/toggle/index.js";
-import { IconTile as so } from "./icon-tile/index.js";
-import { InlineLink as No } from "./inline-link/index.js";
-import { MDSButton as Eo } from "./legacy-button/index.js";
-import { ModalProvider as Do } from "./modal/index.js";
-import { Separator as Ro } from "./separator/index.js";
-import { STANDALONE_LINK_COLORS as ko, STANDALONE_LINK_ICON_POSITIONS as ho, STANDALONE_LINK_SIZES as Po, StandaloneLink as Ho } from "./standalone-link/index.js";
-import { Table as vo } from "./table/index.js";
-import { getDensity as Mo, getHorizontalAlignment as Uo, getScope as Xo, getVerticalAlignment as wo } from "./table/utils.js";
-import { Tabs as zo } from "./tabs/index.js";
-import { useTabsContext as Wo } from "./tabs/use-tabs-context.js";
-import { TEXT_COLORS as jo, TEXT_WEIGHTS as qo, Text as Jo } from "./text/index.js";
-import { BarChart as $o } from "./visualizations/bar-chart/index.js";
-import { DonutChart as rr } from "./visualizations/donut-chart/index.js";
-import { AccordionContent as tr, AccordionItem as pr, AccordionToggle as xr } from "./accordion/item/index.js";
-import { RadioCardGroup as fr } from "./form/radio-card/group.js";
-import { useModal as lr } from "./modal/use-modal.js";
+import { A as e, a as o, b as t, c as i, d as r, e as l, f as n, g as d, B as T, _ as S, h as I, l as c, j as A, k as O, C as u, D as B, $ as C, i as g, E as _, F as N, m as L, o as p, n as E, H as F, J as D, I as x, K as b, L as m, p as G, M as R, N as k, q as h, s as P, t as H, r as Z, R as f, S as v, P as K, v as M, Q as U, Y as X, x as j, T as w, w as y, z, y as V, G as W, U as Y, V as q, W as J, X as Q, u as $, O as aa, Z as sa } from "../index-C4GBbW3N.js";
+import { B as oa, a as ta, b as ia, e as ra, f as la, g as na, c as da, d as Ta, C as Sa, F as Ia, h as ca, i as Aa, j as Oa, k as ua, S as Ba, l as Ca, m as ga, T as _a } from "../index-WkGIywHj.js";
 export {
   e as Accordion,
-  tr as AccordionContent,
-  pr as AccordionItem,
-  xr as AccordionToggle,
-  a as Alert,
-  d as AlertActions,
-  T as AlertButton,
-  S as AlertStandaloneLink,
-  p as BADGE_COLORS,
-  x as BADGE_SIZES,
-  m as BADGE_TYPES,
-  O as BUTTON_COLORS,
-  u as BUTTON_ICON_POSITIONS,
-  B as BUTTON_SIZES,
-  f as Badge,
-  l as BadgeCount,
-  $o as BarChart,
-  c as Breadcrumbs,
-  C as Button,
-  s as Card,
-  H as CheckboxBase,
-  Z as CheckboxField,
-  v as CheckboxGroup,
-  N as CodeBlock,
-  E as DisclosurePrimitive,
-  rr as DonutChart,
-  R as Dropdown,
-  M as Error,
-  k as FLIGHT_ICON_SIZES,
-  X as Field,
-  y as Fieldset,
-  V as FileInputBase,
-  W as FileInputField,
-  h as FlightIcon,
-  j as HelperText,
-  so as IconTile,
-  J as Indicator,
-  No as InlineLink,
-  $ as Label,
-  ro as Legend,
-  Eo as MDSButton,
-  Do as ModalProvider,
-  to as RadioBase,
-  fo as RadioCard,
-  fr as RadioCardGroup,
-  po as RadioField,
-  xo as RadioGroup,
-  ko as STANDALONE_LINK_COLORS,
-  ho as STANDALONE_LINK_ICON_POSITIONS,
-  Po as STANDALONE_LINK_SIZES,
-  lo as SelectField,
-  Ro as Separator,
-  Ho as StandaloneLink,
-  ao as SuperSelectField,
-  jo as TEXT_COLORS,
-  qo as TEXT_WEIGHTS,
-  vo as Table,
-  zo as Tabs,
-  Jo as Text,
-  Ao as TextAreaField,
-  So as TextInput,
-  Io as TextInputBase,
-  uo as ToggleBase,
-  Bo as ToggleField,
-  Co as ToggleGroup,
-  Mo as getDensity,
-  Uo as getHorizontalAlignment,
-  Xo as getScope,
-  wo as getVerticalAlignment,
-  D as useDisclosurePrimitive,
-  lr as useModal,
-  Wo as useTabsContext
+  o as AccordionContent,
+  t as AccordionItem,
+  i as AccordionToggle,
+  r as Alert,
+  l as AlertActions,
+  n as AlertButton,
+  d as AlertStandaloneLink,
+  oa as BADGE_COLORS,
+  ta as BADGE_SIZES,
+  ia as BADGE_TYPES,
+  ra as BUTTON_COLORS,
+  la as BUTTON_ICON_POSITIONS,
+  na as BUTTON_SIZES,
+  da as Badge,
+  T as BadgeCount,
+  S as BarChart,
+  I as Breadcrumbs,
+  Ta as Button,
+  Sa as Card,
+  c as CheckboxBase,
+  A as CheckboxField,
+  O as CheckboxGroup,
+  u as CodeBlock,
+  B as DisclosurePrimitive,
+  C as DonutChart,
+  g as Dropdown,
+  _ as Error,
+  Ia as FLIGHT_ICON_SIZES,
+  N as Field,
+  L as Fieldset,
+  p as FileInputBase,
+  E as FileInputField,
+  ca as FlightIcon,
+  F as HelperText,
+  D as IconTile,
+  x as Indicator,
+  b as InlineLink,
+  m as Label,
+  G as Legend,
+  R as MDSButton,
+  k as ModalProvider,
+  h as RadioBase,
+  P as RadioCard,
+  H as RadioCardGroup,
+  Z as RadioField,
+  f as RadioGroup,
+  Aa as STANDALONE_LINK_COLORS,
+  Oa as STANDALONE_LINK_ICON_POSITIONS,
+  ua as STANDALONE_LINK_SIZES,
+  v as SelectField,
+  K as Separator,
+  Ba as StandaloneLink,
+  M as SuperSelectField,
+  Ca as TEXT_COLORS,
+  ga as TEXT_WEIGHTS,
+  U as Table,
+  X as Tabs,
+  _a as Text,
+  j as TextAreaField,
+  w as TextInput,
+  y as TextInputBase,
+  z as ToggleBase,
+  V as ToggleField,
+  W as ToggleGroup,
+  Y as getDensity,
+  q as getHorizontalAlignment,
+  J as getScope,
+  Q as getVerticalAlignment,
+  $ as useDisclosurePrimitive,
+  aa as useModal,
+  sa as useTabsContext
 };
 //# sourceMappingURL=index.js.map

package/components/index.js.map

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

package/components/inline-link/index.d.ts

@@ -1,4 +1,4 @@
-import { FlightIconName } from '../flight-icon';
+import type { FlightIconName } from '../flight-icon';
 interface InlineLinkProps {
     /**
      * There are two available colors for an `<InlineLink />`: primary and secondary.

package/components/interactive/index.d.ts

@@ -1,4 +1,5 @@
-import { ForwardRefExoticComponent, ButtonHTMLAttributes, MouseEventHandler } from 'react';
+import { type ForwardRefExoticComponent } from 'react';
+import type { ButtonHTMLAttributes, MouseEventHandler } from 'react';
 interface InteractiveProps extends React.HTMLAttributes<HTMLElement> {
     isHrefExternal?: boolean;
     href?: string;
@@ -7,7 +8,7 @@ interface InteractiveProps extends React.HTMLAttributes<HTMLElement> {
     prefetch?: boolean;
     locale?: string;
 }
-declare const Interactive: ForwardRefExoticComponent<InteractiveProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const Interactive: ForwardRefExoticComponent<InteractiveProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 /**
  * Smaller, local version of our getLocalizedLinkProps util,
  * cloned here to work around a cyclic dependency issue
@@ -20,7 +21,7 @@ declare const Interactive: ForwardRefExoticComponent<InteractiveProps & import('
 export declare const getLocalizedLinkProps: (href: string, locale?: string, isHrefExternal?: boolean) => {
     href: string;
     hrefLang: string | undefined;
-    isHrefExternal?: boolean | undefined;
+    isHrefExternal?: boolean;
 };
 export type { InteractiveProps };
 export { Interactive };

package/components/legacy-button/index.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent } from 'react';
-import { ButtonProps } from './types';
+import { type ForwardRefExoticComponent } from 'react';
+import type { ButtonProps } from './types';
 /** @deprecated Use <Button> from '@hashicorp/mds-react/button' instead. Will be removed in v1.0. */
-declare const MDSButton: ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const MDSButton: ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export { MDSButton };

package/components/legacy-button/types.d.ts

@@ -1,4 +1,4 @@
-import { COLORS } from './utils';
+import type { COLORS } from './utils';
 type HashiCorpProduct = 'hashicorp' | 'boundary' | 'consul' | 'nomad' | 'packer' | 'terraform' | 'vault' | 'vagrant' | 'waypoint';
 export type Size = 'medium' | 'small';
 export type ThemeBackground = 'light' | 'dark' | 'brand';

package/components/legacy-button/utils.d.ts

@@ -1,4 +1,4 @@
-import { ButtonColor, Theme } from './types';
+import type { ButtonColor, Theme } from './types';
 export declare const COLORS: readonly ["primary", "primary-black", "primary-white", "secondary", "secondary-high-contrast", "secondary-white", "secondary-black", "tertiary", "critical", "boundary", "consul", "nomad", "packer", "terraform", "vagrant", "vault", "waypoint", "hashicorp"];
 export declare function determineColor(theme?: Theme): ButtonColor;
 export declare const LINK_TYPE_ICON_MAP: {

package/components/menu-primitive/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, HTMLAttributes } from 'react';
+import { type ReactNode, type HTMLAttributes } from 'react';
 interface MenuPrimitiveProps extends HTMLAttributes<HTMLDivElement> {
     onClose?: () => void;
     isFullWidth?: boolean;

package/components/menu-primitive/use-menu-primitive.d.ts

@@ -1,9 +1,9 @@
-import { MouseEventHandler, RefObject } from 'react';
+import { type MouseEventHandler, type RefObject } from 'react';
 export interface MenuPrimitiveContextState {
     isOpen: boolean;
     onClickToggle: MouseEventHandler<HTMLButtonElement>;
     toggleRef: RefObject<HTMLDivElement>;
     closeMenu: () => void;
 }
-export declare const MenuPrimitiveContext: import('react').Context<MenuPrimitiveContextState | undefined>;
+export declare const MenuPrimitiveContext: import("react").Context<MenuPrimitiveContextState | undefined>;
 export declare function useMenuPrimitive(): MenuPrimitiveContextState;

package/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/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/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/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/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/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/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/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/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/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/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/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/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/components/visualizations/bar-chart/horizontal-chart/index.d.ts

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

package/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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { DefaultRawDatum, PieTooltipProps } from '@nivo/pie';
+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

@@ -1,3 +1,3 @@
-import { ComputedDatum, DefaultRawDatum } from '@nivo/pie';
-import { ArcLinkLabelComponent } from '@nivo/arcs';
+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

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

package/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;