@commercelayer/app-elements 2.1.1 → 2.2.0

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

@@ -25,7 +25,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -64,47 +64,47 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
-    'data-tooltip-id'?: string | undefined;
-    'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
-    'data-tooltip-content'?: string | null | undefined;
-    'data-tooltip-html'?: string | null | undefined;
-    'data-tooltip-variant'?: import('react-tooltip').VariantType | undefined;
-    'data-tooltip-offset'?: number | undefined;
-    'data-tooltip-wrapper'?: import('react-tooltip').WrapperType | undefined;
-    'data-tooltip-events'?: import('react-tooltip').EventsType[] | undefined;
-    'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy | undefined;
-    'data-tooltip-delay-show'?: number | undefined;
-    'data-tooltip-delay-hide'?: number | undefined;
-    'data-tooltip-float'?: boolean | undefined;
-    'data-tooltip-hidden'?: boolean | undefined;
-    'data-tooltip-class-name'?: string | undefined;
+    'data-tooltip-id'?: string;
+    'data-tooltip-place'?: import('react-tooltip').PlacesType;
+    'data-tooltip-content'?: string | null;
+    'data-tooltip-html'?: string | null;
+    'data-tooltip-variant'?: import('react-tooltip').VariantType;
+    'data-tooltip-offset'?: number;
+    'data-tooltip-wrapper'?: import('react-tooltip').WrapperType;
+    'data-tooltip-events'?: import('react-tooltip').EventsType[];
+    'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy;
+    'data-tooltip-delay-show'?: number;
+    'data-tooltip-delay-hide'?: number;
+    'data-tooltip-float'?: boolean;
+    'data-tooltip-hidden'?: boolean;
+    'data-tooltip-class-name'?: string;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
@@ -117,9 +117,9 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -133,7 +133,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -298,11 +298,11 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
     label: string;
-    icon?: "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsSixVertical" | "dotsThree" | "download" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "info" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "list" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "package" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "tag" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "usersThree" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
+    icon?: IconProps["name"] | "keep-space";
     href: string;
-    target?: string | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+    target?: string;
+    delayMs?: number;
+    isLoading?: boolean;
 } | {
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -311,7 +311,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -350,47 +350,47 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
-    'data-tooltip-id'?: string | undefined;
-    'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
-    'data-tooltip-content'?: string | null | undefined;
-    'data-tooltip-html'?: string | null | undefined;
-    'data-tooltip-variant'?: import('react-tooltip').VariantType | undefined;
-    'data-tooltip-offset'?: number | undefined;
-    'data-tooltip-wrapper'?: import('react-tooltip').WrapperType | undefined;
-    'data-tooltip-events'?: import('react-tooltip').EventsType[] | undefined;
-    'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy | undefined;
-    'data-tooltip-delay-show'?: number | undefined;
-    'data-tooltip-delay-hide'?: number | undefined;
-    'data-tooltip-float'?: boolean | undefined;
-    'data-tooltip-hidden'?: boolean | undefined;
-    'data-tooltip-class-name'?: string | undefined;
+    'data-tooltip-id'?: string;
+    'data-tooltip-place'?: import('react-tooltip').PlacesType;
+    'data-tooltip-content'?: string | null;
+    'data-tooltip-html'?: string | null;
+    'data-tooltip-variant'?: import('react-tooltip').VariantType;
+    'data-tooltip-offset'?: number;
+    'data-tooltip-wrapper'?: import('react-tooltip').WrapperType;
+    'data-tooltip-events'?: import('react-tooltip').EventsType[];
+    'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy;
+    'data-tooltip-delay-show'?: number;
+    'data-tooltip-delay-hide'?: number;
+    'data-tooltip-float'?: boolean;
+    'data-tooltip-hidden'?: boolean;
+    'data-tooltip-class-name'?: string;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
@@ -403,9 +403,9 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -419,7 +419,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -584,8 +584,8 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
     label: string;
-    icon?: "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsSixVertical" | "dotsThree" | "download" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "info" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "list" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "package" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "tag" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "usersThree" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
-    href?: undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+    icon?: IconProps["name"] | "keep-space";
+    href?: never;
+    delayMs?: number;
+    isLoading?: boolean;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DropdownSearchProps {
     /**
      * Callback triggered when the user types in the search input.

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { PageHeadingProps } from '../atoms/PageHeading';
+import { ReactNode } from 'react';
 
 export interface HomePageLayoutProps extends Pick<PageHeadingProps, 'title'> {
     /**

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { PaginationProps } from '../atoms/Pagination';
+import { ReactNode } from 'react';
 
 type ListPagination = {
     recordsPerPage: number;

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
 import { FlexRowProps } from '../internals/FlexRow';
+import { FC } from 'react';
 
 type ListItemVariant = 'list' | 'boxed';
 export type ListItemProps = React.HTMLAttributes<HTMLElement> & Pick<FlexRowProps, 'alignItems' | 'children'> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { PageHeadingProps } from '../atoms/PageHeading';
 import { ContainerProps } from '../atoms/Container';
+import { PageHeadingProps } from '../atoms/PageHeading';
+import { ReactNode } from 'react';
 
 export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'navigationButton' | 'toolbar' | 'gap'>, Pick<ContainerProps, 'minHeight'> {
     /**
@@ -23,19 +23,19 @@ export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'descr
 }
 export declare const PageLayout: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     children: ReactNode;
-    mode?: "live" | "test" | undefined;
-    overlay?: boolean | undefined;
-    scrollToTop?: boolean | undefined;
+    mode?: "test" | "live";
+    overlay?: boolean;
+    scrollToTop?: boolean;
     description?: ReactNode;
     title: ReactNode;
-    gap?: "none" | "both" | "only-top" | "only-bottom" | undefined;
-    toolbar?: import('../atoms/PageHeading/PageHeadingToolbar').PageHeadingToolbarProps | undefined;
+    gap?: "none" | "only-top" | "only-bottom" | "both";
+    toolbar?: import('../atoms/PageHeading/PageHeadingToolbar').PageHeadingToolbarProps;
     navigationButton?: {
         label: string;
         onClick: () => void;
-        icon?: "x" | "arrowLeft" | undefined;
-    } | undefined;
-    minHeight?: boolean | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+        icon?: "x" | "arrowLeft";
+    };
+    minHeight?: boolean;
+    delayMs?: number;
+    isLoading?: boolean;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * This component renders a skeleton page layout simulating the presence of the common elements of an initial app page:
  * - page title,

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

@@ -14,11 +14,11 @@ export interface TimelineProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
 }
 export declare const Timeline: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     events: TimelineEvent[];
-    timezone?: string | undefined;
-    onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
-    onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+    timezone?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    delayMs?: number;
+    isLoading?: boolean;
 }>;

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

@@ -1,6 +1,6 @@
-import { DropdownItemProps } from './Dropdown';
-import { IconProps } from '../atoms/Icon';
 import { ButtonProps } from '../atoms/Button';
+import { IconProps } from '../atoms/Icon';
+import { DropdownItemProps } from './Dropdown';
 
 export interface ToolbarItem {
     label?: string;
@@ -27,6 +27,6 @@ export interface ToolbarProps {
  */
 export declare const Toolbar: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     items: ToolbarItem[];
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+    delayMs?: number;
+    isLoading?: boolean;
 }>;

package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroup.d.ts

@@ -1,5 +1,5 @@
-import { InputCheckboxGroupOption } from './InputCheckboxGroupItem';
 import { ComponentProps } from 'react';
+import { InputCheckboxGroupOption } from './InputCheckboxGroupItem';
 
 export interface SelectedItem {
     /**
@@ -21,12 +21,12 @@ export interface SelectedItem {
  * <span type="info">Quantity for each option item has a min/max range, to prevent selecting less or more than the allowed number.</span>
  */
 export declare const InputCheckboxGroup: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    title?: string | undefined;
+    title?: string;
     options: InputCheckboxGroupOption[];
-    defaultValues?: SelectedItem[] | undefined;
+    defaultValues?: SelectedItem[];
     onChange: (selected: SelectedItem[]) => void;
-    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className"> | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className">;
+    delayMs?: number;
+    isLoading?: boolean;
 }>;
 export type InputCheckboxGroupProps = ComponentProps<typeof InputCheckboxGroup>;

package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroupItem.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
 import { InputCheckboxProps } from '../InputCheckbox';
+import { ComponentProps } from 'react';
 
 export interface InputCheckboxGroupOption extends Pick<InputCheckboxProps, 'icon' | 'checked'> {
     /**
@@ -40,17 +40,17 @@ export interface Props extends InputCheckboxGroupOption {
  */
 export declare const InputCheckboxGroupItem: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     onChange: (value: string, newQuantity?: number) => void;
-    defaultQuantity?: number | undefined;
-    name?: string | undefined;
+    defaultQuantity?: number;
+    name?: string;
     value: string;
     content: React.ReactNode;
     quantity?: {
         min: number;
         max: number;
-    } | undefined;
-    icon?: JSX.Element | undefined;
+    };
+    icon?: JSX.Element;
     checked?: boolean | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+    delayMs?: number;
+    isLoading?: boolean;
 }>;
 export type InputCheckboxGroupItemProps = ComponentProps<typeof InputCheckboxGroupItem>;

package/dist/ui/forms/InputCheckboxGroup/reducer.d.ts

@@ -1,5 +1,5 @@
-import { InputCheckboxGroupOption } from './InputCheckboxGroupItem';
 import { SelectedItem } from './InputCheckboxGroup';
+import { InputCheckboxGroupOption } from './InputCheckboxGroupItem';
 
 export type InternalState = Array<{
     value: string;

package/dist/ui/forms/InputCurrency/InputCurrency.d.ts

@@ -1,6 +1,6 @@
-import { CurrencyInputProps as ReactCurrencyInputFieldProps } from 'react-currency-input-field';
-import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { CurrencyCode } from '../../../helpers/currencies';
+import { InputWrapperBaseProps } from '../../internals/InputWrapper';
+import { CurrencyInputProps as ReactCurrencyInputFieldProps } from 'react-currency-input-field';
 
 export interface InputCurrencyProps extends InputWrapperBaseProps, Pick<ReactCurrencyInputFieldProps, 'onBlur' | 'onClick' | 'disabled'> {
     /**

package/dist/ui/forms/InputCurrencyRange.d.ts

@@ -1,6 +1,6 @@
-import { InputWrapperBaseProps } from '../internals/InputWrapper';
-import { InputCurrencyProps } from './InputCurrency';
 import { CurrencyCode } from '../../helpers/currencies';
+import { InputCurrencyProps } from './InputCurrency';
+import { InputWrapperBaseProps } from '../internals/InputWrapper';
 
 type Cents = InputCurrencyProps['cents'];
 export interface InputCurrencyRangeProps extends InputWrapperBaseProps {

package/dist/ui/forms/InputDate/InputDate.d.ts

@@ -1,4 +1,4 @@
-import { InputDateProps } from './InputDateComponent';
 import { default as DatePicker } from 'react-datepicker';
+import { InputDateProps } from './InputDateComponent';
 
-export declare const InputDate: import('react').ForwardRefExoticComponent<InputDateProps & import('react').RefAttributes<DatePicker<undefined, undefined>>>;
+export declare const InputDate: import('react').ForwardRefExoticComponent<InputDateProps & import('react').RefAttributes<DatePicker>>;

package/dist/ui/forms/InputDate/InputDateComponent.d.ts

@@ -1,5 +1,5 @@
-import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { default as DatePicker } from 'react-datepicker';
+import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 
 export type MaybeDate = Date | null;
 export interface InputDateProps extends InputWrapperBaseProps {
@@ -51,4 +51,4 @@ export interface InputDateProps extends InputWrapperBaseProps {
      */
     preventOpenOnFocus?: boolean;
 }
-export declare const InputDateComponent: import('react').ForwardRefExoticComponent<InputDateProps & import('react').RefAttributes<DatePicker<undefined, undefined>>>;
+export declare const InputDateComponent: import('react').ForwardRefExoticComponent<InputDateProps & import('react').RefAttributes<DatePicker>>;

package/dist/ui/forms/InputDateRange/InputDateRange.d.ts

@@ -1,5 +1,5 @@
-import { InputDateProps, MaybeDate } from '../InputDate/InputDateComponent';
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
+import { InputDateProps, MaybeDate } from '../InputDate/InputDateComponent';
 
 export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable' | 'format' | 'autoPlaceholder'>, InputWrapperBaseProps {
     /**

package/dist/ui/forms/InputFeedback.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type FeedbackVariant = 'danger' | 'success' | 'warning';
 export interface InputFeedbackProps {
     message: string;

package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts

@@ -19,20 +19,20 @@ interface OptionItem {
     className?: string;
 }
 export declare const InputRadioGroup: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    title?: string | undefined;
+    title?: string;
     name: string;
     options: OptionItem[];
-    defaultValue?: string | undefined;
-    onChange?: ((selected: string | undefined) => void) | undefined;
-    showInput?: boolean | undefined;
-    viewMode?: "list" | "grid" | "inline" | "simple" | undefined;
+    defaultValue?: string;
+    onChange?: (selected: string | undefined) => void;
+    showInput?: boolean;
+    viewMode?: "list" | "inline" | "grid" | "simple";
     hint?: {
-        icon?: "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsSixVertical" | "dotsThree" | "download" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "info" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "list" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "package" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "tag" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "usersThree" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
-        text: ReactNode;
-    } | undefined;
-    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className"> | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+        icon?: import('../../atoms/Hint').HintProps["icon"];
+        text: import('../../atoms/Hint').HintProps["children"];
+    };
+    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className">;
+    delayMs?: number;
+    isLoading?: boolean;
 }>;
 export type InputRadioGroupProps = ComponentProps<typeof InputRadioGroup>;
 export {};

package/dist/ui/forms/InputReadonly.d.ts

@@ -28,19 +28,19 @@ export type InputReadonlyProps = InputWrapperBaseProps & {
     secret?: boolean;
 };
 export declare const InputReadonly: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    label?: string | undefined;
+    label?: string;
     hint?: {
-        icon?: "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsSixVertical" | "dotsThree" | "download" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "info" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "list" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "package" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "tag" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "usersThree" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
-        text: import('react').ReactNode;
-    } | undefined;
-    feedback?: Omit<import('./InputFeedback').InputFeedbackProps, "className"> | undefined;
-    inline?: boolean | undefined;
-    wrapperClassName?: string | undefined;
-    inputClassName?: string | undefined;
-    showCopyAction?: boolean | undefined;
-    value?: string | undefined;
-    children?: string | undefined;
-    secret?: boolean | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
+        icon?: import('../atoms/Hint').HintProps["icon"];
+        text: import('../atoms/Hint').HintProps["children"];
+    };
+    feedback?: Omit<import('./InputFeedback').InputFeedbackProps, "className">;
+    inline?: boolean;
+    wrapperClassName?: string;
+    inputClassName?: string;
+    showCopyAction?: boolean;
+    value?: string;
+    children?: string;
+    secret?: boolean;
+    delayMs?: number;
+    isLoading?: boolean;
 }>;

package/dist/ui/forms/InputResourceGroup/FullList.d.ts

@@ -1,5 +1,5 @@
-import { ListableResourceType } from '@commercelayer/sdk';
 import { OverlayProps } from '../../internals/Overlay';
+import { ListableResourceType } from '@commercelayer/sdk';
 
 export interface SortBy {
     attribute: string;
@@ -62,7 +62,7 @@ export interface FullListProps {
 }
 export declare function FullList({ defaultValues, fieldForLabel, fieldForValue, onChange, resource, searchBy, sortBy, title, showCheckboxIcon, hideSelected }: FullListProps): JSX.Element;
 export declare const useInputResourceGroupOverlay: () => {
-    InputResourceGroupOverlay: ({ footer, backgroundColor, ...props }: FullListProps & Omit<OverlayProps, 'children'>) => import("react/jsx-runtime").JSX.Element;
+    InputResourceGroupOverlay: ({ footer, backgroundColor, ...props }: FullListProps & Omit<OverlayProps, "children">) => import("react/jsx-runtime").JSX.Element;
     openInputResourceGroupOverlay: () => void;
     closeInputResourceGroupOverlay: () => void;
 };

package/dist/ui/forms/InputResourceGroup/InputResourceGroup.d.ts

@@ -1,5 +1,5 @@
-import { FullListProps } from './FullList';
 import { QueryFilter } from '@commercelayer/sdk';
+import { FullListProps } from './FullList';
 
 export interface InputResourceGroupProps extends Omit<FullListProps, 'totalCount'> {
     /**

package/dist/ui/forms/InputSelect/AsyncComponent.d.ts

@@ -1,6 +1,6 @@
-import { InputSelectProps, InputSelectValue } from './InputSelect';
-import { SetRequired } from 'type-fest';
 import { GroupBase, SelectInstance, StylesConfig } from 'react-select';
+import { SetRequired } from 'type-fest';
+import { InputSelectProps, InputSelectValue } from './InputSelect';
 
 interface AsyncSelectComponentProps extends Omit<SetRequired<InputSelectProps, 'loadAsyncValues'>, 'label' | 'hint'> {
     styles: StylesConfig<InputSelectValue>;

package/dist/ui/forms/InputSelect/CreatableComponent.d.ts

@@ -1,5 +1,5 @@
-import { InputSelectProps, InputSelectValue } from './InputSelect';
 import { GroupBase, SelectInstance, StylesConfig } from 'react-select';
+import { InputSelectProps, InputSelectValue } from './InputSelect';
 
 interface CreatableComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
     styles: StylesConfig<InputSelectValue>;

package/dist/ui/forms/InputSelect/InputSelect.d.ts

@@ -1,13 +1,13 @@
-import { GroupBase, MultiValue, Options, SelectInstance, SingleValue } from 'react-select';
-import { FocusEventHandler } from 'react';
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
+import { FocusEventHandler } from 'react';
+import { GroupBase, MultiValue, Options, SelectInstance, SingleValue } from 'react-select';
 
 export type GroupedSelectValues = Array<{
     label?: string;
     options: InputSelectValue[];
 }>;
 export interface InputSelectValue {
-    value: string | number;
+    value: string | number | boolean;
     label: string;
     meta?: Record<string, any>;
     isDisabled?: boolean;