@kubit-ui-web/react-components 1.0.0-beta.1

package/dist/cjs/components/inputSearch/components/popoverSearchList.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverSearchList = exports.PopoverSearchListComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const input_1 = require("../../../components/input");
+//  components
+const popover_1 = require("../../../components/popover");
+const text_1 = require("../../../components/text");
+const hooks_1 = require("../../../hooks");
+const actionBottomSheetControlled_1 = require("../../actionBottomSheet/actionBottomSheetControlled");
+// helpers
+const helpers_1 = require("../helpers");
+// styles
+const inputSearch_styled_1 = require("../inputSearch.styled");
+const loadingIcon_1 = require("./loadingIcon");
+const optionsList_1 = require("./optionsList");
+const PopoverSearchListComponent = ({ sublabel = 'Use this', ...props }, ref) => {
+    const { refInput, refActionBottomSheet } = ref;
+    const inputPopoverId = (0, hooks_1.useId)('inputPopoverId');
+    const useActionBottomSheet = props.styles?.[props.state]?.useActionBottomSheet?.[props.device];
+    const labelInResultTextWrittenByUser = useActionBottomSheet
+        ? props.inputConfiguration?.value?.toString()
+        : props.recommendedOption?.toString() ?? props.searchText?.toString();
+    // Behavior with "use this" option
+    const showTextWritten = (0, react_1.useMemo)(() => !props.highlightedOption && props.hasResultTextWrittenByUser && labelInResultTextWrittenByUser
+        ? {
+            label: labelInResultTextWrittenByUser,
+            sublabel: sublabel,
+            highlighted: true,
+            value: labelInResultTextWrittenByUser,
+        }
+        : undefined, [props.hasResultTextWrittenByUser, labelInResultTextWrittenByUser]);
+    // Behavior Highlighted option
+    const showHighlightedOption = (0, react_1.useMemo)(() => props.highlightedOption && props.hasHighlightedOption
+        ? {
+            label: props.highlightedOption,
+            sublabel: sublabel,
+            highlighted: true,
+            value: props.highlightedOption,
+        }
+        : undefined, [props.highlightedOption, props.hasHighlightedOption]);
+    const getOptionsList = (section, index = 0) => ((0, jsx_runtime_1.jsx)(optionsList_1.OptionsList, { ref: ref, "aria-controls": `${props['aria-controls']}${index}`, dataTestId: `${props.dataTestId}OptionsList${index}`, hightlightedOption: showTextWritten || showHighlightedOption, index: index, loader: props.loader, loading: props.loading, loadingText: props.loadingText, optionVariant: section?.optionVariant, options: section?.options || [], searchText: labelInResultTextWrittenByUser, stylesListOption: props.styles.listOptions, stylesState: props.styles?.[props.state], title: section?.title, value: props.value, onOpenOptions: props.onOpenOptions, onValueSelected: props.onValueSelected }, index));
+    const renderIconOrMessage = () => {
+        if (props.loading) {
+            return ((0, jsx_runtime_1.jsx)(loadingIcon_1.LoadingIcon, { expanded: true, loader: props.loader, loading: props.loading, loadingText: props.loadingText, stateStyles: props.styles?.[props.state] }));
+        }
+        if (props.noResultsText?.content) {
+            if (typeof props.noResultsText.content === 'string') {
+                return ((0, jsx_runtime_1.jsxs)("div", { children: [showTextWritten && getOptionsList(), (0, jsx_runtime_1.jsx)(inputSearch_styled_1.NoResultsTextWrapper, { styles: props.styles?.[props.state], children: (0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles?.[props.state]?.noResultsText, dataTestId: `${props.dataTestId}noResultsText`, ...props.noResultsText, children: props.noResultsText.content }) })] }));
+            }
+            return ((0, jsx_runtime_1.jsxs)("div", { children: [showTextWritten && getOptionsList(), props.noResultsText.content] }));
+        }
+        return null;
+    };
+    const renderSearchList = () => ((0, jsx_runtime_1.jsx)(inputSearch_styled_1.ListContainerStyled, { "$height": (0, helpers_1.getLength)(props.optionList) ? props.listOptionsHeight : '', styles: props.styles?.[props.state], useActionBottomSheet: useActionBottomSheet, children: (0, jsx_runtime_1.jsx)(inputSearch_styled_1.InputSearchListStyled, { "$height": (0, helpers_1.getLength)(props.optionList) ? props.listOptionsHeight : '', styles: props.styles?.[props.state], useActionBottomSheet: useActionBottomSheet, onKeyDown: event => {
+                props.onOptionsListKeyDown?.(event);
+            }, children: !showHighlightedOption && (0, helpers_1.getLength)(props.optionList) === 0
+                ? renderIconOrMessage()
+                : props.optionList.map((section, index) => getOptionsList(section, index)) }) }));
+    return ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { hasBackDrop: true, blockBack: props.blockBackPopover, dataTestId: `${props.dataTestId}Popover`, focusFirstDescendantAutomatically: false, focusLastElementFocusedAfterClose: false, open: props.open, preventCloseOnClickElements: props.preventCloseOnClickElements, trapFocusInsideModal: useActionBottomSheet, variant: props.styles?.[props.state]?.popoverVariant?.[props.device], onCloseInternally: () => {
+            props.onOpenOptions(false);
+            refInput?.current?.focus();
+        }, children: useActionBottomSheet ? ((0, jsx_runtime_1.jsx)(actionBottomSheetControlled_1.ActionBottomSheetControlledStructure, { ref: refActionBottomSheet, closeIcon: {
+                ...props.closeIcon,
+                onClick: event => {
+                    props.onOpenOptions(false);
+                    props.closeIcon?.onClick?.(event);
+                },
+            }, dataTestId: `${props.dataTestId}ActionBottomSheet`, headerContent: (0, jsx_runtime_1.jsx)(input_1.Input, { id: inputPopoverId, variant: props.inputConfiguration?.variant, ...props.inputConfiguration, icon: {
+                    ...props.inputConfiguration?.icon,
+                    onClick: event => {
+                        props.inputConfiguration?.onIconClick;
+                        props.inputConfiguration?.icon?.onClick?.(event);
+                    },
+                }, 
+                // It is necessary for the variation of the help message position
+                // The variant is the same for all the states
+                onChange: props.inputConfiguration?.onChange, onKeyDown: props.inputConfiguration?.onKeyDown }), height: "100vh", title: { content: props.titleActionBottomSheet }, 
+            // The variant is the same for all the states
+            variant: props.styles?.[props.state]?.actionBottomSheetVariant, children: renderSearchList() })) : (renderSearchList()) }));
+};
+exports.PopoverSearchListComponent = PopoverSearchListComponent;
+exports.PopoverSearchList = (0, react_1.forwardRef)(exports.PopoverSearchListComponent);
+//# sourceMappingURL=popoverSearchList.js.map

package/dist/cjs/components/inputSearch/components/popoverSearchList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverSearchList.js","sourceRoot":"","sources":["../../../../../src/components/inputSearch/components/popoverSearchList.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/inputSearch/helpers/filterOptions.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasMatchWithOptions = exports.findBestMatch = exports.filterOptions = void 0;
+// eslint-disable-next-line complexity
+const filterOptions = (value, options, wordSeparator = ',', suggestInit = 1) => {
+    if (options.length === 0) {
+        return { optionsFiltered: [] };
+    }
+    if (!value) {
+        return { optionsFiltered: options };
+    }
+    const re = new RegExp(wordSeparator);
+    // Cloned option list structure
+    const optionsFiltered = structuredClone(options);
+    // Array to save the best option from each list
+    const betterMatches = [];
+    // Array to save the text when it matches
+    const wordCount = [];
+    // Simply condition
+    const full = true;
+    for (let i = 0; i < optionsFiltered.length; i++) {
+        // Array to save matches options
+        const optionsAvailable = [];
+        // Array to register the index of the matches options
+        const optionsPushed = [];
+        // Object to record how many times an option is repeated
+        const betterMatchesForlist = {};
+        String(value)
+            .split(re)
+            .map(text => optionsFiltered[i].options.filter(opt => {
+            if (text.length && String(opt).toLocaleLowerCase().includes(text.toLocaleLowerCase())) {
+                //Save text when it matches
+                if (!wordCount.includes(text)) {
+                    wordCount.push(text);
+                }
+                // Check if the matched option has already been stored
+                const optionPosition = optionsFiltered[i].options.indexOf(opt);
+                if (!optionsPushed.includes(optionPosition)) {
+                    // If the option was not registered, it saves its index, registers the option and creates an entry in the object to check if it is repeated in the future
+                    optionsPushed.push(optionPosition);
+                    optionsAvailable.push(opt);
+                    betterMatchesForlist[optionPosition] = 1;
+                }
+                else {
+                    // If the option exists, add the match
+                    betterMatchesForlist[optionPosition]++;
+                }
+            }
+        }));
+        // Register the best match from each list, if exists
+        if (Object.keys(betterMatchesForlist).length) {
+            betterMatches.push({
+                list: i,
+                bestMatchkey: findTheHighestKey(betterMatchesForlist),
+                bestMatch: findTheHighestKey(betterMatchesForlist, full),
+            });
+        }
+        // Overwrites the options list with the filtered values
+        optionsFiltered[i].options = optionsAvailable;
+    }
+    // Returns the best match from all lists
+    const betterMatch = betterMatches.sort(findBestMatch)[0];
+    // Returns the recommended option, based on the best match
+    const recommendedOption = wordCount.length > suggestInit && betterMatch
+        ? options[betterMatch.list].options[betterMatch.bestMatchkey]
+        : undefined;
+    return { optionsFiltered, recommendedOption };
+};
+exports.filterOptions = filterOptions;
+// Function to return the option with the highest agreement from the list
+function findTheHighestKey(obj, full) {
+    const highestValue = -Infinity;
+    let highest;
+    for (const [key, value] of Object.entries(obj)) {
+        // Check if the current value is a number and greater than the current highestValue
+        if (typeof value === 'number' && value > highestValue) {
+            highest = full ? { [key]: value } : key;
+        }
+    }
+    return highest;
+}
+// Function to reorder (from highest to lowest) the list with the best match
+function findBestMatch(objA, objB) {
+    if (objA.bestMatch?.[objA.bestMatchkey] > objB.bestMatch?.[objB.bestMatchkey]) {
+        return -1;
+    }
+    else if (objA.bestMatch?.[objA.bestMatchkey] < objB.bestMatch?.[objB.bestMatchkey]) {
+        return 1;
+    }
+    return 0;
+}
+exports.findBestMatch = findBestMatch;
+const hasMatchWithOptions = (inputValue, options) => {
+    const hasMatch = options.find(option => option === inputValue);
+    return !!hasMatch;
+};
+exports.hasMatchWithOptions = hasMatchWithOptions;
+//# sourceMappingURL=filterOptions.js.map

package/dist/cjs/components/inputSearch/helpers/filterOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterOptions.js","sourceRoot":"","sources":["../../../../../src/components/inputSearch/helpers/filterOptions.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/inputSearch/helpers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./filterOptions"), exports);
+__exportStar(require("./options"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inputSearch/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputSearch/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,4CAA0B"}

package/dist/cjs/components/inputSearch/helpers/options.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAriaControls = exports.getLength = void 0;
+const getLength = (options) => {
+    let numOptions = 0;
+    options.forEach(section => (numOptions += section.options.length));
+    return numOptions;
+};
+exports.getLength = getLength;
+const getAriaControls = (options, ariaControls) => {
+    let newAriaControls = '';
+    options[0]?.options?.forEach((_section, index) => (newAriaControls += ` ${ariaControls}${index}`));
+    return newAriaControls.trimStart();
+};
+exports.getAriaControls = getAriaControls;
+//# sourceMappingURL=options.js.map

package/dist/cjs/components/inputSearch/helpers/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../../../../../src/components/inputSearch/helpers/options.ts"],"names":[],"mappings":";;;AAEO,MAAM,SAAS,GAAG,CAAC,OAAuB,EAAU,EAAE;IAC3D,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAJW,QAAA,SAAS,aAIpB;AAEK,MAAM,eAAe,GAAG,CAAC,OAAuB,EAAE,YAAoB,EAAU,EAAE;IACvF,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAC1B,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,eAAe,IAAI,IAAI,YAAY,GAAG,KAAK,EAAE,CAAC,CACrE,CAAC;IACF,OAAO,eAAe,CAAC,SAAS,EAAE,CAAC;AACrC,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B"}

package/dist/cjs/components/inputSearch/hooks/useInputSearch.js

@@ -0,0 +1,196 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputSearch = void 0;
+const react_1 = require("react");
+const hooks_1 = require("../../../components/input/hooks");
+const types_1 = require("../../../components/input/types");
+const hooks_2 = require("../../../hooks");
+const useInput_1 = require("../../../hooks/useInput/useInput");
+const utils_1 = require("../../../utils");
+// helpers
+const filterOptions_1 = require("../helpers/filterOptions");
+const useInputSearch = ({ executeInternalOpenOptions = true, ...props }) => {
+    const device = (0, hooks_2.useMediaDevice)();
+    const [openOptions, setOpenOptions] = (0, react_1.useState)(props.open);
+    const [searchText, setSearchText] = (0, react_1.useState)(props.value ?? '');
+    const [inputPopoverText, setInputPopoverText] = (0, react_1.useState)('');
+    const [showHighlightedOption, setShowHighlightedOption] = (0, react_1.useState)(!!props.highlightedOption);
+    // References
+    const iconRef = (0, react_1.useRef)();
+    const { internalErrors, addInternalError, removeInternalError } = (0, hooks_1.useInternalValidations)(props.type, undefined, props.onInternalErrors);
+    // Methods
+    const handleValueSelected = (value) => {
+        setSearchText(value);
+        setInputPopoverText(value);
+        props.onOptionClick?.(value);
+        removeInternalError(types_1.InternalErrorType.INVALID_OPTION);
+        showHighlightedOption && setShowHighlightedOption(false);
+        const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+        if (props.onChange && inputRef?.current && isBrowser) {
+            // Need to have the current input value into dispatch synthetic event
+            inputRef.current.value = value;
+            const event = (0, utils_1.dispatchSyntheticEvent)({
+                element: inputRef.current,
+                eventType: 'change',
+            });
+            props.onChange(event);
+        }
+    };
+    const handleOpenOptions = (open) => {
+        setOpenOptions(prevOpen => {
+            if (prevOpen !== open) {
+                props.onPopoverOpen?.(open);
+            }
+            return open;
+        });
+    };
+    // Input search handlers
+    const handleChangeInputSearch = event => {
+        handleOpenOptions(true);
+        if (props.regex) {
+            const newMaskedValue = (0, utils_1.matchInputValue)(searchText, event.target.value, props.regex);
+            event.target.value = newMaskedValue;
+        }
+        const newSearchText = event.target.value;
+        setSearchText(newSearchText);
+        setInputPopoverText(newSearchText);
+        showHighlightedOption && setShowHighlightedOption(false);
+        removeInternalError(types_1.InternalErrorType.INVALID_OPTION);
+        props.onChange?.(event);
+    };
+    const handleClickInputSearch = event => {
+        handleOpenOptions(!openOptions);
+        props.onClick?.(event);
+    };
+    const handleIconClick = (e) => {
+        executeInternalOpenOptions && handleOpenOptions(!openOptions);
+        props.onIconClick?.(e);
+    };
+    const handleInputKeyDown = event => {
+        if ((0, utils_1.isKeyEscapePressed)(event.key)) {
+            handleOpenOptions(false);
+        }
+        // Focus first element of the list
+        if ((0, utils_1.isArrowDownPressed)(event.key)) {
+            optionsListCollectionRef?.current?.[0]?.firstElementChild?.focus();
+            event.preventDefault();
+        }
+        props.onKeyDown?.(event);
+    };
+    const handleInputBlur = event => {
+        props.onBlur?.(event);
+        const allOptions = props.options.map(option => option.options).flat();
+        const hasMatch = (0, filterOptions_1.hasMatchWithOptions)(searchText, allOptions);
+        // if the input loses focus and there is no valid option in the input value, show an error message
+        if (!hasMatch && !props.hasResultTextWrittenByUser && !props.disableErrorInvalidOption) {
+            addInternalError(types_1.InternalErrorType.INVALID_OPTION);
+        }
+    };
+    // Input popover handlers
+    const handleInputPopoverChange = event => {
+        props.onChange?.(event);
+        setInputPopoverText(event.target.value);
+    };
+    const handleInputPopoverKeyDown = event => {
+        // Focus first element of the list
+        if ((0, utils_1.isArrowDownPressed)(event.key)) {
+            optionsListCollectionRef?.current?.[0]?.firstElementChild?.focus();
+            event.preventDefault();
+        }
+    };
+    const handleInputPopoverIconClick = () => {
+        props.onInputPopoverIconClick?.();
+        if (props.clearTextInputPopoverIconClick) {
+            setInputPopoverText('');
+        }
+    };
+    // OnKeyDown list
+    const handleOptionsListKeyDown = event => {
+        let selectedOption = 0;
+        const options = document.querySelectorAll('[role="option"]');
+        const getSelectedIndex = (operator) => {
+            event.preventDefault();
+            for (let i = 0; i < options.length; i++) {
+                if (options[i] === document.activeElement) {
+                    selectedOption = i + operator;
+                }
+            }
+            // Focus the item
+            options[selectedOption].focus();
+        };
+        // When arrow down
+        if ((0, utils_1.isArrowDownPressed)(event.key)) {
+            getSelectedIndex(1);
+        }
+        else if ((0, utils_1.isArrowUpPressed)(event.key)) {
+            // When arrow up
+            getSelectedIndex(-1);
+        }
+    };
+    // Input Basic hook
+    const { state, inputRef, handleBlurInternal, handleFocusInternal, handleBlurStructure, handleFocusStructure, } = (0, useInput_1.useInput)({
+        ref: props.ref,
+        disabled: props.disabled,
+        error: props.error || internalErrors.length > 0,
+        maxLength: props.maxLength,
+        // need for update the state
+        currentValue: searchText,
+        informationAssociated: props.informationAssociated,
+        onBlur: handleInputBlur,
+        onFocus: props.onFocus,
+        onInternalErrors: props.onInternalErrors,
+    });
+    const useActionBottomSheet = (0, react_1.useMemo)(() => props.styles?.[state]?.useActionBottomSheet?.[device], [state, device]);
+    // Returns references (OptionsList Collection, ActionBottomSheet and InputPopover) and OptionsList height
+    const { optionsListRefCollection, optionsListCollectionRef, height: listOptionsHeight, } = (0, hooks_2.useCustomHeightFromChildrens)({
+        limit: props.elementsToShow,
+        observer: [props.options, searchText, inputPopoverText],
+        shouldCalculateHeight: !useActionBottomSheet,
+    });
+    // Uses effects
+    // Update value when new prop value
+    (0, react_1.useEffect)(() => {
+        setSearchText(props.value ?? '');
+        setInputPopoverText(props.value ?? '');
+    }, [props.value]);
+    // Set focus on popover input when show
+    const actionBottomSheetRefCb = (0, react_1.useCallback)(node => {
+        node?.querySelector('input')?.focus();
+    }, []);
+    // references
+    const ref = {
+        refInput: inputRef,
+        refList: optionsListRefCollection,
+        refIcon: iconRef,
+        refActionBottomSheet: actionBottomSheetRefCb,
+    };
+    // Filter options
+    const { optionsFiltered, recommendedOption } = (0, filterOptions_1.filterOptions)(useActionBottomSheet ? inputPopoverText : searchText, props.options, props.searchFilterConfig?.wordSeparator, props.searchFilterConfig?.suggestInit);
+    return {
+        openOptions,
+        searchText,
+        inputPopoverText,
+        optionsFiltered,
+        recommendedOption,
+        showHighlightedOption,
+        handleOpenOptions,
+        handleClickInputSearch,
+        handleIconClick,
+        handleInputPopoverIconClick,
+        handleValueSelected,
+        handleChangeInputSearch,
+        handleInputKeyDown,
+        handleInputPopoverKeyDown,
+        state,
+        ref,
+        listOptionsHeight,
+        handleBlurInternal,
+        handleFocusInternal,
+        handleInputPopoverChange,
+        handleOptionsListKeyDown,
+        handleBlurStructure,
+        handleFocusStructure,
+    };
+};
+exports.useInputSearch = useInputSearch;
+//# sourceMappingURL=useInputSearch.js.map

package/dist/cjs/components/inputSearch/hooks/useInputSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputSearch.js","sourceRoot":"","sources":["../../../../../src/components/inputSearch/hooks/useInputSearch.ts"],"names":[],"mappings":";;;AAAA,iCAYe;AAEf,oDAAkE;AAClE,oDAAwF;AACxF,mCAAuE;AACvE,wDAAqD;AACrD,mCAMiB;AAEjB,UAAU;AACV,4DAA8E;AAqEvE,MAAM,cAAc,GAAG,CAAC,EAC7B,0BAA0B,GAAG,IAAI,EACjC,GAAG,KAAK,EACG,EAAc,EAAE;IAC3B,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAEhE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE9F,aAAa;IACb,MAAM,OAAO,GAAG,IAAA,cAAM,GAAe,CAAC;IAEtC,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,IAAA,8BAAsB,EACtF,KAAK,CAAC,IAAI,EACV,SAAS,EACT,KAAK,CAAC,gBAAgB,CACvB,CAAC;IAEF,UAAU;IACV,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC3B,KAAK,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;QAC7B,mBAAmB,CAAC,yBAAiB,CAAC,cAAc,CAAC,CAAC;QACtD,qBAAqB,IAAI,wBAAwB,CAAC,KAAK,CAAC,CAAC;QACzD,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,CAAC;QACnF,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,EAAE,OAAO,IAAI,SAAS,EAAE,CAAC;YACrD,qEAAqE;YACrE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;YAC/B,MAAM,KAAK,GAAG,IAAA,8BAAsB,EAAC;gBACnC,OAAO,EAAE,QAAQ,CAAC,OAAsB;gBACxC,SAAS,EAAE,QAAQ;aACpB,CAAC,CAAC;YACH,KAAK,CAAC,QAAQ,CAAC,KAAiD,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,EAAE;QAC1C,cAAc,CAAC,QAAQ,CAAC,EAAE;YACxB,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACtB,KAAK,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,wBAAwB;IACxB,MAAM,uBAAuB,GAAyC,KAAK,CAAC,EAAE;QAC5E,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAExB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,MAAM,cAAc,GAAG,IAAA,uBAAe,EAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;YACpF,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,cAAc,CAAC;QACtC,CAAC;QAED,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACzC,aAAa,CAAC,aAAa,CAAC,CAAC;QAC7B,mBAAmB,CAAC,aAAa,CAAC,CAAC;QAEnC,qBAAqB,IAAI,wBAAwB,CAAC,KAAK,CAAC,CAAC;QACzD,mBAAmB,CAAC,yBAAiB,CAAC,cAAc,CAAC,CAAC;QAEtD,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAA8C,KAAK,CAAC,EAAE;QAChF,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC;QAChC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAkD,EAAE,EAAE;QAC7E,0BAA0B,IAAI,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC;QAC9D,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAA2C,KAAK,CAAC,EAAE;QACzE,IAAI,IAAA,0BAAkB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QACD,kCAAkC;QAClC,IAAI,IAAA,0BAAkB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,wBAAwB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,iBAAiC,EAAE,KAAK,EAAE,CAAC;YACpF,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;QACD,KAAK,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE;QAC9B,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QACtB,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;QACtE,MAAM,QAAQ,GAAG,IAAA,mCAAmB,EAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAC7D,kGAAkG;QAClG,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,0BAA0B,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE,CAAC;YACvF,gBAAgB,CAAC,yBAAiB,CAAC,cAAc,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,CAAC;IAEF,yBAAyB;IACzB,MAAM,wBAAwB,GAAyC,KAAK,CAAC,EAAE;QAC7E,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QACxB,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAA2C,KAAK,CAAC,EAAE;QAChF,kCAAkC;QAClC,IAAI,IAAA,0BAAkB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,wBAAwB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,iBAAiC,EAAE,KAAK,EAAE,CAAC;YACpF,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,KAAK,CAAC,uBAAuB,EAAE,EAAE,CAAC;QAClC,IAAI,KAAK,CAAC,8BAA8B,EAAE,CAAC;YACzC,mBAAmB,CAAC,EAAE,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,iBAAiB;IACjB,MAAM,wBAAwB,GAAyC,KAAK,CAAC,EAAE;QAC7E,IAAI,cAAc,GAAG,CAAC,CAAC;QACvB,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QAE7D,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC5C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACxC,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;oBAC1C,cAAc,GAAG,CAAC,GAAG,QAAQ,CAAC;gBAChC,CAAC;YACH,CAAC;YACD,iBAAiB;YAChB,OAAO,CAAC,cAAc,CAAiB,CAAC,KAAK,EAAE,CAAC;QACnD,CAAC,CAAC;QAEF,kBAAkB;QAClB,IAAI,IAAA,0BAAkB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC;aAAM,IAAI,IAAA,wBAAgB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACvC,gBAAgB;YAChB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,mBAAmB;IACnB,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,GACrB,GAAG,IAAA,mBAAQ,EAAC;QACX,GAAG,EAAE,KAAK,CAAC,GAAG;QACd,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC;QAC/C,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,4BAA4B;QAC5B,YAAY,EAAE,UAAU;QACxB,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;QAClD,MAAM,EAAE,eAAe;QACvB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KACzC,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,IAAA,eAAO,EAClC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC,MAAM,CAAC,EAC3D,CAAC,KAAK,EAAE,MAAM,CAAC,CAChB,CAAC;IAEF,yGAAyG;IACzG,MAAM,EACJ,wBAAwB,EACxB,wBAAwB,EACxB,MAAM,EAAE,iBAAiB,GAC1B,GAAG,IAAA,oCAA4B,EAAC;QAC/B,KAAK,EAAE,KAAK,CAAC,cAAc;QAC3B,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CAAC;QACvD,qBAAqB,EAAE,CAAC,oBAAoB;KAC7C,CAAC,CAAC;IAEH,eAAe;IACf,mCAAmC;IACnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACjC,mBAAmB,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,uCAAuC;IACvC,MAAM,sBAAsB,GAAG,IAAA,mBAAW,EAAC,IAAI,CAAC,EAAE;QAChD,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa;IACb,MAAM,GAAG,GAAG;QACV,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,wBAAwB;QACjC,OAAO,EAAE,OAAO;QAChB,oBAAoB,EAAE,sBAAsB;KAC7C,CAAC;IAEF,iBAAiB;IACjB,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAa,EAC1D,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EACpD,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,kBAAkB,EAAE,aAAa,EACvC,KAAK,CAAC,kBAAkB,EAAE,WAAW,CACtC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,UAAU;QACV,gBAAgB;QAChB,eAAe;QACf,iBAAiB;QACjB,qBAAqB;QACrB,iBAAiB;QACjB,sBAAsB;QACtB,eAAe;QACf,2BAA2B;QAC3B,mBAAmB;QACnB,uBAAuB;QACvB,kBAAkB;QAClB,yBAAyB;QACzB,KAAK;QACL,GAAG;QACH,iBAAiB;QACjB,kBAAkB;QAClB,mBAAmB;QACnB,wBAAwB;QACxB,wBAAwB;QACxB,mBAAmB;QACnB,oBAAoB;KACrB,CAAC;AACJ,CAAC,CAAC;AA5OW,QAAA,cAAc,kBA4OzB"}

package/dist/cjs/components/inputSearch/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSearch = void 0;
+__exportStar(require("./types"), exports);
+var inputSearch_1 = require("./inputSearch");
+Object.defineProperty(exports, "InputSearch", { enumerable: true, get: function () { return inputSearch_1.InputSearch; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inputSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputSearch/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAwB;AAExB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA"}

package/dist/cjs/components/inputSearch/inputSearch.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSearch = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const input_1 = require("../../components/input");
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const errorBoundary_1 = require("../../provider/errorBoundary");
+const useInputSearch_1 = require("./hooks/useInputSearch");
+const inputSearchStandAlone_1 = require("./inputSearchStandAlone");
+const DEFAULT_LIMIT = 4;
+const InputSearchComponent = React.forwardRef(({ open = false, type = input_1.InputTypeType.TEXT, elementsToShow = DEFAULT_LIMIT, hasResultTextWrittenByUser = true, disableErrorInvalidOption = false, clearTextInputPopoverIconClick = true, highlightedOption = '', value, disabled, error, optionList, informationAssociatedValue, variant, maxLength, regex, onClick, onInputPopoverIconClick, onBlur, onChange, onFocus, onKeyDown, onPopoverOpen, onOptionClick, onInternalErrors, executeInternalOpenOptions, ctv, blockBackPopover = false, searchFilterConfig, ...props }, ref) => {
+    const styles = (0, hooks_1.useStyles)(constants_1.STYLES_NAME.INPUT_SEARCH, variant, ctv);
+    const device = (0, hooks_1.useMediaDevice)();
+    const { openOptions, optionsFiltered, recommendedOption, searchText, inputPopoverText, valueSearchSelected, showHighlightedOption, handleChangeInputSearch, handleClickInputSearch, handleIconClick, handleInputPopoverIconClick, handleOpenOptions, handleValueSelected, handleInputKeyDown, state, ref: innerRef, listOptionsHeight, handleBlurInternal, handleFocusInternal, handleInputPopoverChange, handleInputPopoverKeyDown, handleOptionsListKeyDown, handleBlurStructure, handleFocusStructure, } = (0, useInputSearch_1.useInputSearch)({
+        open,
+        type,
+        options: optionList,
+        value,
+        styles,
+        maxLength,
+        regex,
+        onClick,
+        onIconClick: props.icon?.onClick,
+        executeInternalOpenOptions,
+        onInputPopoverIconClick,
+        elementsToShow,
+        disabled,
+        error,
+        informationAssociated: informationAssociatedValue?.content,
+        ref,
+        hasResultTextWrittenByUser,
+        disableErrorInvalidOption,
+        highlightedOption,
+        clearTextInputPopoverIconClick,
+        onBlur,
+        onChange,
+        onFocus,
+        onKeyDown,
+        onPopoverOpen,
+        onOptionClick,
+        onInternalErrors,
+        searchFilterConfig,
+    });
+    return ((0, jsx_runtime_1.jsx)(inputSearchStandAlone_1.InputSearchStandAlone, { ...props, ref: innerRef, blockBackPopover: blockBackPopover, device: device, hasHighlightedOption: showHighlightedOption, hasResultTextWrittenByUser: hasResultTextWrittenByUser, highlightedOption: highlightedOption, icon: { ...props.icon, onClick: handleIconClick }, informationAssociatedValue: informationAssociatedValue, inputPopoverValue: inputPopoverText, listOptionsHeight: listOptionsHeight, maxLength: maxLength, open: openOptions, optionList: optionsFiltered, recommendedOption: recommendedOption, searchText: searchText, state: state, styles: styles, type: type, value: valueSearchSelected, onBlur: handleBlurInternal, onBlurStructure: handleBlurStructure, onChange: handleChangeInputSearch, onClick: handleClickInputSearch, onFocus: handleFocusInternal, onFocusStructure: handleFocusStructure, onInputPopoverChange: handleInputPopoverChange, onInputPopoverIconClick: handleInputPopoverIconClick, onInputPopoverKeyDown: handleInputPopoverKeyDown, onKeyDown: handleInputKeyDown, onOpenOptions: handleOpenOptions, onOptionsListKeyDown: handleOptionsListKeyDown, onValueSelected: handleValueSelected }));
+});
+InputSearchComponent.displayName = 'InputSearchComponent';
+const InputSearchBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(inputSearchStandAlone_1.InputSearchStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(InputSearchComponent, { ...props, ref: ref }) }));
+const InputSearch = React.forwardRef(InputSearchBoundary);
+exports.InputSearch = InputSearch;
+//# sourceMappingURL=inputSearch.js.map

package/dist/cjs/components/inputSearch/inputSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSearch.js","sourceRoot":"","sources":["../../../../src/components/inputSearch/inputSearch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8CAAmD;AACnD,2CAA0C;AAC1C,mCAAoD;AACpD,4DAA4E;AAE5E,2DAAwD;AACxD,mEAAgE;AAIhE,MAAM,aAAa,GAAG,CAAC,CAAC;AAExB,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,qBAAa,CAAC,IAAI,EACzB,cAAc,GAAG,aAAa,EAC9B,0BAA0B,GAAG,IAAI,EACjC,yBAAyB,GAAG,KAAK,EACjC,8BAA8B,GAAG,IAAI,EACrC,iBAAiB,GAAG,EAAE,EACtB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,0BAA0B,EAC1B,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,uBAAuB,EACvB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,0BAA0B,EAC1B,GAAG,EACH,gBAAgB,GAAG,KAAK,EACxB,kBAAkB,EAClB,GAAG,KAAK,EACQ,EAClB,GAAqD,EACxC,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,iBAAS,EAA4B,uBAAW,CAAC,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAC5F,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,EACJ,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,EACf,2BAA2B,EAC3B,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,KAAK,EACL,GAAG,EAAE,QAAQ,EACb,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,mBAAmB,EACnB,oBAAoB,GACrB,GAAG,IAAA,+BAAc,EAAC;QACjB,IAAI;QACJ,IAAI;QACJ,OAAO,EAAE,UAAU;QACnB,KAAK;QACL,MAAM;QACN,SAAS;QACT,KAAK;QACL,OAAO;QACP,WAAW,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO;QAChC,0BAA0B;QAC1B,uBAAuB;QACvB,cAAc;QACd,QAAQ;QACR,KAAK;QACL,qBAAqB,EAAE,0BAA0B,EAAE,OAAO;QAC1D,GAAG;QACH,0BAA0B;QAC1B,yBAAyB;QACzB,iBAAiB;QACjB,8BAA8B;QAC9B,MAAM;QACN,QAAQ;QACR,OAAO;QACP,SAAS;QACT,aAAa;QACb,aAAa;QACb,gBAAgB;QAChB,kBAAkB;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,6CAAqB,OAChB,KAAK,EACT,GAAG,EACD,QAA0F,EAE5F,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,oBAAoB,EAAE,qBAAqB,EAC3C,0BAA0B,EAAE,0BAA0B,EACtD,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,EACjD,0BAA0B,EAAE,0BAA0B,EACtD,iBAAiB,EAAE,gBAAgB,EACnC,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,eAAe,EAC3B,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,mBAAmB,EAC1B,MAAM,EAAE,kBAAkB,EAC1B,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,uBAAuB,EACjC,OAAO,EAAE,sBAAsB,EAC/B,OAAO,EAAE,mBAAmB,EAC5B,gBAAgB,EAAE,oBAAoB,EACtC,oBAAoB,EAAE,wBAAwB,EAC9C,uBAAuB,EAAE,2BAA2B,EACpD,qBAAqB,EAAE,yBAAyB,EAChD,SAAS,EAAE,kBAAkB,EAC7B,aAAa,EAAE,iBAAiB,EAChC,oBAAoB,EAAE,wBAAwB,EAC9C,eAAe,EAAE,mBAAmB,GACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,KAAsB,EACtB,GAAqD,EACxC,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,6CAAqB,OAAM,KAA2C,EAAE,GAAG,EAAE,GAAG,GAAI,GACnE,YAGtB,uBAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACjB,CAAC;AAEF,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAIxC,CAAC;AAER,kCAAW"}