@commercelayer/app-elements 5.6.0 → 6.0.0

package/dist/ui/atoms/Avatar.d.ts

@@ -14,18 +14,18 @@ export interface AvatarProps {
     /**
      * Specify `none` to remove border
      */
-    border?: 'none';
+    border?: "none";
     /**
      * Image shape
      * @default "rounded"
      */
-    shape?: 'rounded' | 'circle';
+    shape?: "rounded" | "circle";
     /**
      * Image size
      * (x-small: 32px, small: 48px, normal: 58px, large: 72px)
      * @default "normal"
      */
-    size?: 'x-small' | 'small' | 'normal' | 'large';
+    size?: "x-small" | "small" | "normal" | "large";
     /**
      * Image class
      */

package/dist/ui/atoms/Avatar.utils.d.ts

@@ -1,21 +1,21 @@
 export declare const presets: {
     gift_card: string;
-    'carriers:generic': string;
-    'carriers:fedex': string;
-    'carriers:ups': string;
-    'carriers:dhl': string;
-    'payments:stripe': string;
-    'payments:braintree': string;
-    'payments:paypal': string;
-    'payments:klarna': string;
-    'payments:checkout': string;
-    'payments:adyen': string;
-    'payments:axerve': string;
-    'payments:satispay': string;
-    'payments:manual': string;
-    'payments:external': string;
-    'tax-calculators:avalara': string;
-    'tax-calculators:taxjar': string;
-    'tax-calculators:manual': string;
-    'tax-calculators:external': string;
+    "carriers:generic": string;
+    "carriers:fedex": string;
+    "carriers:ups": string;
+    "carriers:dhl": string;
+    "payments:stripe": string;
+    "payments:braintree": string;
+    "payments:paypal": string;
+    "payments:klarna": string;
+    "payments:checkout": string;
+    "payments:adyen": string;
+    "payments:axerve": string;
+    "payments:satispay": string;
+    "payments:manual": string;
+    "payments:external": string;
+    "tax-calculators:avalara": string;
+    "tax-calculators:taxjar": string;
+    "tax-calculators:manual": string;
+    "tax-calculators:external": string;
 };

package/dist/ui/atoms/AvatarLetter/colors.d.ts

@@ -1,2 +1,2 @@
 export declare const BG_COLORS: ["#BBBEBE", "#79E4F8", "#FFCC80", "#FFF280", "#83F2C2", "#18D0F3", "#9CB1FF", "#FFEA2E", "#FF8E92", "#1FDA8A", "#FFAB2E", "#FE84BA", "#BDAA00", "#686E6E", "#11784C", "#BC0007", "#942E0C", "#A00148", "#322AD8", "#343535"];
-export declare function getTextColorForBackground(backgroundColor: string): 'black' | 'white';
+export declare function getTextColorForBackground(backgroundColor: string): "black" | "white";

package/dist/ui/atoms/Badge/Badge.d.ts

@@ -1,10 +1,10 @@
-import { IconProps } from '../Icon';
 import { default as React } from 'react';
+import { IconProps } from '../Icon';
 import { variantCss } from './badgeVariants';
-export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     /** Render a different variant. */
     variant: keyof typeof variantCss;
-    icon?: IconProps['name'];
+    icon?: IconProps["name"];
     children: React.ReactNode;
 }
 /** Badges are used to highlight an item's status for quick recognition. */

package/dist/ui/atoms/Badge/badgeVariants.d.ts

@@ -1,3 +1,3 @@
-type BadgeVariant = 'danger-solid' | 'danger' | 'primary-solid' | 'primary' | 'secondary-solid' | 'secondary' | 'success-solid' | 'success' | 'teal-solid' | 'teal' | 'warning-solid' | 'warning';
+type BadgeVariant = "danger-solid" | "danger" | "primary-solid" | "primary" | "secondary-solid" | "secondary" | "success-solid" | "success" | "teal-solid" | "teal" | "warning-solid" | "warning";
 export declare const variantCss: Record<BadgeVariant, string>;
 export {};

package/dist/ui/atoms/ButtonFilter.d.ts

@@ -3,7 +3,7 @@ import { StatusIconProps } from './StatusIcon';
 export interface ButtonFilterProps extends React.HTMLAttributes<HTMLDivElement> {
     onClick?: () => void;
     onRemoveRequest?: () => void;
-    icon?: StatusIconProps['name'];
+    icon?: StatusIconProps["name"];
     label: string;
 }
 declare function ButtonFilter({ onClick, onRemoveRequest, label, icon, className, ...rest }: ButtonFilterProps): JSX.Element;

package/dist/ui/atoms/Card.d.ts

@@ -1,4 +1,4 @@
-export type CardProps = React.HTMLAttributes<HTMLElement> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
+export type CardProps = React.HTMLAttributes<HTMLElement> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href"> & {
     /**
      * Footer will render in a dedicated section below the main content.
      */
@@ -6,7 +6,7 @@ export type CardProps = React.HTMLAttributes<HTMLElement> & Pick<React.AnchorHTM
     /**
      * Set a gray background color
      */
-    backgroundColor?: 'light';
+    backgroundColor?: "light";
 } & ({
     /**
      * Possible values are:
@@ -16,18 +16,18 @@ export type CardProps = React.HTMLAttributes<HTMLElement> & Pick<React.AnchorHTM
      *
      * @default 6
      */
-    gap?: '1' | '4' | '6';
+    gap?: "1" | "4" | "6";
     /**
      * Set the overflow behavior. In most of the cases you might want to keep overflow visible,
      * but when you have inner content with hover effects you might want to set overflow to hidden.
      */
-    overflow: 'visible' | 'hidden';
+    overflow: "visible" | "hidden";
 } | {
     /**
      * When card is rendered with no gap, overflow is always intended as hidden and cannot be controlled via props,
      * otherwise inner content will overlap the rounded corners of the card.
      */
-    gap: 'none';
+    gap: "none";
 });
 /** Card is a flexible component used to group and display content in a clear and concise format. */
 export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponent<{
@@ -84,6 +84,8 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
     'data-tooltip-id'?: string | undefined;
     'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
@@ -173,7 +175,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     onBlurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
     onChange?: import('react').FormEventHandler<HTMLElement> | undefined;
     onChangeCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: import('react').FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: import('react').InputEventHandler<HTMLElement> | undefined;
     onBeforeInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
     onInput?: import('react').FormEventHandler<HTMLElement> | undefined;
     onInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
@@ -223,8 +225,6 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     onProgressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onRateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onRateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
-    onResize?: import('react').ReactEventHandler<HTMLElement> | undefined;
-    onResizeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
@@ -305,6 +305,8 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
     onScroll?: import('react').UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import('react').UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
     onWheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;
@@ -389,6 +391,8 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
     'data-tooltip-id'?: string | undefined;
     'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
@@ -478,7 +482,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     onBlurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
     onChange?: import('react').FormEventHandler<HTMLElement> | undefined;
     onChangeCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: import('react').FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: import('react').InputEventHandler<HTMLElement> | undefined;
     onBeforeInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
     onInput?: import('react').FormEventHandler<HTMLElement> | undefined;
     onInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
@@ -528,8 +532,6 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     onProgressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onRateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onRateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
-    onResize?: import('react').ReactEventHandler<HTMLElement> | undefined;
-    onResizeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
@@ -610,6 +612,8 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
     onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
     onScroll?: import('react').UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import('react').UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
     onWheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;

package/dist/ui/atoms/CodeBlock.d.ts

@@ -1,5 +1,5 @@
 import { InputWrapperBaseProps } from '../internals/InputWrapper';
-export type CodeBlockProps = Pick<InputWrapperBaseProps, 'label' | 'hint'> & {
+export type CodeBlockProps = Pick<InputWrapperBaseProps, "label" | "hint"> & {
     /**
      * Show a Copy to clipboard button.
      */

package/dist/ui/atoms/EmptyState.d.ts

@@ -5,7 +5,7 @@ export interface EmptyStateProps {
     description?: ReactNode;
     action?: ReactNode;
     className?: string;
-    icon?: StatusIconProps['name'];
+    icon?: StatusIconProps["name"];
 }
 declare function EmptyState({ title, description, action, icon, className, ...rest }: EmptyStateProps): JSX.Element;
 declare namespace EmptyState {

package/dist/ui/atoms/Grid.d.ts

@@ -1,25 +1,25 @@
-import { default as React, JSX, ReactNode } from 'react';
-export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+import { default as React } from 'react';
+export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     /**
      * Grid items
      */
-    children: ReactNode;
+    children: React.ReactNode;
     /**
      * Number of columns
      */
-    columns?: '1' | '2' | 'auto';
+    columns?: "1" | "2" | "auto";
     /**
      * Items alignment.
      * When not set all items will hame same height (items-stretch)
      */
-    alignItems?: 'center' | 'start' | 'end';
+    alignItems?: "center" | "start" | "end";
 }
 /**
  * Render the children as a grid.
  * By default the grid will have 1 column and al items will have same height.
  * It's possible to set the number of columns and the alignment of the items.
  */
-declare function Grid({ children, columns, className, alignItems, ...rest }: GridProps): JSX.Element;
+declare function Grid({ children, columns, className, alignItems, ...rest }: GridProps): React.JSX.Element;
 declare namespace Grid {
     var displayName: string;
 }

package/dist/ui/atoms/Hint.d.ts

@@ -1,7 +1,7 @@
 import { JSX, ReactNode } from 'react';
 import { IconProps } from './Icon';
 export interface HintProps {
-    icon?: IconProps['name'];
+    icon?: IconProps["name"];
     className?: string;
     children: ReactNode;
 }

package/dist/ui/atoms/Hr.d.ts

@@ -1,9 +1,9 @@
-export type HrProps = Omit<React.HTMLProps<HTMLHRElement>, 'children'> & {
+export type HrProps = Omit<React.HTMLProps<HTMLHRElement>, "children"> & {
     /**
      * The variant of the horizontal rule.
      * @default solid
      */
-    variant?: 'solid' | 'dashed';
+    variant?: "solid" | "dashed";
 };
 /**
  * This component wraps an [`<hr>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr) HTML element.

package/dist/ui/atoms/Icon/Icon.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithRef } from 'react';
 import { iconMapping } from './icons';
-type IconWeight = 'regular' | 'bold' | 'light' | 'fill';
-export interface IconProps extends ComponentPropsWithRef<'svg'> {
+type IconWeight = "regular" | "bold" | "light" | "fill";
+export interface IconProps extends ComponentPropsWithRef<"svg"> {
     /**
      * Name of the icon to display
      */

package/dist/ui/atoms/Icon/icons.d.ts

@@ -1,4 +1,4 @@
-import * as phosphor from '@phosphor-icons/react';
+import * as phosphor from "@phosphor-icons/react";
 export declare const iconMapping: {
     readonly airplaneTakeoff: phosphor.Icon;
     readonly appWindow: phosphor.Icon;

package/dist/ui/atoms/PageHeading/PageHeading.d.ts

@@ -13,14 +13,14 @@ export interface PageHeadingProps {
     /**
      * If `true` removes element vertical paddings
      */
-    gap?: 'none' | 'only-top' | 'only-bottom' | 'both';
+    gap?: "none" | "only-top" | "only-bottom" | "both";
     /**
      * When set, it will render a badge (default as warning variant)
      */
     badge?: {
         label: string;
         /**  @default warning-solid  */
-        variant?: BadgeProps['variant'];
+        variant?: BadgeProps["variant"];
     };
     /**
      * When set, it will render a navigation (eg: go back) button on the left side of the first row
@@ -32,7 +32,7 @@ export interface PageHeadingProps {
          * Button icon
          * @default arrowLeft
          */
-        icon?: 'x' | 'arrowLeft';
+        icon?: "x" | "arrowLeft";
     };
     /**
      * When set, it will render a proper toolbar on the right side of the first row

package/dist/ui/atoms/PageHeading/PageHeadingToolbar.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarItem } from '../../composite/Toolbar';
 import { DropdownItemProps } from '../../composite/Dropdown/DropdownItem';
-type ToolbarButton = Omit<ToolbarItem, 'dropdownItems'>;
+import { ToolbarItem } from '../../composite/Toolbar';
+type ToolbarButton = Omit<ToolbarItem, "dropdownItems">;
 export interface PageHeadingToolbarProps {
     /**
      * Toolbar first level `Button`s.

package/dist/ui/atoms/Progress.d.ts

@@ -18,7 +18,7 @@ export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgress
      * - `percentage` - Display the completion status as a percentage
      * - `none` - Do not display the completion
      */
-    displayMode?: 'fraction' | 'percentage' | 'none';
+    displayMode?: "fraction" | "percentage" | "none";
     children: React.ReactNode;
 }
 /**

package/dist/ui/atoms/RadialProgress.d.ts

@@ -11,11 +11,11 @@ export interface RadialProgressProps extends SVGAttributes<SVGElement> {
      * When missing, default size is 42px, small is 24px
      * @default 'large'
      */
-    size?: 'small' | 'large';
+    size?: "small" | "large";
     /**
      * Optional icon to be rendered in the center of the circle
      */
-    icon?: StatusIconProps['name'];
+    icon?: StatusIconProps["name"];
 }
 /**
  * Used to render a radial progress with a pending and a progress state. It also accepts an optional icon to be rendered in the center of the circle.

package/dist/ui/atoms/Section.d.ts

@@ -8,9 +8,9 @@ export interface SectionProps {
      */
     title?: ReactNode;
     /** Size for the title prop. */
-    titleSize?: 'normal' | 'small';
+    titleSize?: "normal" | "small";
     /** Specify `none` to remove border. */
-    border?: 'none';
+    border?: "none";
     /** This will render a button on the right side of the row. */
     actionButton?: ReactNode;
     /** CSS classes. */

package/dist/ui/atoms/Skeleton.d.ts

@@ -23,7 +23,7 @@ export interface SkeletonItemProps {
     /**
      * Can be `box` (default) to render a rectangular shape or `circle`
      */
-    type?: 'box' | 'circle';
+    type?: "box" | "circle";
     /**
      * CSS dimension for width. It can be number if expressed in pixels or string.
      * Example: `16`, `1rem` or '100%'.

package/dist/ui/atoms/Spacer.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Value to be applied as `margin-top`
@@ -27,8 +27,8 @@ export interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {
  * 12: 3rem, 48px
  * 14: 3.5rem, 56px
  */
-type SpacerValues = '1' | '2' | '4' | '6' | '8' | '10' | '12' | '14';
-declare function Spacer({ top, bottom, left, right, children, ...rest }: SpacerProps): JSX.Element;
+type SpacerValues = "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14";
+declare function Spacer({ top, bottom, left, right, children, ...rest }: SpacerProps): React.ReactNode;
 declare namespace Spacer {
     var displayName: string;
 }

package/dist/ui/atoms/StatusDot.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-type DotVariant = 'success' | 'danger' | 'warning';
+type DotVariant = "success" | "danger" | "warning";
 export interface StatusDotProps {
     variant: DotVariant;
 }

package/dist/ui/atoms/StatusIcon.d.ts

@@ -7,10 +7,10 @@ export interface StatusIconProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Background color, `none` for no background
      */
-    background?: 'green' | 'orange' | 'red' | 'gray' | 'lightGray' | 'teal' | 'white' | 'black' | 'none';
+    background?: "green" | "orange" | "red" | "gray" | "lightGray" | "teal" | "white" | "black" | "none";
     /**
      * padding around the icon can bne: 'none' | 'small' | 'large'
      */
-    gap?: 'none' | 'small' | 'medium' | 'large';
+    gap?: "none" | "small" | "medium" | "large";
 }
 export declare const StatusIcon: React.FC<StatusIconProps>;

package/dist/ui/atoms/Table/Table.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 export interface TableProps {
     thead?: React.ReactNode;
     className?: string;
-    variant?: 'boxed';
+    variant?: "boxed";
     tbody?: React.ReactNode;
     tfoot?: React.ReactNode;
 }

package/dist/ui/atoms/Tag.d.ts

@@ -1,12 +1,12 @@
-import { FlexRowProps } from '../internals/FlexRow';
 import { FC, JSX } from 'react';
-type Props = Pick<FlexRowProps, 'children'> & {
+import { FlexRowProps } from '../internals/FlexRow';
+type Props = Pick<FlexRowProps, "children"> & {
     /**
      * Icon component
      * Example: `<StatusIcon>` or `<RadialProgress>` or `<Avatar>`
      */
     icon?: JSX.Element;
 };
-export type TagProps = React.HTMLAttributes<HTMLElement> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & Props;
+export type TagProps = React.HTMLAttributes<HTMLElement> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href"> & Props;
 export declare const Tag: FC<TagProps>;
 export {};

package/dist/ui/atoms/Text.d.ts

@@ -1,9 +1,9 @@
 import { JSX, ReactNode } from 'react';
-type TextVariant = 'danger' | 'success' | 'primary' | 'warning' | 'info' | 'plain' | 'disabled';
-type TextSize = 'small' | 'regular' | 'large' | 'inherit';
-type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'inherit';
-type TextAlignment = 'center' | 'left' | 'right' | 'inherit';
-type TextWrap = 'normal' | 'nowrap' | 'inherit';
+type TextVariant = "danger" | "success" | "primary" | "warning" | "info" | "plain" | "disabled";
+type TextSize = "small" | "regular" | "large" | "inherit";
+type TextWeight = "regular" | "medium" | "semibold" | "bold" | "inherit";
+type TextAlignment = "center" | "left" | "right" | "inherit";
+type TextWrap = "normal" | "nowrap" | "inherit";
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     children?: ReactNode;
     variant?: TextVariant;
@@ -11,7 +11,7 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     weight?: TextWeight;
     align?: TextAlignment;
     wrap?: TextWrap;
-    tag?: 'div' | 'span';
+    tag?: "div" | "span";
 }
 declare function Text({ children, className, variant, weight, size, align, wrap, tag, ...rest }: TextProps): JSX.Element;
 declare namespace Text {

package/dist/ui/atoms/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { PlacesType, TooltipRefProps } from 'react-tooltip';
-export { type TooltipRefProps } from 'react-tooltip';
+export type { TooltipRefProps } from 'react-tooltip';
 export interface TooltipProps {
     /** Tooltip unique identifier  */
     id?: string;
@@ -13,7 +13,7 @@ export interface TooltipProps {
      * If the tooltip is too close to the edge of the screen, it will be repositioned automatically.
      * @default 'top'
      */
-    direction?: Extract<PlacesType, 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'>;
+    direction?: Extract<PlacesType, "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end">;
     /**
      * If true, the tooltip will have a fixed width of 280px.
      * If false or undefined, the tooltip will have a max-width of 280px and no minimum width.

package/dist/ui/composite/ActionButtons/ActionButtons.d.ts

@@ -1,10 +1,10 @@
-import { ButtonProps } from '../../atoms/Button';
 import { MouseEventHandler } from 'react';
+import { ButtonProps } from '../../atoms/Button';
 export interface ActionButtonsProps {
     actions: Array<{
         label: string;
         onClick: MouseEventHandler<HTMLButtonElement>;
-        variant?: ButtonProps['variant'];
+        variant?: ButtonProps["variant"];
         disabled?: boolean;
     }>;
 }

package/dist/ui/composite/Address.d.ts

@@ -3,7 +3,7 @@ export interface AddressProps {
     /**
      * The address to be visualized
      */
-    address?: Pick<AddressType, 'first_name' | 'last_name' | 'company' | 'line_1' | 'line_2' | 'city' | 'state_code' | 'zip_code' | 'country_code' | 'billing_info' | 'phone' | 'notes'> | null;
+    address?: Pick<AddressType, "first_name" | "last_name" | "company" | "line_1" | "line_2" | "city" | "state_code" | "zip_code" | "country_code" | "billing_info" | "phone" | "notes"> | null;
     /**
      * Optional address title (if added it will be shown in bold on top of address infos)
      */

package/dist/ui/composite/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import { DropdownMenuProps } from './DropdownMenu';
-export interface DropdownProps extends Pick<DropdownMenuProps, 'menuHeader' | 'menuPosition' | 'menuWidth'> {
+export interface DropdownProps extends Pick<DropdownMenuProps, "menuHeader" | "menuPosition" | "menuWidth"> {
     /** The trigger for the dropdown menu. Can be a JSX Element or simply a `string`. */
     dropdownLabel?: React.ReactNode;
     /** List of links and actions. You can use a combination of `DropdownItem` and `DropdownDivider` components. */

package/dist/ui/composite/Dropdown/DropdownItem.d.ts

@@ -2,7 +2,7 @@ import { IconProps } from '../../atoms/Icon/Icon';
 export type DropdownItemProps = React.HTMLAttributes<HTMLElement> & {
     label: string;
     info?: string;
-    icon?: IconProps['name'] | 'keep-space';
+    icon?: IconProps["name"] | "keep-space";
 } & ({
     /**
      * render the component as anchor tag
@@ -72,6 +72,8 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
     'data-tooltip-id'?: string | undefined;
     'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
@@ -161,7 +163,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onBlurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
     onChange?: import('react').FormEventHandler<HTMLElement> | undefined;
     onChangeCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: import('react').FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: import('react').InputEventHandler<HTMLElement> | undefined;
     onBeforeInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
     onInput?: import('react').FormEventHandler<HTMLElement> | undefined;
     onInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
@@ -211,8 +213,6 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onProgressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onRateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onRateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
-    onResize?: import('react').ReactEventHandler<HTMLElement> | undefined;
-    onResizeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
@@ -293,6 +293,8 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
     onScroll?: import('react').UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import('react').UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
     onWheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;
@@ -372,6 +374,8 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
     'data-tooltip-id'?: string | undefined;
     'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
@@ -461,7 +465,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onBlurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
     onChange?: import('react').FormEventHandler<HTMLElement> | undefined;
     onChangeCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: import('react').FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: import('react').InputEventHandler<HTMLElement> | undefined;
     onBeforeInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
     onInput?: import('react').FormEventHandler<HTMLElement> | undefined;
     onInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
@@ -511,8 +515,6 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onProgressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onRateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onRateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
-    onResize?: import('react').ReactEventHandler<HTMLElement> | undefined;
-    onResizeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
     onSeeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
@@ -593,6 +595,8 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
     onScroll?: import('react').UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import('react').UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
     onWheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;