@ahrowe/ui 0.34.0 → 0.36.0

package/dist/types/common/accordion/accordion.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { AccordionProps } from './accordion.types';
+import { AccordionProps } from './accordion.types.js';
 declare function Accordion(props: AccordionProps): ReactElement;
 export default Accordion;

package/dist/types/common/accordion/accordion.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export declare enum AccordionStyleType {
     Default = "default",
     Primary = "primary",

package/dist/types/common/accordion/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './accordion';
-export * from './accordion.types';
+export { default } from './accordion.js';
+export * from './accordion.types.js';

package/dist/types/common/actionButtons/actionButtons.d.ts

@@ -1,2 +1,2 @@
-import { ActionButtonsProps } from './actionButtons.types';
+import { ActionButtonsProps } from './actionButtons.types.js';
 export default function ActionButtons(props: ActionButtonsProps): import("react").JSX.Element;

package/dist/types/common/actionButtons/actionButtons.types.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactElement } from 'react';
-import { ButtonStyleType } from '../button';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { IconContent } from '../types/icon.types';
+import { ButtonStyleType } from '../button/index.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { IconContent } from '../types/icon.types.js';
 export type ActionButtonsSlots = 'root' | 'submitButton' | 'cancelButton';
 /** Text ActionButtons renders of its own, for translating it. */
 export interface ActionButtonsLabels {

package/dist/types/common/actionButtons/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ActionButtons } from './actionButtons';
-export * from './actionButtons.types';
+export { default as ActionButtons } from './actionButtons.js';
+export * from './actionButtons.types.js';

package/dist/types/common/actionIcon/actionIcon.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ActionIconProps } from './actionIcon.types';
+import { ActionIconProps } from './actionIcon.types.js';
 declare function ActionIcon({ icon, className, style, title, onClick, classNames, styles: slotStyles, ...rest }: ActionIconProps): ReactElement;
 export default ActionIcon;

package/dist/types/common/actionIcon/actionIcon.types.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
-import { IconContent } from '../types/icon.types';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { default as React, CSSProperties } from 'react';
+import { IconContent } from '../types/icon.types.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type ActionIconSlots = 'root' | 'icon';
 export interface ActionIconProps extends HtmlProps {
     icon: IconContent;
@@ -8,6 +8,8 @@ export interface ActionIconProps extends HtmlProps {
     style?: CSSProperties;
     title?: string;
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /** Ref to the root element. */
+    ref?: React.Ref<HTMLDivElement>;
     classNames?: SlotClassNames<ActionIconSlots>;
     styles?: SlotStyles<ActionIconSlots>;
 }

package/dist/types/common/actionIcon/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './actionIcon';
-export * from './actionIcon.types';
+export { default } from './actionIcon.js';
+export * from './actionIcon.types.js';

package/dist/types/common/alert/alert.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { AlertProps } from './alert.types';
+import { AlertProps } from './alert.types.js';
 declare function Alert(props: AlertProps): ReactElement;
 export default Alert;

package/dist/types/common/alert/alert.types.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { IconContent } from '../types/icon.types';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { IconContent } from '../types/icon.types.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export declare enum AlertStyleType {
     Default = "default",
     Info = "info",

package/dist/types/common/alert/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './alert';
-export * from './alert.types';
+export { default } from './alert.js';
+export * from './alert.types.js';

package/dist/types/common/animatedIcon/animatedIcon.d.ts

@@ -1,3 +1,3 @@
-import { AnimatedIconProps } from './animatedIcon.types';
+import { AnimatedIconProps } from './animatedIcon.types.js';
 declare function AnimatedIcon({ icon, duration, spin, className, style, onClick, onMouseEnter, onMouseLeave, classNames, styles: slotStyles, ...rest }: AnimatedIconProps): import("react").JSX.Element;
 export default AnimatedIcon;

package/dist/types/common/animatedIcon/animatedIcon.types.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, MouseEvent } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type AnimatedIconSlots = 'root' | 'icon';
 export interface AnimatedIconProps extends HtmlProps {
     /** The icon to display. Changing this crossfades from whatever icon was showing before. */

package/dist/types/common/animatedIcon/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './animatedIcon';
-export * from './animatedIcon.types';
+export { default } from './animatedIcon.js';
+export * from './animatedIcon.types.js';

package/dist/types/common/animatedLogo/animatedLogo.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { AnimatedLogoProps } from './animatedLogo.types';
+import { AnimatedLogoProps } from './animatedLogo.types.js';
 declare function AnimatedLogo(props: AnimatedLogoProps): ReactElement;
 export default AnimatedLogo;

package/dist/types/common/animatedLogo/animatedLogo.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, SVGAttributes } from 'react';
-import { SlotClassNames, SlotStyles, DataProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, DataProps } from '../types/slots.types.js';
 export type AnimatedLogoSlots = 'path';
 /**
  * The root here is an `<svg>`, not an HTML element, so the native attributes come from

package/dist/types/common/animatedLogo/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './animatedLogo';
-export * from './animatedLogo.types';
+export { default } from './animatedLogo.js';
+export * from './animatedLogo.types.js';

package/dist/types/common/animatedText/animatedText.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { AnimatedTextProps } from './animatedText.types';
+import { AnimatedTextProps } from './animatedText.types.js';
 declare function AnimatedText({ text, variant, unit, staggerDelay, duration, triggerOnView, className, style, classNames, styles: slotStyles, ...rest }: AnimatedTextProps): ReactElement;
 export default AnimatedText;

package/dist/types/common/animatedText/animatedText.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 /** Which animation plays across the text. */
 export declare enum AnimatedTextVariant {
     /** Each unit rises up from below its baseline, staggered left to right. */

package/dist/types/common/animatedText/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './animatedText';
-export * from './animatedText.types';
+export { default } from './animatedText.js';
+export * from './animatedText.types.js';

package/dist/types/common/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { AvatarProps } from './avatar.types';
+import { AvatarProps } from './avatar.types.js';
 declare function Avatar({ src, alt, name, icon, content, status, className, style, classNames, styles: slotStyles, ...rest }: AvatarProps): ReactElement;
 export default Avatar;

package/dist/types/common/avatar/avatar.types.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { IconContent } from '../types/icon.types';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { IconContent } from '../types/icon.types.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type AvatarStatus = 'online' | 'away' | 'busy' | 'offline';
 export type AvatarSlots = 'image' | 'fallback' | 'status';
 export interface AvatarProps extends Omit<HtmlProps, 'content'> {

package/dist/types/common/avatar/avatarGroup.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { AvatarGroupProps } from './avatar.types';
+import { AvatarGroupProps } from './avatar.types.js';
 declare function AvatarGroup({ children, max, className, style, classNames, styles: slotStyles, ...rest }: AvatarGroupProps): ReactElement;
 export default AvatarGroup;

package/dist/types/common/avatar/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './avatar';
-export { default as AvatarGroup } from './avatarGroup';
-export * from './avatar.types';
+export { default } from './avatar.js';
+export { default as AvatarGroup } from './avatarGroup.js';
+export * from './avatar.types.js';

package/dist/types/common/badge/badge.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { BadgeProps } from './badge.types';
+import { BadgeProps } from './badge.types.js';
 declare function Badge(props: BadgeProps): ReactElement;
 export default Badge;

package/dist/types/common/badge/badge.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export declare enum BadgeStyleType {
     Default = "default",
     Primary = "primary",

package/dist/types/common/badge/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './badge';
-export * from './badge.types';
+export { default } from './badge.js';
+export * from './badge.types.js';

package/dist/types/common/bodyEnd/bodyEnd.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { BodyEndProps } from './bodyEnd.types';
+import { BodyEndProps } from './bodyEnd.types.js';
 declare function BodyEnd({ children }: BodyEndProps): ReactElement | null;
 export default BodyEnd;

package/dist/types/common/bodyEnd/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './bodyEnd';
-export * from './bodyEnd.types';
+export { default } from './bodyEnd.js';
+export * from './bodyEnd.types.js';

package/dist/types/common/breadcrumb/breadcrumb.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { BreadcrumbProps } from './breadcrumb.types';
+import { BreadcrumbProps } from './breadcrumb.types.js';
 declare function Breadcrumb(props: BreadcrumbProps): ReactElement;
 export default Breadcrumb;

package/dist/types/common/breadcrumb/breadcrumb.types.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { IconContent } from '../types/icon.types';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { IconContent } from '../types/icon.types.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export interface BreadcrumbItem {
     id?: string;
     label: ReactNode;

package/dist/types/common/breadcrumb/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './breadcrumb';
-export * from './breadcrumb.types';
+export { default } from './breadcrumb.js';
+export * from './breadcrumb.types.js';

package/dist/types/common/button/button.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ButtonStyleType, ButtonSize, ButtonType, ButtonProps } from './button.types';
+import { ButtonStyleType, ButtonSize, ButtonType, ButtonProps } from './button.types.js';
 declare function Button(props: ButtonProps): ReactElement;
 declare namespace Button {
     var StyleType: typeof ButtonStyleType;

package/dist/types/common/button/button.types.d.ts

@@ -1,6 +1,6 @@
 import { default as React, CSSProperties } from 'react';
-import { IconContent } from '../types/icon.types';
-import { SlotClassNames, SlotStyles, DataProps } from '../types/slots.types';
+import { IconContent } from '../types/icon.types.js';
+import { SlotClassNames, SlotStyles, DataProps } from '../types/slots.types.js';
 export declare enum ButtonStyleType {
     Primary = "primary",
     Default = "default",

package/dist/types/common/button/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './button';
-export * from './button.types';
+export { default } from './button.js';
+export * from './button.types.js';

package/dist/types/common/buttonGroup/buttonGroup.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ButtonGroupProps } from './buttonGroup.types';
+import { ButtonGroupProps } from './buttonGroup.types.js';
 declare function ButtonGroup({ children, orientation, className, style, ...rest }: ButtonGroupProps): ReactElement;
 export default ButtonGroup;

package/dist/types/common/buttonGroup/buttonGroup.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { HtmlProps } from '../types/slots.types';
+import { HtmlProps } from '../types/slots.types.js';
 export declare enum ButtonGroupOrientation {
     Horizontal = "horizontal",
     Vertical = "vertical"

package/dist/types/common/buttonGroup/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './buttonGroup';
-export * from './buttonGroup.types';
+export { default } from './buttonGroup.js';
+export * from './buttonGroup.types.js';

package/dist/types/common/card/Card.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { CardProps } from './card.types';
+import { CardProps } from './card.types.js';
 declare function Card(props: CardProps): React.JSX.Element;
 export default Card;

package/dist/types/common/card/CardActions.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { CardActionsProps } from './card.types';
+import { CardActionsProps } from './card.types.js';
 declare function CardActions({ className, actions, children }: CardActionsProps): React.JSX.Element;
 export default CardActions;

package/dist/types/common/card/CardContent.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { CardContentProps } from './card.types';
+import { CardContentProps } from './card.types.js';
 declare function CardContent({ children }: CardContentProps): React.JSX.Element;
 export default CardContent;

package/dist/types/common/card/CardHeader.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { CardHeaderProps } from './card.types';
+import { CardHeaderProps } from './card.types.js';
 declare function CardHeader({ className, title, subTitle, thumbnail, actions, }: CardHeaderProps): React.JSX.Element;
 export default CardHeader;

package/dist/types/common/card/CardMedia.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { CardMediaProps } from './card.types';
+import { CardMediaProps } from './card.types.js';
 declare function CardMedia({ src, alt }: CardMediaProps): React.JSX.Element;
 export default CardMedia;

package/dist/types/common/card/card.types.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { ButtonStyleType } from '../button/button.types';
-import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
-import { IconAction } from '../types/actions.types';
+import { default as React, ReactNode } from 'react';
+import { ButtonStyleType } from '../button/button.types.js';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types.js';
+import { IconAction } from '../types/actions.types.js';
 export declare enum CardStyleType {
     Elevated = "elevated",
     Outlined = "outlined",
@@ -18,6 +18,8 @@ export interface CardProps extends Omit<HtmlProps, 'tabIndex'> {
     style?: React.CSSProperties;
     autoGap?: boolean;
     clip?: boolean;
+    /** Ref to the root element. */
+    ref?: React.Ref<HTMLDivElement>;
     /** Classes for the inner elements. See `CardSlots`. */
     classNames?: SlotClassNames<CardSlots>;
     /** Inline styles for the inner elements. See `CardSlots`. */

package/dist/types/common/card/index.d.ts

@@ -1,6 +1,6 @@
-export { default } from './Card';
-export { default as CardHeader } from './CardHeader';
-export { default as CardMedia } from './CardMedia';
-export { default as CardContent } from './CardContent';
-export { default as CardActions } from './CardActions';
-export * from './card.types';
+export { default } from './Card.js';
+export { default as CardHeader } from './CardHeader.js';
+export { default as CardMedia } from './CardMedia.js';
+export { default as CardContent } from './CardContent.js';
+export { default as CardActions } from './CardActions.js';
+export * from './card.types.js';

package/dist/types/common/carousel/carousel.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { CarouselProps } from './carousel.types';
+import { CarouselProps } from './carousel.types.js';
 declare function Carousel(props: CarouselProps): React.JSX.Element;
 export default Carousel;

package/dist/types/common/carousel/carousel.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type CarouselSlots = 'root' | 'track' | 'slide' | 'prevButton' | 'nextButton' | 'dots' | 'dot';
 /** Text Carousel renders of its own, for translating it. */
 export interface CarouselLabels {

package/dist/types/common/carousel/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './carousel';
-export * from './carousel.types';
+export { default } from './carousel.js';
+export * from './carousel.types.js';

package/dist/types/common/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { CheckboxProps } from './checkbox.types';
+import { CheckboxProps } from './checkbox.types.js';
 declare function Checkbox(props: CheckboxProps): ReactElement;
 export default Checkbox;

package/dist/types/common/checkbox/checkbox.types.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties, ReactNode } from 'react';
-import { FormValidator } from '../../services/formValidation';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { FormValidator } from '../../services/formValidation/index.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type CheckboxSlots = 'icon' | 'checkmark' | 'label';
 export interface CheckboxProps extends Omit<HtmlProps, 'onToggle'> {
     label?: string;
@@ -20,6 +20,8 @@ export interface CheckboxProps extends Omit<HtmlProps, 'onToggle'> {
     children?: ReactNode;
     background?: string | null;
     isLoading?: boolean;
+    /** Ref to the root element. */
+    ref?: Ref<HTMLDivElement>;
     classNames?: SlotClassNames<CheckboxSlots>;
     styles?: SlotStyles<CheckboxSlots>;
 }

package/dist/types/common/checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './checkbox';
-export * from './checkbox.types';
+export { default } from './checkbox.js';
+export * from './checkbox.types.js';

package/dist/types/common/chip/chip.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChipProps } from './chip.types';
+import { ChipProps } from './chip.types.js';
 declare function Chip(props: ChipProps): React.JSX.Element;
 export default Chip;

package/dist/types/common/chip/chip.types.d.ts

@@ -1,4 +1,4 @@
-import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types.js';
 export declare enum ChipStyleType {
     Default = "default",
     Primary = "primary",

package/dist/types/common/chip/chipContainer.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ChipContainerProps } from './chip.types';
+import { ChipContainerProps } from './chip.types.js';
 declare function ChipContainer({ className, children, inline, ...rest }: ChipContainerProps): ReactElement;
 export default ChipContainer;

package/dist/types/common/chip/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './chip';
-export { default as ChipContainer } from './chipContainer';
-export * from './chip.types';
+export { default } from './chip.js';
+export { default as ChipContainer } from './chipContainer.js';
+export * from './chip.types.js';

package/dist/types/common/colorPicker/colorPicker.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ColorPickerProps } from './colorPicker.types';
+import { ColorPickerProps } from './colorPicker.types.js';
 declare function ColorPicker({ className, value, onChange, showInput, showAlpha, inline, labels, style, classNames, styles: slotStyles, ...rest }: ColorPickerProps): ReactElement;
 export default ColorPicker;

package/dist/types/common/colorPicker/colorPicker.types.d.ts

@@ -1,9 +1,13 @@
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type ColorPickerSlots = 'root' | 'swatch' | 'panel' | 'gradient' | 'hueSlider' | 'alphaSlider' | 'hexInput' | 'eyeDropper';
 /** Text ColorPicker renders of its own, for translating it. */
 export interface ColorPickerLabels {
     /** The eyedropper button, read out by screen readers. */
     pickFromScreen?: string;
+    /** The saturation and brightness square, read out by screen readers. */
+    saturationAndBrightness?: string;
+    /** Where the square's cursor currently sits, read out after every move. */
+    saturationAndBrightnessValue?: (saturation: number, brightness: number) => string;
 }
 export interface ColorPickerProps extends Omit<HtmlProps, 'onChange'> {
     className?: string;

package/dist/types/common/colorPicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './colorPicker';
-export * from './colorPicker.types';
+export { default } from './colorPicker.js';
+export * from './colorPicker.types.js';

package/dist/types/common/configProvider/configProvider.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ComponentDefaults, ConfigProviderProps } from './configProvider.types';
-import { Presentation } from '../configProvider/presentation.types';
+import { ComponentDefaults, ConfigProviderProps } from './configProvider.types.js';
+import { Presentation } from '../configProvider/presentation.types.js';
 export declare const ConfigContext: React.Context<ComponentDefaults | null>;
 /**
  * One setting for every component that can present as a bottom sheet, kept separate from