@ama-pt/agora-design-system 4.0.1 → 4.0.2

package/artifacts/dist/types/components/accordion/accordion.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
-import { BooleanProp, HeadingLevel } from '../../models';
+import { BooleanProp, HeadingLevel } from '../../models/index.js';
 import './accordion.css';
 export interface AccordionElement extends HTMLDivElement {
     /**
@@ -31,55 +31,61 @@ export interface AccordionElement extends HTMLDivElement {
      */
     isExpanded: boolean;
 }
-export interface AccordionProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+export interface AccordionProps extends Omit<ComponentProps<'div'>, 'aria-label' | 'onChange'> {
     /**
      * The flag to set Dark mode.
      */
-    darkMode?: BooleanProp;
+    'darkMode'?: BooleanProp;
     /**
-     * Accordion header title.
+     * Accordion heading level. Use `'none'` when the accordion header must not be wrapped in a heading
+     * element.
      */
-    headingTitle?: ReactNode;
-    /**
-     * Accordion heading level title.
-     */
-    headingLevel?: HeadingLevel;
+    'headingLevel'?: HeadingLevel | 'none';
     /**
      * Accordion content.
      */
-    children?: ReactNode;
+    'children'?: ReactNode;
     /**
      * Defines if an icon is shown previously of title.
      */
-    hasIcon?: BooleanProp;
+    'hasIcon'?: BooleanProp;
     /**
      * Defines the name of the leading icon to use.
      */
-    leadingIcon?: string;
+    'leadingIcon'?: string;
     /**
      * Defines the name of the leading icon to be displayed on mouse hover. If none specified, it will the appropriate variant of the icon.
      */
-    leadingIconHover?: string;
+    'leadingIconHover'?: string;
     /**
      * Event function called whenever the accordion expands.
      */
-    onExpanded?: (evt: SyntheticEvent<AccordionElement | undefined>) => void | undefined;
+    'onExpanded'?: (evt: SyntheticEvent<AccordionElement | undefined>) => void | undefined;
     /**
      * Event function called whenever the accordion collapses.
      */
-    onCollapsed?: (evt: SyntheticEvent<AccordionElement | undefined>) => void | undefined;
+    'onCollapsed'?: (evt: SyntheticEvent<AccordionElement | undefined>) => void | undefined;
     /**
      * Event function called whenever the accordion expands or collapses.
      */
-    onChange?: (evt: SyntheticEvent<AccordionElement | undefined>) => void | undefined;
+    'onChange'?: (evt: SyntheticEvent<AccordionElement | undefined>) => void | undefined;
     /**
      * Initial value for the expanded value.
+     * @deprecated Use `expanded` instead.
      */
-    defaultExpanded?: BooleanProp;
+    'defaultExpanded'?: BooleanProp;
     /**
      * Value for the expanded value.
      */
-    expanded?: BooleanProp;
+    'expanded'?: BooleanProp;
+    /**
+     * Visible plain-text accordion header title.
+     */
+    'headingTitle'?: ReactNode;
+    /**
+     * Accessible name for the accordion header button. When set, it overrides the visible title as the accessible name.
+     */
+    'aria-label'?: string;
 }
 declare const Accordion: FC<AccordionProps>;
 export { Accordion };

package/artifacts/dist/types/components/accordion-group/accordion-group.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactElement } from 'react';
-import { BooleanProp } from '../../models';
-import { AccordionProps } from '../../components/accordion';
+import { BooleanProp } from '../../models/index.js';
+import { AccordionProps } from '../accordion/index.js';
 import './accordion-group.css';
 export interface AccordionGroupProps extends ComponentProps<'ul'> {
     /**

package/artifacts/dist/types/components/anchor/anchor.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import { ComponentProps, FC, ReactNode } from 'react';
 import './anchor.css';
 /**

package/artifacts/dist/types/components/avatar/avatar.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { IconName } from '../../components/icon';
-import { TooltipAlignment, TooltipPosition } from '../../components/tooltip';
-import { BooleanProp } from '../../models';
+import { IconName } from '../icon/index.js';
+import { TooltipAlignment, TooltipPosition } from '../tooltip/index.js';
+import { BooleanProp } from '../../models/index.js';
 import './avatar.css';
 /**
  *  The available avatar types. Each of them define the appearance of the avatar image.
@@ -53,6 +53,12 @@ export interface AvatarProps extends ComponentProps<'div'> {
      *  Defines the avatar badge position.
      */
     badgePosition?: AvatarBadgePosition;
+    /**
+     *  Defines an alternative text describing the badge state. Required for the badge to be
+     *  identified programmatically by assistive technology. When not provided, the badge is hidden from assistive
+     *  technology as it conveys no accessible information.
+     */
+    badgeAlt?: string;
     /**
      *  Defines the position of the avatar tooltip.
      */

package/artifacts/dist/types/components/avatar/non-interactive-avatar.d.ts

@@ -2,7 +2,8 @@ import { ComponentProps, FC, ReactNode } from 'react';
 export interface NonInteractiveAvatarProps extends ComponentProps<'div'> {
     alt?: string;
     className?: string;
-    children?: ReactNode;
+    avatar?: ReactNode;
+    badge?: ReactNode;
 }
 declare const NonInteractiveAvatar: FC<NonInteractiveAvatarProps>;
 export { NonInteractiveAvatar };

package/artifacts/dist/types/components/avatar-group/avatar-group.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
 import { AvatarProps } from '../avatar';
 import './avatar-group.css';

package/artifacts/dist/types/components/avatar-group/visible-count-avatar-group.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
-import { AvatarProps } from '../../components/avatar';
+import { AvatarProps } from '../avatar/index.js';
 export interface VisibleCountAvatarGroupProps extends ComponentPropsWithoutRef<'div'> {
     children: ReactElement<AvatarProps> | Array<ReactElement<AvatarProps>>;
     visibleCount: number;

package/artifacts/dist/types/components/back-to-top/back-to-top.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { TooltipAlignment, TooltipPosition, TooltipVariant } from '../../components/tooltip';
-import { BooleanProp } from '../../models';
+import { TooltipAlignment, TooltipPosition, TooltipVariant } from '../tooltip/index.js';
+import { BooleanProp } from '../../models/index.js';
 export interface BackToTopProps extends ComponentProps<'button'> {
     /**
      * The variant of the Tooltip.

package/artifacts/dist/types/components/breadcrumb/breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import { FC, HTMLProps, ReactNode } from 'react';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 export interface BreadcrumbLink {
     /**
      * The Breadcrumb page link url.

package/artifacts/dist/types/components/breadcrumb/desktop/breadcrumb-desktop.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { BreadcrumbProps } from '../../../components/breadcrumb';
+import { BreadcrumbProps } from '../index.js';
 import './breadcrumb-desktop.css';
 export declare const BreadcrumbDesktop: FC<BreadcrumbProps>;

package/artifacts/dist/types/components/breadcrumb/mobile/breadcrumb-mobile.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { BreadcrumbProps } from '../../../components/breadcrumb';
+import { BreadcrumbProps } from '../index.js';
 import './breadcrumb-mobile.css';
 export declare const BreadcrumbMobile: FC<BreadcrumbProps>;

package/artifacts/dist/types/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import { ComponentProps, FC, ReactNode } from 'react';
 import './button.css';
 /**

package/artifacts/dist/types/components/button-group/button-group.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps, ButtonVariant } from '../../components/button';
-import { BooleanProp } from '../../models';
+import { ButtonProps, ButtonVariant } from '../button/index.js';
+import { BooleanProp } from '../../models/index.js';
 import { FC, HtmlHTMLAttributes, ReactElement } from 'react';
 import './button-group.css';
 export type ButtonGroupOrientation = 'horizontal' | 'vertical';

package/artifacts/dist/types/components/cards/card-action/card-action.d.ts

@@ -1,8 +1,8 @@
 import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
-import { ButtonProps } from '../../../components/button';
-import { IconProps } from '../../../components/icon';
+import { ButtonProps } from '../../button/index.js';
+import { IconProps } from '../../icon/index.js';
 import './card-action.css';
-import { BooleanProp } from '../../../models';
+import { BooleanProp } from '../../../models/index.js';
 export type CardActionVariants = 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'white-line' | 'primary-900-line';
 export type CardActionAlignment = 'left' | 'center' | 'right';
 export interface CardActionProps extends ComponentProps<'div'> {

package/artifacts/dist/types/components/cards/card-error/card-error.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { BooleanProp } from '../../../models';
+import { BooleanProp } from '../../../models/index.js';
 import './card-error.css';
 export interface CardErrorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/cards/card-expandable/card-accordion/card-accordion.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
-import { BooleanProp } from '../../../../models';
+import { BooleanProp } from '../../../../models/index.js';
 import './card-accordion.css';
 /**
  * The available variants of the accordion. Those variants will define the style of the accordion.

package/artifacts/dist/types/components/cards/card-expandable/card-expandable-style.d.ts

@@ -1,5 +1,5 @@
 import { CardExpandableVariant } from './card-expandable';
-import { ButtonVariant } from '../../../index';
+import { ButtonVariant } from '../../../index.js';
 type CardExpandableButtonVariantsBody = {
     buttonVariant?: ButtonVariant;
     buttonDarkMode?: boolean;

package/artifacts/dist/types/components/cards/card-expandable/card-expandable.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp, HeadingLevel } from '../../../models';
+import { BooleanProp, HeadingLevel } from '../../../models/index.js';
 import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
 import { CardAccordionElement } from './card-accordion';
 import './card-expandable.css';

package/artifacts/dist/types/components/cards/card-frame/card-frame.d.ts

@@ -1,5 +1,5 @@
-import { AnchorProps } from '../../../components/anchor';
-import { BooleanProp, HeadingLevel } from '../../../models';
+import { AnchorProps } from '../../anchor/index.js';
+import { BooleanProp, HeadingLevel } from '../../../models/index.js';
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import './card-frame.css';
 export type CardFrameLinkPosition = 'bottom' | 'right';

package/artifacts/dist/types/components/cards/card-full-image/card-full-image.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ImgHTMLAttributes, ReactElement } from 'react';
-import { CardHeroHelperProps } from '../../../components/cards/card-hero-helper';
-import { CardHeroIndexProps } from '../../../components/cards/card-hero-index';
-import { CardHeroSitemapProps } from '../../../components/cards/card-hero-sitemap';
+import { CardHeroHelperProps } from '../card-hero-helper/index.js';
+import { CardHeroIndexProps } from '../card-hero-index/index.js';
+import { CardHeroSitemapProps } from '../card-hero-sitemap/index.js';
 import './card-full-image.css';
 export interface CardFullImageProps extends ComponentPropsWithoutRef<'div'> {
     /**

package/artifacts/dist/types/components/cards/card-general/card-general.d.ts

@@ -1,6 +1,6 @@
-import { AnchorProps } from '../../../components/anchor/anchor';
-import { PillProps } from '../../../components/pill/pill';
-import { IconSetState } from '../../../components/shared/icon-set/icon-set';
+import { AnchorProps } from '../../anchor/anchor.js';
+import { PillProps } from '../../pill/pill.js';
+import { IconSetState } from '../../shared/icon-set/icon-set.js';
 import React, { FC, ImgHTMLAttributes, ReactNode } from 'react';
 import './card-general.css';
 /**

package/artifacts/dist/types/components/cards/card-general/variants.d.ts

@@ -1,6 +1,6 @@
-import { PillAppearance } from '../../../components/pill';
+import { PillAppearance } from '../../pill/index.js';
 import { CardGeneralVariants } from './card-general';
-import { AnchorVariant } from '../../../components/anchor';
+import { AnchorVariant } from '../../anchor/index.js';
 /**
  * @deprecated Use Card v2 Instead.
  */

package/artifacts/dist/types/components/cards/card-general-v2/index.d.ts

@@ -29,3 +29,5 @@ export { CardTopics } from './shared/card-topics/card-topics';
 export type { CardTopicsProps } from './shared/card-topics/card-topics';
 export { CardAnchor } from './shared/card-anchor/card-anchor';
 export type { CardAnchorProps } from './shared/card-anchor/card-anchor';
+export { CardIcon } from './shared/card-icon/card-icon';
+export type { CardIconProps } from './shared/card-icon/card-icon';

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-anchor/card-anchor.d.ts

@@ -1,6 +1,6 @@
 import './card-anchor.css';
 import { FC } from 'react';
-import { AnchorProps } from '../../../../../components/anchor';
+import { AnchorProps } from '../../../../anchor/index.js';
 export interface CardAnchorProps extends AnchorProps {
 }
 export declare const CardAnchor: FC<CardAnchorProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-description/card-description.d.ts

@@ -1,6 +1,6 @@
 import './card-description.css';
 import { FC, HTMLAttributes, ReactNode } from 'react';
-export interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+export interface CardDescriptionProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
 export declare const CardDescription: FC<CardDescriptionProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-pills/card-pills.d.ts

@@ -1,6 +1,6 @@
 import './card-pills.css';
 import { FC, HTMLAttributes, ReactElement, ReactNode } from 'react';
-import { Pill, PillProps } from '../../../../../components/pill';
+import { Pill, PillProps } from '../../../../pill/index.js';
 export interface CardPillsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /**
      * Pill props array. Takes priority over `children` when both are provided.

package/artifacts/dist/types/components/cards/card-general-v2/variants.d.ts

@@ -1,5 +1,5 @@
-import { PillAppearance, PillVariant } from '../../../components/pill';
-import { AnchorVariant } from '../../../components/anchor';
+import { PillAppearance, PillVariant } from '../../pill/index.js';
+import { AnchorVariant } from '../../anchor/index.js';
 import { CardGeneralVariants, CardStatusVariant } from './helpers';
 type PillVariantConfig = {
     appearance: PillAppearance;

package/artifacts/dist/types/components/cards/card-hero-helper/card-hero-helper.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { HeadingLevel } from '../../../models';
-import { AnchorProps } from '../../../components/anchor';
+import { HeadingLevel } from '../../../models/index.js';
+import { AnchorProps } from '../../anchor/index.js';
 import './card-hero-helper.css';
 export interface HelpTopic {
     description: ReactNode;

package/artifacts/dist/types/components/cards/card-hero-index/card-hero-index.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { AnchorProps } from '../../../components/anchor';
-import { HeadingLevel } from '../../../models';
+import { AnchorProps } from '../../anchor/index.js';
+import { HeadingLevel } from '../../../models/index.js';
 import './card-hero-index.css';
 export interface CardHeroIndexProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/cards/card-hero-sitemap/card-hero-sitemap.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { AnchorProps } from '../../../components/anchor';
-import { HeadingLevel } from '../../../models';
+import { AnchorProps } from '../../anchor/index.js';
+import { HeadingLevel } from '../../../models/index.js';
 import './card-hero-sitemap.css';
 export interface CardHeroSitemapProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/cards/card-highlight/card-highlight.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
-import { AnchorProps } from '../../../components/anchor';
-import { HeadingLevel } from '../../../models';
+import { AnchorProps } from '../../anchor/index.js';
+import { HeadingLevel } from '../../../models/index.js';
 import './card-highlight.css';
 export type HighlightAreaPositionType = 'interior' | 'exterior';
 export type HighlightCardPositionType = 'bottom' | 'middle';

package/artifacts/dist/types/components/cards/card-highlight/shared/inner-highlight-card.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { AnchorProps } from '../../../../components/anchor';
-import { HeadingLevel } from '../../../../models';
+import { AnchorProps } from '../../../anchor/index.js';
+import { HeadingLevel } from '../../../../models/index.js';
 import './inner-highlight-card.css';
 export interface InnerHighlightCardProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/cards/card-highlight-newsletter/card-highlight-newsletter.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ImgHTMLAttributes, ReactElement, ReactNode } from 'react';
-import { InputEmailBarProps } from '../../../components/input-email-bar/input-email-bar';
+import { InputEmailBarProps } from '../../input-email-bar/input-email-bar.js';
 import './card-highlight-newsletter.css';
 export interface CardHighlightNewsletterProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/cards/card-illustrative/card-illustrative-variants.d.ts

@@ -1,5 +1,5 @@
 import { CardIllustrativeVariants } from './card-illustrative';
-import { AnchorVariant } from '../../../components/anchor';
+import { AnchorVariant } from '../../anchor/index.js';
 type CardIllustrativeAnchorVariantsBody = {
     anchorVariant?: AnchorVariant;
     anchorDarkMode?: boolean;

package/artifacts/dist/types/components/cards/card-illustrative/card-illustrative.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import './card-illustrative.css';
-import { BooleanProp } from '../../../models';
-import { AnchorProps } from '../../../components/anchor';
+import { BooleanProp } from '../../../models/index.js';
+import { AnchorProps } from '../../anchor/index.js';
 export type CardIllustrativeVariants = 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'image';
 export type CardImageFilterOptions = 'neutral-900' | 'primary-900' | 'secondary-900';
 export interface CardIllustrativeProps extends Omit<ComponentProps<'div'>, 'title'> {

package/artifacts/dist/types/components/cards/card-links/card-links.d.ts

@@ -1,5 +1,5 @@
-import { AnchorProps } from '../../../components/anchor';
-import { BooleanProp, HeadingLevel } from '../../../models';
+import { AnchorProps } from '../../anchor/index.js';
+import { BooleanProp, HeadingLevel } from '../../../models/index.js';
 import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
 import './card-links.css';
 export type CardLinksVariants = 'transparent' | 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900';

package/artifacts/dist/types/components/cards/card-no-results/card-no-results.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp } from '../../../models';
+import { BooleanProp } from '../../../models/index.js';
 import './card-no-results.css';
 export interface CardNoResultsProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/cards/card-notification/card-notification.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import './card-notification.css';
-import { BooleanProp } from '../../../models';
-import { AvatarProps } from '../../../components/avatar';
+import { BooleanProp } from '../../../models/index.js';
+import { AvatarProps } from '../../avatar/index.js';
 export type CardNotificationOrientation = 'horizontal' | 'vertical';
 export type CardNotificationVariant = 'white' | 'primary-100' | 'primary-700' | 'primary-900';
 export interface CardNotificationProps extends Omit<ComponentProps<'div'>, 'title'> {

package/artifacts/dist/types/components/cards/card-section/card-section-helper/card-section-helper.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { HeadingLevel } from '../../../../models';
-import { AnchorProps } from '../../../../components/anchor';
+import { HeadingLevel } from '../../../../models/index.js';
+import { AnchorProps } from '../../../anchor/index.js';
 import './card-section-helper.css';
 import { CardSectionVariants } from '../card-section-types';
 export interface HelpTopic {

package/artifacts/dist/types/components/cards/card-section/card-section-index/card-section-index.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { AnchorProps } from '../../../../components/anchor';
-import { HeadingLevel } from '../../../../models';
+import { AnchorProps } from '../../../anchor/index.js';
+import { HeadingLevel } from '../../../../models/index.js';
 import './card-section-index.css';
 import { CardSectionVariants } from '../card-section-types';
 export interface CardSectionIndexProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {

package/artifacts/dist/types/components/cards/card-section/card-section-sitemap/card-section-sitemap.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { AnchorProps } from '../../../../components/anchor';
-import { HeadingLevel } from '../../../../models';
+import { AnchorProps } from '../../../anchor/index.js';
+import { HeadingLevel } from '../../../../models/index.js';
 import './card-section-sitemap.css';
 import { CardSectionVariants } from '../card-section-types';
 export interface CardSectionSitemapProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {

package/artifacts/dist/types/components/cards/status-card/status-card.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import './status-card.css';
-import { BooleanProp } from '../../../models';
-import { AnchorProps } from '../../../components/anchor/anchor';
+import { BooleanProp } from '../../../models/index.js';
+import { AnchorProps } from '../../anchor/anchor.js';
 export type StatusCardType = 'informative' | 'success' | 'warning' | 'danger' | 'outline-informative' | 'outline-success' | 'outline-warning' | 'outline-danger';
 export interface StatusCardProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import { ComponentProps, FC, ReactNode } from 'react';
 import './checkbox.css';
 export interface CheckboxProps extends ComponentProps<'input'> {

package/artifacts/dist/types/components/checkbox-group/checkbox-group.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, FC, HtmlHTMLAttributes, ReactElement, ReactNode } from 'react';
-import { CheckboxProps } from '../../components/checkbox';
-import { BooleanProp, FeedbackState } from '../../models';
+import { CheckboxProps } from '../checkbox/index.js';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 export interface CheckboxGroupProps extends Omit<HtmlHTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
     /**
      * Group legend.

package/artifacts/dist/types/components/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import './dialog.css';
 export interface DialogElement extends HTMLDivElement {
     /**

package/artifacts/dist/types/components/drawer/drawer.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import './drawer.css';
 export type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
 export interface DrawerElement extends HTMLDivElement {

package/artifacts/dist/types/components/dropdown/dropdown-option.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { BooleanProp, IconPosition } from '../../models';
+import { BooleanProp, IconPosition } from '../../models/index.js';
 export interface DropdownOptionProps {
     /**
      * Additional classnames to set to the option.

package/artifacts/dist/types/components/dropdown/dropdown.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import { ComponentProps, FC, ReactElement, ReactNode } from 'react';
 import { DropdownOptionProps } from './dropdown-option';
 import { DropdownSectionProps } from './dropdown-section';

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-filter-section.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../../models';
+import { BooleanProp } from '../../../models/index.js';
 import { ComponentProps, FC, RefObject } from 'react';
 import './internal-dropdown-filter-section.css';
 export interface InternalDropdownFilterSectionRef extends RefObject<HTMLInputElement> {

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-no-results.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../../models';
+import { BooleanProp } from '../../../models/index.js';
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import './internal-dropdown-no-results.css';
 export interface InternalNoResultsProps extends ComponentPropsWithoutRef<'div'> {

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-option.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp, IconPosition } from '../../../models';
+import { BooleanProp, IconPosition } from '../../../models/index.js';
 import { ComponentProps, FC, ReactNode } from 'react';
 import './internal-dropdown-option.css';
 export interface InternalDropdownOptionProps extends ComponentProps<'li'> {

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-section.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../../models';
+import { BooleanProp } from '../../../models/index.js';
 import { FC, ReactElement } from 'react';
 import { InternalDropdownOptionProps } from './internal-dropdown-option';
 import './internal-dropdown-section.css';

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-select-all-section.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../../models';
+import { BooleanProp } from '../../../models/index.js';
 import { FC } from 'react';
 import './internal-dropdown-select-all-section.css';
 export interface InternalDropdownSelectAllSectionProps {

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown.d.ts

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../../models';
+import { BooleanProp } from '../../../models/index.js';
 import { ComponentProps, FC, ReactNode } from 'react';
 import './internal-dropdown.css';
 export interface InternalDropdownElement extends HTMLDivElement {

package/artifacts/dist/types/components/ecosystem-bar/components/ecosystem-bar-button/ecosystem-bar-button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonProps } from '../../../../components/button';
+import { ButtonProps } from '../../../button/index.js';
 import './ecosystem-bar-button.css';
 export interface EcosystemBarButtonProps extends ButtonProps {
 }

package/artifacts/dist/types/components/feedback/feedback.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { RatingButtonsProps } from '../../components/ratings';
-import { BooleanProp, HeadingLevel } from '../../models';
+import { RatingButtonsProps } from '../ratings/index.js';
+import { BooleanProp, HeadingLevel } from '../../models/index.js';
 import './feedback.css';
 export interface FeedbackProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**