@pega/cosmos-react-core 10.0.0-build.4.2 → 10.0.0-build.4.21

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.styles.d.ts

@@ -0,0 +1,190 @@
+declare const StyledMultiSelectInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
+    readOnly?: boolean;
+}>> & string;
+export declare const StyledSelectionRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../..").AsProp> & Required<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../..").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../..").AsProp> & Required<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../..").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../..").AsProp> & Required<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "xs">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../..").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../..").AsProp> & Required<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "xl">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../..").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../..").AsProp> & Required<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "sm">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../..").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../..").AsProp> & Required<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "md">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../..").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof import("../../..").AsProp> & Required<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "lg">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps & import("../../..").BaseProps & import("../../..").AsProp & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    xs?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("../../..").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("../../..").ForwardRefForwardPropsComponent<import("../../Flex").FlexProps>, keyof import("react").Component<any, {}, any>>;
+export default StyledMultiSelectInput;
+//# sourceMappingURL=MultiSelectInput.styles.d.ts.map

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiSelectInput/MultiSelectInput.styles.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,sBAAsB;;;eAA0C,OAAO;YAgE3E,CAAC;AAIH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0MAE9B,CAAC;AAIF,eAAe,sBAAsB,CAAC"}

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.styles.js

@@ -0,0 +1,72 @@
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '../../../theme';
+import Flex from '../../Flex';
+import { StyledSelectInput } from '../ComboBox.styles';
+const StyledMultiSelectInput = styled(StyledSelectInput)(({ theme, readOnly }) => {
+    const { base, components } = theme;
+    const focusBorderColor = components['form-control'][':focus']['border-color'];
+    const separatorColor = components['form-control']['border-color'];
+    const inputHeight = components.input.height;
+    const borderWidth = components['form-control']['border-width'];
+    const innerHeight = `calc(${inputHeight} - 2 * ${borderWidth})`;
+    // Center-aligned half-height divider matching the dropdown button separator.
+    const dividerWidth = readOnly ? '0' : borderWidth;
+    const dividerImage = readOnly
+        ? 'none'
+        : `linear-gradient(to bottom, transparent 25%, ${separatorColor} 25% 75%, transparent 75%) 1`;
+    return css `
+    cursor: text;
+
+    > div {
+      min-height: unset;
+      height: ${innerHeight};
+      flex-wrap: nowrap;
+    }
+
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      align-self: stretch;
+      flex-wrap: nowrap;
+      overflow-x: auto;
+      overflow-y: hidden;
+      scrollbar-width: none;
+      flex-shrink: 1;
+      min-width: 0;
+      gap: 0.25rem;
+
+      /* Inline padding keeps the first/last selection's focus glow from being clipped by the scroll container. */
+      padding-inline: 0.375rem;
+      scroll-padding-inline: ${base.spacing}rem;
+      border-inline-end: ${dividerWidth} solid transparent;
+      border-image: ${dividerImage};
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+
+    /* The selection's own focus glow indicates focus; suppress the inner link's ring so it doesn't distort the selection border. */
+    a[data-selection-focus]:focus-visible {
+      box-shadow: none;
+    }
+
+    input {
+      width: auto;
+      min-width: 15ch;
+      flex-shrink: 0;
+
+      &:focus {
+        box-shadow: inset 0 -0.125rem 0 ${focusBorderColor};
+      }
+    }
+  `;
+});
+StyledMultiSelectInput.defaultProps = defaultThemeProp;
+export const StyledSelectionRow = styled(Flex) `
+  position: relative;
+`;
+StyledSelectionRow.defaultProps = defaultThemeProp;
+export default StyledMultiSelectInput;
+//# sourceMappingURL=MultiSelectInput.styles.js.map

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectInput.styles.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiSelectInput/MultiSelectInput.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,sBAAsB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAyB,CAAC,EAChF,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,gBAAgB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9E,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;IAC5C,MAAM,WAAW,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG,QAAQ,WAAW,UAAU,WAAW,GAAG,CAAC;IAChE,6EAA6E;IAC7E,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC;IAClD,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,+CAA+C,cAAc,8BAA8B,CAAC;IAEhG,OAAO,GAAG,CAAA;;;;;gBAKI,WAAW;;;;;;;;;;;;;;;;;;;+BAmBI,IAAI,CAAC,OAAO;2BAChB,YAAY;sBACjB,YAAY;;;;;;;;;;;;;;;;;;0CAkBQ,gBAAgB;;;GAGvD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAE7C,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,eAAe,sBAAsB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../../theme';\nimport Flex from '../../Flex';\nimport { StyledSelectInput } from '../ComboBox.styles';\n\nconst StyledMultiSelectInput = styled(StyledSelectInput)<{ readOnly?: boolean }>(({\n  theme,\n  readOnly\n}) => {\n  const { base, components } = theme;\n  const focusBorderColor = components['form-control'][':focus']['border-color'];\n  const separatorColor = components['form-control']['border-color'];\n  const inputHeight = components.input.height;\n  const borderWidth = components['form-control']['border-width'];\n  const innerHeight = `calc(${inputHeight} - 2 * ${borderWidth})`;\n  // Center-aligned half-height divider matching the dropdown button separator.\n  const dividerWidth = readOnly ? '0' : borderWidth;\n  const dividerImage = readOnly\n    ? 'none'\n    : `linear-gradient(to bottom, transparent 25%, ${separatorColor} 25% 75%, transparent 75%) 1`;\n\n  return css`\n    cursor: text;\n\n    > div {\n      min-height: unset;\n      height: ${innerHeight};\n      flex-wrap: nowrap;\n    }\n\n    ul {\n      list-style: none;\n      display: flex;\n      align-items: center;\n      align-self: stretch;\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      overflow-y: hidden;\n      scrollbar-width: none;\n      flex-shrink: 1;\n      min-width: 0;\n      gap: 0.25rem;\n\n      /* Inline padding keeps the first/last selection's focus glow from being clipped by the scroll container. */\n      padding-inline: 0.375rem;\n      scroll-padding-inline: ${base.spacing}rem;\n      border-inline-end: ${dividerWidth} solid transparent;\n      border-image: ${dividerImage};\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n\n    /* The selection's own focus glow indicates focus; suppress the inner link's ring so it doesn't distort the selection border. */\n    a[data-selection-focus]:focus-visible {\n      box-shadow: none;\n    }\n\n    input {\n      width: auto;\n      min-width: 15ch;\n      flex-shrink: 0;\n\n      &:focus {\n        box-shadow: inset 0 -0.125rem 0 ${focusBorderColor};\n      }\n    }\n  `;\n});\n\nStyledMultiSelectInput.defaultProps = defaultThemeProp;\n\nexport const StyledSelectionRow = styled(Flex)`\n  position: relative;\n`;\n\nStyledSelectionRow.defaultProps = defaultThemeProp;\n\nexport default StyledMultiSelectInput;\n"]}

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.types.d.ts

@@ -31,8 +31,6 @@ export interface MultiSelectInputProps extends Pick<FormControlProps, 'suggestio
     actions?: ReactNode;
     /** Automatically focuses the input on render. */
     autoFocus?: boolean;
-    /** Pause evaluation of selected item descendants */
-    pauseDescendantEvaluation?: boolean;
     /** Callback on selected item pseudo focus */
     onSelectedFocus?: () => void;
     /** Callback on selected item pseudo blur */

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectInput.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiSelectInput/MultiSelectInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAE,SAAS;IAC5F,gDAAgD;IAChD,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,yEAAyE;IACzE,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD,wDAAwD;IACxD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,qFAAqF;IACrF,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,oDAAoD;IACpD,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"MultiSelectInput.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiSelectInput/MultiSelectInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAE,SAAS;IAC5F,gDAAgD;IAChD,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,yEAAyE;IACzE,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD,wDAAwD;IACxD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,qFAAqF;IACrF,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,oDAAoD;IACpD,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectInput.types.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiSelectInput/MultiSelectInput.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ChangeEvent, KeyboardEvent, ReactNode } from 'react';\n\nimport type { BaseProps } from '../../../types';\nimport type { FormControlProps } from '../../FormControl';\nimport type { Selected } from '../ComboBox.types';\n\nexport interface MultiSelectInputProps extends Pick<FormControlProps, 'suggestion'>, BaseProps {\n  /** List of items to be represented as pills. */\n  selected?: Selected[];\n  /** Show a Progress indicator. */\n  loading?: boolean;\n  /** Input value */\n  value?: string;\n  /** Callback fired when the list value is selected irrespective of the input value changes. */\n  onRemove?: (id: string, index: number) => void;\n  /** Callback invoked when user accepts custom value by pressing enter. */\n  onNew?: (text: string) => void;\n  /** Callback fired when internal input value changes. */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Callback fired on every keystroke on input field. */\n  onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;\n  /** Makes the input non-editable and non-clickable. The browser defaults to false. */\n  readOnly?: FormControlProps['readOnly'];\n  /** Disable the control. The browser defaults to false. */\n  disabled?: FormControlProps['disabled'];\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** Placeholder visible on empty input. */\n  placeholder?: string;\n  /** Additional actions related to the input. */\n  actions?: ReactNode;\n  /** Automatically focuses the input on render. */\n  autoFocus?: boolean;\n  /** Pause evaluation of selected item descendants */\n  pauseDescendantEvaluation?: boolean;\n  /** Callback on selected item pseudo focus */\n  onSelectedFocus?: () => void;\n  /** Callback on selected item pseudo blur */\n  onSelectedBlur?: () => void;\n  /** ID of pseudo-focus container controlled by input (ex: list, menu) */\n  'aria-controls'?: string;\n}\n"]}
+{"version":3,"file":"MultiSelectInput.types.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiSelectInput/MultiSelectInput.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ChangeEvent, KeyboardEvent, ReactNode } from 'react';\n\nimport type { BaseProps } from '../../../types';\nimport type { FormControlProps } from '../../FormControl';\nimport type { Selected } from '../ComboBox.types';\n\nexport interface MultiSelectInputProps extends Pick<FormControlProps, 'suggestion'>, BaseProps {\n  /** List of items to be represented as pills. */\n  selected?: Selected[];\n  /** Show a Progress indicator. */\n  loading?: boolean;\n  /** Input value */\n  value?: string;\n  /** Callback fired when the list value is selected irrespective of the input value changes. */\n  onRemove?: (id: string, index: number) => void;\n  /** Callback invoked when user accepts custom value by pressing enter. */\n  onNew?: (text: string) => void;\n  /** Callback fired when internal input value changes. */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Callback fired on every keystroke on input field. */\n  onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;\n  /** Makes the input non-editable and non-clickable. The browser defaults to false. */\n  readOnly?: FormControlProps['readOnly'];\n  /** Disable the control. The browser defaults to false. */\n  disabled?: FormControlProps['disabled'];\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** Placeholder visible on empty input. */\n  placeholder?: string;\n  /** Additional actions related to the input. */\n  actions?: ReactNode;\n  /** Automatically focuses the input on render. */\n  autoFocus?: boolean;\n  /** Callback on selected item pseudo focus */\n  onSelectedFocus?: () => void;\n  /** Callback on selected item pseudo blur */\n  onSelectedBlur?: () => void;\n  /** ID of pseudo-focus container controlled by input (ex: list, menu) */\n  'aria-controls'?: string;\n}\n"]}

package/lib/components/Configuration/Configuration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Configuration.d.ts","sourceRoot":"","sources":["../../../src/components/Configuration/Configuration.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Configuration.d.ts","sourceRoot":"","sources":["../../../src/components/Configuration/Configuration.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,GAAG,EAEH,cAAc,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAiB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAIrE,OAAO,YAAY,CAAC;AAGpB,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAMlG,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAQ/D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAkB;IACjC,+GAA+G;IAC/G,QAAQ,EAAE,SAAS,CAAC;IACpB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,wEAAwE;IACxE,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACxC,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IACjF,0GAA0G;IAC1G,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sDAAsD;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,WAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;IACxD,YAAY,EAAE,eAAe,CAAC;IAC9B,YAAY,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;IACvD,SAAS,EAAE,WAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;IACxD,iBAAiB,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAC3D,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACzD,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC;IACpD,gBAAgB;IAChB,yBAAyB,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,EAAE,CAAC;IACzD,gBAAgB;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB;AAID,eAAO,MAAM,oBAAoB,oCAc/B,CAAC;AAEH,QAAA,MAAM,aAAa,eAAiD,CAAC;AAErE,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,CAAC,aAAa,CAAC,CAAC,EAAE;YAChB,IAAI,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;SAC/C,CAAC;KACH;CACF;AAID,UAAU,cAAe,SAAQ,mBAAmB;IAClD,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AA4BD,OAAO,QAAQ,YAAY,CAAC;IAC1B,UAAiB,aAAa;QAC5B,SAAS,CAAC,EAAE,CAAC,cAAc,GAAG,mBAAmB,CAAC,EAAE,CAAC;QACrD,oBAAoB,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;KAC3D;CACF;AAiCD,QAAA,MAAM,aAAa,4HAyMjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/components/Configuration/Configuration.js

@@ -179,7 +179,9 @@ const Configuration = forwardRef(function Configuration({ children, locale, dire
                     initialized: true
                 }, children: _jsxs(ThemeProvider, { theme: themeMachine.theme, children: [styleSheetURLs &&
                             resolvedStyleSheetTarget &&
-                            createPortal(styleSheetURLs.map(url => (_jsx("link", { rel: 'stylesheet', href: url, "data-cosmos-global-style": true }, url))), resolvedStyleSheetTarget), styledWrappedChildren] }) }), _jsx("pega-connected-watcher", { ref: setConnectedWatcherEl, style: { display: 'none' } })] }));
+                            createPortal(styleSheetURLs.map(url => (_jsx("link", { rel: 'stylesheet', href: url, "data-cosmos-global-style": true }, url))), resolvedStyleSheetTarget), themeMachine.theme.base.css &&
+                            resolvedStyleSheetTarget &&
+                            createPortal(_jsx("style", { "data-cosmos-global-style": true, nonce: windowIsAvailable ? window.__webpack_nonce__ : undefined, children: themeMachine.theme.base.css }), resolvedStyleSheetTarget), styledWrappedChildren] }) }), _jsx("pega-connected-watcher", { ref: setConnectedWatcherEl, style: { display: 'none' } })] }));
 });
 export default Configuration;
 //# sourceMappingURL=Configuration.js.map

package/lib/components/Configuration/Configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"Configuration.js","sourceRoot":"","sources":["../../../src/components/Configuration/Configuration.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useContext, useMemo, useEffect, useState, forwardRef } from 'react';\nimport type {\n  ReactNode,\n  Context,\n  MutableRefObject,\n  Ref,\n  PropsWithoutRef,\n  ComponentProps\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { ThemeProvider, StyleSheetManager } from 'styled-components';\nimport type { WebTarget } from 'styled-components';\nimport isPropValid from '@emotion/is-prop-valid';\n\nimport '../../init';\nimport { GlobalStyle } from '../../styles';\nimport { ThemeMachine, BaseThemeMachine } from '../../theme';\nimport type { ThemeMachineLike, DefaultSettableTheme, DefaultThemeDefinition } from '../../theme';\nimport {\n  createTranslationPack,\n  DefaultTranslation,\n  direction as directionOfLocale\n} from '../../i18n';\nimport type { Translation, TranslationPack } from '../../i18n';\nimport { documentIsAvailable, navigatorIsAvailable, windowIsAvailable } from '../../utils';\nimport pkg from '../../../package.json';\nimport useElement from '../../hooks/useElement';\nimport { useConsolidatedRef } from '../../hooks';\n\nimport type PegaConnectedWatcher from './connected-watcher';\n\nimport './connected-watcher';\n\nexport interface ConfigurationProps {\n  /** Any components or nodes that should be impacted by the settings applied by this Configuration component. */\n  children: ReactNode;\n  /** User locale as defined in [BCP-47](https://www.techonthenet.com/js/language_tags.php). */\n  locale?: string;\n  /** Override rendering direction of the document. Direction will be based on the locale if now provided. */\n  direction?: 'ltr' | 'rtl';\n  /** Object with (partial) translations. */\n  translations?: Translation;\n  /** Theme object used to override any or all Cosmos theme properties. */\n  theme?: DefaultSettableTheme;\n  /** Theme mode for the application. Can be 'light', 'dark', or 'system'. */\n  themeMode?: 'light' | 'dark' | 'system';\n  /** Callback function triggered when the theme mode changes. */\n  onThemeModeChange?: (mode: NonNullable<ConfigurationProps['themeMode']>) => void;\n  /** Disables loading Open Sans or Inter from Google Fonts. Only takes effect on the root configuration. */\n  disableDefaultFontLoading?: boolean;\n  /** List of style sheets to inject in style sheet target. */\n  styleSheets?: string[];\n  /**\n   * Target element for loading styles related to `styled-components`.\n   * @deprecated\n   */\n  styleSheetTarget?: ComponentProps<typeof StyleSheetManager>['target'];\n  /**\n   * Target element for rendering a `ReactDOM` portal.\n   * @deprecated\n   */\n  portalTarget?: Parameters<typeof createPortal>[1];\n  /**\n   * Use native HTML5 controls for inputs instead of rich ones.\n   * @default false\n   */\n  renderNativeControls?: boolean;\n  /** String to identify this configuration instance. */\n  id?: string;\n  /**\n   * Enable/disable testId attribute rendering for all components.\n   * @default true\n   */\n  testIds?: boolean;\n  /**\n   * Ref for the configuration root.\n   */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface ConfigurationContextValue {\n  locale: string;\n  direction: NonNullable<ConfigurationProps['direction']>;\n  translations: TranslationPack;\n  themeMachine: ThemeMachineLike<DefaultThemeDefinition>;\n  themeMode: NonNullable<ConfigurationProps['themeMode']>;\n  onThemeModeChange: ConfigurationProps['onThemeModeChange'];\n  styleSheetTarget: ConfigurationProps['styleSheetTarget'];\n  portalTarget: ConfigurationProps['portalTarget'];\n  loadedRef: MutableRefObject<boolean>;\n  renderNativeControls: boolean;\n  testIds: NonNullable<ConfigurationProps['testIds']>;\n  /** @internal */\n  mountedStyleSheetManagers?: (typeof StyleSheetManager)[];\n  /** @internal */\n  initialized: boolean;\n}\n\nconst defaultLocale = navigatorIsAvailable ? navigator.language : 'en';\n\nexport const ConfigurationContext = createContext<ConfigurationContextValue>({\n  locale: defaultLocale,\n  direction: directionOfLocale(defaultLocale),\n  translations: DefaultTranslation,\n  themeMachine: BaseThemeMachine,\n  themeMode: 'system',\n  onThemeModeChange: undefined,\n  styleSheetTarget: documentIsAvailable ? document.head : undefined,\n  portalTarget: documentIsAvailable ? document.body : undefined,\n  loadedRef: { current: false },\n  renderNativeControls: false,\n  testIds: true,\n  mountedStyleSheetManagers: [],\n  initialized: false\n});\n\nconst legacyMetaKey = Symbol.for('@pega/cosmos-react-core.metadata');\n\ninterface LegacyCosmosInstace {\n  version: string;\n}\n\ndeclare global {\n  interface Window {\n    [legacyMetaKey]?: {\n      push: (instance: LegacyCosmosInstace) => void;\n    };\n  }\n}\n\nconst mountedConfigs = new Set<symbol>();\n\ninterface CosmosInstance extends LegacyCosmosInstace {\n  mountedConfigs: string[];\n  mountOrder: string[];\n  mountCount: Record<string, number>;\n}\n\nconst instance: CosmosInstance = {\n  version: pkg.version,\n  mountedConfigs: [],\n  mountOrder: [],\n  mountCount: {}\n};\n\nconst mountConfig = (sym: symbol) => {\n  mountedConfigs.add(sym);\n  instance.mountedConfigs = [...mountedConfigs].map(i => i.description ?? 'Unknown');\n\n  const description = sym.description ?? 'Unknown';\n\n  instance.mountOrder.push(description);\n\n  if (!(description in instance.mountCount)) {\n    instance.mountCount[description] = 0;\n  }\n  instance.mountCount[description] += 1;\n};\n\nconst unmountConfig = (sym: symbol) => {\n  mountedConfigs.delete(sym);\n  instance.mountedConfigs = [...mountedConfigs].map(i => i.description ?? 'Unknown');\n};\n\ndeclare module '../../init' {\n  export interface CosmosGlobals {\n    instances?: (CosmosInstance | LegacyCosmosInstace)[];\n    configurationContext?: Context<ConfigurationContextValue>;\n  }\n}\n\nif (windowIsAvailable) {\n  if (!window.cosmos.instances) {\n    window.cosmos.instances = [];\n  }\n\n  window.cosmos.instances.push(instance);\n\n  if (Array.isArray(window[legacyMetaKey])) {\n    window.cosmos.instances.push(...window[legacyMetaKey]);\n    delete window[legacyMetaKey];\n  }\n\n  if (!window[legacyMetaKey]) {\n    window[legacyMetaKey] = {\n      push: inst => {\n        window.cosmos.instances?.push(inst);\n      }\n    };\n  }\n}\n\n// https://styled-components.com/docs/faqs#shouldforwardprop-is-no-longer-provided-by-default\nconst shouldForwardProp = (propName: string, target: WebTarget) => {\n  if (typeof target === 'string') {\n    // For HTML elements, forward the prop if it is a valid HTML attribute\n    return isPropValid(propName);\n  }\n  // For other elements, forward all props\n  return true;\n};\n\nconst Configuration = forwardRef(function Configuration(\n  {\n    children,\n    locale,\n    direction,\n    translations: customTranslations,\n    theme,\n    themeMode,\n    onThemeModeChange,\n    disableDefaultFontLoading,\n    styleSheets: styleSheetURLs,\n    styleSheetTarget,\n    portalTarget,\n    renderNativeControls,\n    testIds,\n    id\n  }: PropsWithoutRef<ConfigurationProps>,\n  ref: ConfigurationProps['ref']\n) {\n  const context = windowIsAvailable\n    ? window.cosmos.configurationContext ?? ConfigurationContext\n    : ConfigurationContext;\n  const ctx = useContext(context);\n  const themeMachine = theme\n    ? new ThemeMachine<DefaultThemeDefinition>({ theme, parent: ctx.themeMachine })\n    : ctx.themeMachine;\n  const translations = useMemo(\n    () => createTranslationPack({ ...ctx.translations, ...customTranslations }),\n    [ctx.translations, customTranslations]\n  );\n\n  const [wrapperEl, setWrapperEl] = useElement<HTMLDivElement>();\n  const [connectedWatcherEl, setConnectedWatcherEl] = useElement<PegaConnectedWatcher>();\n  // State tracking if the DOM nodes are connected. Only used to trigger rerenders when connected state changes.\n  const [, setConnected] = useState<boolean | null>(null);\n  const configRootRef = useConsolidatedRef<HTMLDivElement>(setWrapperEl, ref);\n\n  useEffect(() => {\n    if (!connectedWatcherEl) return;\n\n    const connectDisconnectListener = () => {\n      setConnected(connectedWatcherEl.isConnected);\n    };\n\n    connectedWatcherEl.addEventListener('connect-disconnect', connectDisconnectListener);\n\n    return () => {\n      connectedWatcherEl.removeEventListener('connect-disconnect', connectDisconnectListener);\n    };\n  }, [connectedWatcherEl]);\n\n  // Determine valid style sheet and portal target with ShadowDOM handling.\n  const [resolvedStyleSheetTarget, resolvedPortalTarget] = useMemo(() => {\n    // When rendering on the server, or before the wrapper is in the DOM, just bail.\n    if (!documentIsAvailable || !wrapperEl?.isConnected) return [undefined, undefined];\n\n    const rootNode = wrapperEl.getRootNode();\n\n    // When within the ShadowDOM, the default target is the ShadowRoot, otherwise default to head/body element.\n    const defaultStyleSheetTarget = rootNode instanceof ShadowRoot ? rootNode : document.head;\n    const defaultPortalTarget = rootNode instanceof ShadowRoot ? rootNode : document.body;\n\n    // Currently passed prop or previous context value\n    const requestedStyleSheetTarget = styleSheetTarget ?? ctx.styleSheetTarget;\n    const requestedPortalTarget = portalTarget ?? ctx.portalTarget;\n\n    // If the \"requested\" target is within the root node, it is valid, so use that, otherwise fallback to the default.\n    return [\n      rootNode.contains(requestedStyleSheetTarget ?? null)\n        ? requestedStyleSheetTarget\n        : defaultStyleSheetTarget,\n      rootNode.contains(requestedPortalTarget ?? null) ? requestedPortalTarget : defaultPortalTarget\n    ];\n  }, [\n    wrapperEl,\n    wrapperEl?.isConnected,\n    styleSheetTarget,\n    portalTarget,\n    ctx.styleSheetTarget,\n    ctx.portalTarget\n  ]);\n\n  // Load global fonts and styles if this configuration instance is...\n  const shouldInitialize = useMemo(\n    () =>\n      // the first configuration instance or...\n      !ctx.initialized ||\n      // is not within the same root node as the previous configuration instance.\n      !!(wrapperEl && wrapperEl.getRootNode() !== ctx.styleSheetTarget?.getRootNode()),\n    [ctx.initialized, wrapperEl]\n  );\n\n  // If we need to reinitialize, clear the mounted StyleSheetManagers.\n  const mountedStyleSheetManagers = shouldInitialize ? [] : ctx.mountedStyleSheetManagers;\n\n  // Check if this StyleSheetManager is mounted above this Configuration.\n  const stylesheetManagerMounted = useMemo(\n    () => !!mountedStyleSheetManagers?.includes(StyleSheetManager),\n    [mountedStyleSheetManagers]\n  );\n\n  useEffect(() => {\n    const sym = Symbol(id);\n    mountConfig(sym);\n\n    return () => {\n      unmountConfig(sym);\n    };\n  }, [id]);\n\n  const wrappedChildren = shouldInitialize ? (\n    <>\n      {!disableDefaultFontLoading &&\n        resolvedStyleSheetTarget &&\n        createPortal(\n          <link\n            rel='stylesheet'\n            href='https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400..700;1,400..700&family=Inter:wght@400..700&family=Roboto+Flex:opsz,wdth,wght@8..144,25..151,400..700&display=swap'\n            data-cosmos-global-style\n          />,\n          resolvedStyleSheetTarget\n        )}\n      <GlobalStyle />\n      {children}\n    </>\n  ) : (\n    <>{children}</>\n  );\n\n  const styledWrappedChildren = stylesheetManagerMounted ? (\n    wrappedChildren\n  ) : (\n    <StyleSheetManager\n      target={\n        // Target must be undefined in a JSDOM environment due to Styled Components server mode handling.\n        navigatorIsAvailable &&\n        resolvedStyleSheetTarget?.isConnected &&\n        !navigator.userAgent.includes('jsdom')\n          ? resolvedStyleSheetTarget\n          : undefined\n      }\n      shouldForwardProp={shouldForwardProp}\n    >\n      {wrappedChildren}\n    </StyleSheetManager>\n  );\n\n  return (\n    <div\n      data-config-root\n      // Need to use inline styles because the StyleSheetManager is configured within this div.\n      style={{ display: 'contents' }}\n      ref={configRootRef}\n    >\n      <context.Provider\n        // eslint-disable-next-line react/jsx-no-constructed-context-values\n        value={{\n          locale: locale ?? ctx.locale,\n          direction:\n            direction ?? (locale !== undefined ? directionOfLocale(locale) : ctx.direction),\n          translations,\n          themeMachine,\n          themeMode: themeMode ?? ctx.themeMode,\n          onThemeModeChange: onThemeModeChange ?? ctx.onThemeModeChange,\n          styleSheetTarget: resolvedStyleSheetTarget,\n          portalTarget: resolvedPortalTarget,\n          loadedRef: ctx.loadedRef,\n          renderNativeControls: renderNativeControls ?? ctx.renderNativeControls,\n          testIds: testIds ?? ctx.testIds,\n          mountedStyleSheetManagers: stylesheetManagerMounted\n            ? mountedStyleSheetManagers\n            : [...(mountedStyleSheetManagers ?? []), StyleSheetManager],\n          initialized: true\n        }}\n      >\n        <ThemeProvider theme={themeMachine.theme}>\n          {styleSheetURLs &&\n            resolvedStyleSheetTarget &&\n            createPortal(\n              styleSheetURLs.map(url => (\n                <link rel='stylesheet' href={url} key={url} data-cosmos-global-style />\n              )),\n              resolvedStyleSheetTarget\n            )}\n          {styledWrappedChildren}\n        </ThemeProvider>\n      </context.Provider>\n      <pega-connected-watcher ref={setConnectedWatcherEl} style={{ display: 'none' }} />\n    </div>\n  );\n});\n\nexport default Configuration;\n"]}
+{"version":3,"file":"Configuration.js","sourceRoot":"","sources":["../../../src/components/Configuration/Configuration.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useContext, useMemo, useEffect, useState, forwardRef } from 'react';\nimport type {\n  ReactNode,\n  Context,\n  MutableRefObject,\n  Ref,\n  PropsWithoutRef,\n  ComponentProps\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { ThemeProvider, StyleSheetManager } from 'styled-components';\nimport type { WebTarget } from 'styled-components';\nimport isPropValid from '@emotion/is-prop-valid';\n\nimport '../../init';\nimport { GlobalStyle } from '../../styles';\nimport { ThemeMachine, BaseThemeMachine } from '../../theme';\nimport type { ThemeMachineLike, DefaultSettableTheme, DefaultThemeDefinition } from '../../theme';\nimport {\n  createTranslationPack,\n  DefaultTranslation,\n  direction as directionOfLocale\n} from '../../i18n';\nimport type { Translation, TranslationPack } from '../../i18n';\nimport { documentIsAvailable, navigatorIsAvailable, windowIsAvailable } from '../../utils';\nimport pkg from '../../../package.json';\nimport useElement from '../../hooks/useElement';\nimport { useConsolidatedRef } from '../../hooks';\n\nimport type PegaConnectedWatcher from './connected-watcher';\n\nimport './connected-watcher';\n\nexport interface ConfigurationProps {\n  /** Any components or nodes that should be impacted by the settings applied by this Configuration component. */\n  children: ReactNode;\n  /** User locale as defined in [BCP-47](https://www.techonthenet.com/js/language_tags.php). */\n  locale?: string;\n  /** Override rendering direction of the document. Direction will be based on the locale if now provided. */\n  direction?: 'ltr' | 'rtl';\n  /** Object with (partial) translations. */\n  translations?: Translation;\n  /** Theme object used to override any or all Cosmos theme properties. */\n  theme?: DefaultSettableTheme;\n  /** Theme mode for the application. Can be 'light', 'dark', or 'system'. */\n  themeMode?: 'light' | 'dark' | 'system';\n  /** Callback function triggered when the theme mode changes. */\n  onThemeModeChange?: (mode: NonNullable<ConfigurationProps['themeMode']>) => void;\n  /** Disables loading Open Sans or Inter from Google Fonts. Only takes effect on the root configuration. */\n  disableDefaultFontLoading?: boolean;\n  /** List of style sheets to inject in style sheet target. */\n  styleSheets?: string[];\n  /**\n   * Target element for loading styles related to `styled-components`.\n   * @deprecated\n   */\n  styleSheetTarget?: ComponentProps<typeof StyleSheetManager>['target'];\n  /**\n   * Target element for rendering a `ReactDOM` portal.\n   * @deprecated\n   */\n  portalTarget?: Parameters<typeof createPortal>[1];\n  /**\n   * Use native HTML5 controls for inputs instead of rich ones.\n   * @default false\n   */\n  renderNativeControls?: boolean;\n  /** String to identify this configuration instance. */\n  id?: string;\n  /**\n   * Enable/disable testId attribute rendering for all components.\n   * @default true\n   */\n  testIds?: boolean;\n  /**\n   * Ref for the configuration root.\n   */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface ConfigurationContextValue {\n  locale: string;\n  direction: NonNullable<ConfigurationProps['direction']>;\n  translations: TranslationPack;\n  themeMachine: ThemeMachineLike<DefaultThemeDefinition>;\n  themeMode: NonNullable<ConfigurationProps['themeMode']>;\n  onThemeModeChange: ConfigurationProps['onThemeModeChange'];\n  styleSheetTarget: ConfigurationProps['styleSheetTarget'];\n  portalTarget: ConfigurationProps['portalTarget'];\n  loadedRef: MutableRefObject<boolean>;\n  renderNativeControls: boolean;\n  testIds: NonNullable<ConfigurationProps['testIds']>;\n  /** @internal */\n  mountedStyleSheetManagers?: (typeof StyleSheetManager)[];\n  /** @internal */\n  initialized: boolean;\n}\n\nconst defaultLocale = navigatorIsAvailable ? navigator.language : 'en';\n\nexport const ConfigurationContext = createContext<ConfigurationContextValue>({\n  locale: defaultLocale,\n  direction: directionOfLocale(defaultLocale),\n  translations: DefaultTranslation,\n  themeMachine: BaseThemeMachine,\n  themeMode: 'system',\n  onThemeModeChange: undefined,\n  styleSheetTarget: documentIsAvailable ? document.head : undefined,\n  portalTarget: documentIsAvailable ? document.body : undefined,\n  loadedRef: { current: false },\n  renderNativeControls: false,\n  testIds: true,\n  mountedStyleSheetManagers: [],\n  initialized: false\n});\n\nconst legacyMetaKey = Symbol.for('@pega/cosmos-react-core.metadata');\n\ninterface LegacyCosmosInstace {\n  version: string;\n}\n\ndeclare global {\n  interface Window {\n    [legacyMetaKey]?: {\n      push: (instance: LegacyCosmosInstace) => void;\n    };\n  }\n}\n\nconst mountedConfigs = new Set<symbol>();\n\ninterface CosmosInstance extends LegacyCosmosInstace {\n  mountedConfigs: string[];\n  mountOrder: string[];\n  mountCount: Record<string, number>;\n}\n\nconst instance: CosmosInstance = {\n  version: pkg.version,\n  mountedConfigs: [],\n  mountOrder: [],\n  mountCount: {}\n};\n\nconst mountConfig = (sym: symbol) => {\n  mountedConfigs.add(sym);\n  instance.mountedConfigs = [...mountedConfigs].map(i => i.description ?? 'Unknown');\n\n  const description = sym.description ?? 'Unknown';\n\n  instance.mountOrder.push(description);\n\n  if (!(description in instance.mountCount)) {\n    instance.mountCount[description] = 0;\n  }\n  instance.mountCount[description] += 1;\n};\n\nconst unmountConfig = (sym: symbol) => {\n  mountedConfigs.delete(sym);\n  instance.mountedConfigs = [...mountedConfigs].map(i => i.description ?? 'Unknown');\n};\n\ndeclare module '../../init' {\n  export interface CosmosGlobals {\n    instances?: (CosmosInstance | LegacyCosmosInstace)[];\n    configurationContext?: Context<ConfigurationContextValue>;\n  }\n}\n\nif (windowIsAvailable) {\n  if (!window.cosmos.instances) {\n    window.cosmos.instances = [];\n  }\n\n  window.cosmos.instances.push(instance);\n\n  if (Array.isArray(window[legacyMetaKey])) {\n    window.cosmos.instances.push(...window[legacyMetaKey]);\n    delete window[legacyMetaKey];\n  }\n\n  if (!window[legacyMetaKey]) {\n    window[legacyMetaKey] = {\n      push: inst => {\n        window.cosmos.instances?.push(inst);\n      }\n    };\n  }\n}\n\n// https://styled-components.com/docs/faqs#shouldforwardprop-is-no-longer-provided-by-default\nconst shouldForwardProp = (propName: string, target: WebTarget) => {\n  if (typeof target === 'string') {\n    // For HTML elements, forward the prop if it is a valid HTML attribute\n    return isPropValid(propName);\n  }\n  // For other elements, forward all props\n  return true;\n};\n\nconst Configuration = forwardRef(function Configuration(\n  {\n    children,\n    locale,\n    direction,\n    translations: customTranslations,\n    theme,\n    themeMode,\n    onThemeModeChange,\n    disableDefaultFontLoading,\n    styleSheets: styleSheetURLs,\n    styleSheetTarget,\n    portalTarget,\n    renderNativeControls,\n    testIds,\n    id\n  }: PropsWithoutRef<ConfigurationProps>,\n  ref: ConfigurationProps['ref']\n) {\n  const context = windowIsAvailable\n    ? window.cosmos.configurationContext ?? ConfigurationContext\n    : ConfigurationContext;\n  const ctx = useContext(context);\n  const themeMachine = theme\n    ? new ThemeMachine<DefaultThemeDefinition>({ theme, parent: ctx.themeMachine })\n    : ctx.themeMachine;\n  const translations = useMemo(\n    () => createTranslationPack({ ...ctx.translations, ...customTranslations }),\n    [ctx.translations, customTranslations]\n  );\n\n  const [wrapperEl, setWrapperEl] = useElement<HTMLDivElement>();\n  const [connectedWatcherEl, setConnectedWatcherEl] = useElement<PegaConnectedWatcher>();\n  // State tracking if the DOM nodes are connected. Only used to trigger rerenders when connected state changes.\n  const [, setConnected] = useState<boolean | null>(null);\n  const configRootRef = useConsolidatedRef<HTMLDivElement>(setWrapperEl, ref);\n\n  useEffect(() => {\n    if (!connectedWatcherEl) return;\n\n    const connectDisconnectListener = () => {\n      setConnected(connectedWatcherEl.isConnected);\n    };\n\n    connectedWatcherEl.addEventListener('connect-disconnect', connectDisconnectListener);\n\n    return () => {\n      connectedWatcherEl.removeEventListener('connect-disconnect', connectDisconnectListener);\n    };\n  }, [connectedWatcherEl]);\n\n  // Determine valid style sheet and portal target with ShadowDOM handling.\n  const [resolvedStyleSheetTarget, resolvedPortalTarget] = useMemo(() => {\n    // When rendering on the server, or before the wrapper is in the DOM, just bail.\n    if (!documentIsAvailable || !wrapperEl?.isConnected) return [undefined, undefined];\n\n    const rootNode = wrapperEl.getRootNode();\n\n    // When within the ShadowDOM, the default target is the ShadowRoot, otherwise default to head/body element.\n    const defaultStyleSheetTarget = rootNode instanceof ShadowRoot ? rootNode : document.head;\n    const defaultPortalTarget = rootNode instanceof ShadowRoot ? rootNode : document.body;\n\n    // Currently passed prop or previous context value\n    const requestedStyleSheetTarget = styleSheetTarget ?? ctx.styleSheetTarget;\n    const requestedPortalTarget = portalTarget ?? ctx.portalTarget;\n\n    // If the \"requested\" target is within the root node, it is valid, so use that, otherwise fallback to the default.\n    return [\n      rootNode.contains(requestedStyleSheetTarget ?? null)\n        ? requestedStyleSheetTarget\n        : defaultStyleSheetTarget,\n      rootNode.contains(requestedPortalTarget ?? null) ? requestedPortalTarget : defaultPortalTarget\n    ];\n  }, [\n    wrapperEl,\n    wrapperEl?.isConnected,\n    styleSheetTarget,\n    portalTarget,\n    ctx.styleSheetTarget,\n    ctx.portalTarget\n  ]);\n\n  // Load global fonts and styles if this configuration instance is...\n  const shouldInitialize = useMemo(\n    () =>\n      // the first configuration instance or...\n      !ctx.initialized ||\n      // is not within the same root node as the previous configuration instance.\n      !!(wrapperEl && wrapperEl.getRootNode() !== ctx.styleSheetTarget?.getRootNode()),\n    [ctx.initialized, wrapperEl]\n  );\n\n  // If we need to reinitialize, clear the mounted StyleSheetManagers.\n  const mountedStyleSheetManagers = shouldInitialize ? [] : ctx.mountedStyleSheetManagers;\n\n  // Check if this StyleSheetManager is mounted above this Configuration.\n  const stylesheetManagerMounted = useMemo(\n    () => !!mountedStyleSheetManagers?.includes(StyleSheetManager),\n    [mountedStyleSheetManagers]\n  );\n\n  useEffect(() => {\n    const sym = Symbol(id);\n    mountConfig(sym);\n\n    return () => {\n      unmountConfig(sym);\n    };\n  }, [id]);\n\n  const wrappedChildren = shouldInitialize ? (\n    <>\n      {!disableDefaultFontLoading &&\n        resolvedStyleSheetTarget &&\n        createPortal(\n          <link\n            rel='stylesheet'\n            href='https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400..700;1,400..700&family=Inter:wght@400..700&family=Roboto+Flex:opsz,wdth,wght@8..144,25..151,400..700&display=swap'\n            data-cosmos-global-style\n          />,\n          resolvedStyleSheetTarget\n        )}\n      <GlobalStyle />\n      {children}\n    </>\n  ) : (\n    <>{children}</>\n  );\n\n  const styledWrappedChildren = stylesheetManagerMounted ? (\n    wrappedChildren\n  ) : (\n    <StyleSheetManager\n      target={\n        // Target must be undefined in a JSDOM environment due to Styled Components server mode handling.\n        navigatorIsAvailable &&\n        resolvedStyleSheetTarget?.isConnected &&\n        !navigator.userAgent.includes('jsdom')\n          ? resolvedStyleSheetTarget\n          : undefined\n      }\n      shouldForwardProp={shouldForwardProp}\n    >\n      {wrappedChildren}\n    </StyleSheetManager>\n  );\n\n  return (\n    <div\n      data-config-root\n      // Need to use inline styles because the StyleSheetManager is configured within this div.\n      style={{ display: 'contents' }}\n      ref={configRootRef}\n    >\n      <context.Provider\n        // eslint-disable-next-line react/jsx-no-constructed-context-values\n        value={{\n          locale: locale ?? ctx.locale,\n          direction:\n            direction ?? (locale !== undefined ? directionOfLocale(locale) : ctx.direction),\n          translations,\n          themeMachine,\n          themeMode: themeMode ?? ctx.themeMode,\n          onThemeModeChange: onThemeModeChange ?? ctx.onThemeModeChange,\n          styleSheetTarget: resolvedStyleSheetTarget,\n          portalTarget: resolvedPortalTarget,\n          loadedRef: ctx.loadedRef,\n          renderNativeControls: renderNativeControls ?? ctx.renderNativeControls,\n          testIds: testIds ?? ctx.testIds,\n          mountedStyleSheetManagers: stylesheetManagerMounted\n            ? mountedStyleSheetManagers\n            : [...(mountedStyleSheetManagers ?? []), StyleSheetManager],\n          initialized: true\n        }}\n      >\n        <ThemeProvider theme={themeMachine.theme}>\n          {styleSheetURLs &&\n            resolvedStyleSheetTarget &&\n            createPortal(\n              styleSheetURLs.map(url => (\n                <link rel='stylesheet' href={url} key={url} data-cosmos-global-style />\n              )),\n              resolvedStyleSheetTarget\n            )}\n          {themeMachine.theme.base.css &&\n            resolvedStyleSheetTarget &&\n            createPortal(\n              <style\n                data-cosmos-global-style\n                nonce={windowIsAvailable ? window.__webpack_nonce__ : undefined}\n              >\n                {themeMachine.theme.base.css}\n              </style>,\n              resolvedStyleSheetTarget\n            )}\n          {styledWrappedChildren}\n        </ThemeProvider>\n      </context.Provider>\n      <pega-connected-watcher ref={setConnectedWatcherEl} style={{ display: 'none' }} />\n    </div>\n  );\n});\n\nexport default Configuration;\n"]}

package/lib/components/Currency/CurrencyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyInput.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAmBnE,OAAO,KAAK,kBAAkB,MAAM,uBAAuB,CAAC;;;;AA0M5D,wBAAmE"}
+{"version":3,"file":"CurrencyInput.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAmBnE,OAAO,KAAK,kBAAkB,MAAM,uBAAuB,CAAC;;;;AAkN5D,wBAAmE"}