@commercelayer/app-elements 2.0.2 → 2.0.4

package/dist/main.js

@@ -1,5 +1,5 @@
 "use client";
-import { aE as s, bh as t, aF as o, aG as r, aH as n, aI as u, aJ as c, aK as i, aL as l, aM as p, bi as d, aN as b, aO as g, au as S, bj as m, bk as I, bl as k, bm as T, aP as D, ax as R, ay as y, aQ as h, aR as A, bn as C, bA as H, bB as F, bD as P, bF as f, bH as v, bL as B, bN as O, bS as L, bV as G, bY as N, c3 as w, c5 as E, c7 as V, c9 as x, cb as M, cf as W, cg as U, aS as J, aT as Y, bC as j, bE as q, bG as z, bI as Z, bK as _, bM as $, bO as K, bP as Q, bQ as X, bR as aa, bT as ea, bU as sa, bW as ta, bZ as oa, c4 as ra, c6 as na, c8 as ua, ca, cc as ia, cd as la, ce as pa, bo as da, bp as ba, bq as ga, br as Sa, aA as ma, bs as Ia, aU as ka, bt as Ta, bu as Da, aV as Ra, aW as ya, aX as ha, aY as Aa, bv as Ca, cj as Ha, ck as Fa, cn as Pa, co as fa, cp as va, cq as Ba, cr as Oa, cs as La, ct as Ga, aZ as Na, bw as wa, a_ as Ea, a$ as Va, b0 as xa, b1 as Ma, b3 as Wa, b4 as Ua, b5 as Ja, b6 as Ya, b7 as ja, bc as qa, b8 as za, bx as Za, bd as _a, be as $a, b9 as Ka, bf as Qa, ba as Xa, by as ae, aB as ee, bz as se, bg as te, bb as oe, aa as re, aD as ne, ad as ue, ae as ce, Z as ie, _ as le, a9 as pe, b_ as de, bJ as be, $ as ge, a0 as Se, a1 as me, ab as Ie, ac as ke, af as Te, cv as De, cw as Re, b$ as ye, a2 as he, a3 as Ae, a4 as Ce, a5 as He, cx as Fe, cy as Pe, cz as fe, cA as ve, cB as Be, ag as Oe, ah as Le, cC as Ge, cD as Ne, cE as we, cF as Ee, ai as Ve, aj as xe, cG as Me, cH as We, cI as Ue, am as Je, an as Ye, U as je, ak as qe, al as ze, W as Ze, c0 as _e, c1 as $e, c2 as Ke, V as Qe, Y as Xe, a6 as as, cl as es, ch as ss, a7 as ts, a8 as os, ao as rs, av as ns, aw as us, ap as cs, aq as is, bX as ls, ar as ps, as as ds, at as bs, cm as gs, cu as Ss, az as ms, aC as Is, ci as ks, b2 as Ts } from "./main-B1eK9M3H.js";
+import { aE as s, bh as t, aF as o, aG as r, aH as n, aI as u, aJ as c, aK as i, aL as l, aM as p, bi as d, aN as b, aO as g, au as S, bj as m, bk as I, bl as k, bm as T, aP as D, ax as R, ay as y, aQ as h, aR as A, bn as C, bA as H, bB as F, bD as P, bF as f, bH as v, bL as B, bN as O, bS as L, bV as G, bY as N, c3 as w, c5 as E, c7 as V, c9 as x, cb as M, cf as W, cg as U, aS as J, aT as Y, bC as j, bE as q, bG as z, bI as Z, bK as _, bM as $, bO as K, bP as Q, bQ as X, bR as aa, bT as ea, bU as sa, bW as ta, bZ as oa, c4 as ra, c6 as na, c8 as ua, ca, cc as ia, cd as la, ce as pa, bo as da, bp as ba, bq as ga, br as Sa, aA as ma, bs as Ia, aU as ka, bt as Ta, bu as Da, aV as Ra, aW as ya, aX as ha, aY as Aa, bv as Ca, cj as Ha, ck as Fa, cn as Pa, co as fa, cp as va, cq as Ba, cr as Oa, cs as La, ct as Ga, aZ as Na, bw as wa, a_ as Ea, a$ as Va, b0 as xa, b1 as Ma, b3 as Wa, b4 as Ua, b5 as Ja, b6 as Ya, b7 as ja, bc as qa, b8 as za, bx as Za, bd as _a, be as $a, b9 as Ka, bf as Qa, ba as Xa, by as ae, aB as ee, bz as se, bg as te, bb as oe, aa as re, aD as ne, ad as ue, ae as ce, Z as ie, _ as le, a9 as pe, b_ as de, bJ as be, $ as ge, a0 as Se, a1 as me, ab as Ie, ac as ke, af as Te, cv as De, cw as Re, b$ as ye, a2 as he, a3 as Ae, a4 as Ce, a5 as He, cx as Fe, cy as Pe, cz as fe, cA as ve, cB as Be, ag as Oe, ah as Le, cC as Ge, cD as Ne, cE as we, cF as Ee, ai as Ve, aj as xe, cG as Me, cH as We, cI as Ue, am as Je, an as Ye, U as je, ak as qe, al as ze, W as Ze, c0 as _e, c1 as $e, c2 as Ke, V as Qe, Y as Xe, a6 as as, cl as es, ch as ss, a7 as ts, a8 as os, ao as rs, av as ns, aw as us, ap as cs, aq as is, bX as ls, ar as ps, as as ds, at as bs, cm as gs, cu as Ss, az as ms, aC as Is, ci as ks, b2 as Ts } from "./main-8HkofdS_.js";
 export {
   s as A,
   t as ActionButtons,

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

@@ -95,6 +95,7 @@ export declare const iconMapping: {
     readonly userCircle: phosphor.Icon;
     readonly userRectangle: phosphor.Icon;
     readonly users: phosphor.Icon;
+    readonly usersThree: phosphor.Icon;
     readonly warehouse: phosphor.Icon;
     readonly warning: phosphor.Icon;
     readonly warningCircle: phosphor.Icon;

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

@@ -298,7 +298,7 @@ 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" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
+    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: string;
     target?: string | undefined;
     delayMs?: number | undefined;
@@ -584,7 +584,7 @@ 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" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
+    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;

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

@@ -27,7 +27,7 @@ export declare const InputRadioGroup: import('../../atoms/SkeletonTemplate').Ske
     showInput?: boolean | undefined;
     viewMode?: "list" | "grid" | "inline" | "simple" | undefined;
     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" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
+        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;

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

@@ -30,7 +30,7 @@ export type InputReadonlyProps = InputWrapperBaseProps & {
 export declare const InputReadonly: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     label?: string | undefined;
     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" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
+        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;

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

@@ -1,4 +1,4 @@
-import { InputSelectProps } from './InputSelect';
+import { InputSelectProps, PossibleSelectValue } from './InputSelect';
 
 export interface HookedInputSelectProps extends Omit<InputSelectProps, 'onSelect' | 'defaultValue'> {
     /**
@@ -21,6 +21,12 @@ export interface HookedInputSelectProps extends Omit<InputSelectProps, 'onSelect
      * ```
      */
     pathToValue?: string;
+    /**
+     * Optional callback executed when a value is selected to allow custom behavior and re-use the selected value.
+     * This does not effect the field value neither the form state that always contains the value defined by `pathToValue`.
+     * It's useful when you need to perform some action when a value is selected and accessing the `meta` key of the `InputSelectValue`
+     */
+    onSelect?: (value: PossibleSelectValue) => void;
 }
 /**
  * `InputSelect` component ready to be used with the `react-hook-form` context.

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

@@ -86,6 +86,10 @@ export interface InputSelectProps extends InputWrapperBaseProps {
      * Function to load async values on search
      */
     loadAsyncValues?: (inputValue: string) => Promise<GroupedSelectValues | InputSelectValue[]>;
+    /**
+     * Optional text to display at the bottom of the dropdown menu
+     */
+    menuFooterText?: string;
     /**
      * Debounce time in milliseconds for async search.
      * It only works when `loadAsyncValues` is provided

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

@@ -1,5 +1,5 @@
 import { InputSelectValue } from '.';
-import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, GroupHeadingProps, MultiValueGenericProps } from 'react-select';
+import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, GroupHeadingProps, MenuListProps, MultiValueGenericProps } from 'react-select';
 
 declare function DropdownIndicator(props: DropdownIndicatorProps<InputSelectValue>): JSX.Element;
 declare function ClearIndicator(props: ClearIndicatorProps<InputSelectValue>): JSX.Element;
@@ -7,6 +7,7 @@ declare function MultiValueContainer(props: MultiValueGenericProps<MultiValueGen
 declare function MultiValueLabel(props: MultiValueGenericProps<MultiValueGenericProps<InputSelectValue, boolean, GroupBase<InputSelectValue>>>): string;
 declare function MultiValueRemove(props: any): JSX.Element;
 declare function GroupHeading(props: GroupHeadingProps<InputSelectValue>): JSX.Element | null;
+declare function MenuList(props: MenuListProps<InputSelectValue>): JSX.Element;
 declare const selectComponentOverrides: {
     DropdownIndicator: typeof DropdownIndicator;
     IndicatorSeparator: () => null;
@@ -15,5 +16,6 @@ declare const selectComponentOverrides: {
     MultiValueLabel: typeof MultiValueLabel;
     MultiValueRemove: typeof MultiValueRemove;
     GroupHeading: typeof GroupHeading;
+    MenuList: typeof MenuList;
 };
 export default selectComponentOverrides;

package/dist/ui/resources/ResourceListItem/common.d.ts

@@ -9,7 +9,7 @@ export declare const ListItemDescription: import('../../atoms/SkeletonTemplate')
 }>;
 export declare const ListItemIcon: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     color: "none" | "black" | "gray" | "green" | "orange" | "red" | "teal" | "white" | "lightGray" | undefined;
-    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" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle";
+    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";
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "type": "module",
   "license": "MIT",
   "files": [