@dropi/ui-components 1.0.0

package/src/components-source/ui-inventory.json

@@ -0,0 +1,1138 @@
+{
+  "generatedAt": "2025-11-24T19:10:03.627Z",
+  "count": 81,
+  "components": [
+    {
+      "className": "AccordionComponent",
+      "selector": "app-accordion",
+      "path": "accordion/accordion.component.ts",
+      "inputs": [
+        "multiple"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "AccordionItemComponent",
+      "selector": "app-accordion-item",
+      "path": "accordion/accordion-item/accordion-item.component.ts",
+      "inputs": [
+        "sectionTitle",
+        "index"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "AlertComponent",
+      "selector": "app-alert",
+      "path": "alert/alert.component.ts",
+      "inputs": [
+        "message",
+        "type",
+        "state",
+        "dismissable",
+        "showButton",
+        "buttonText",
+        "anchorText",
+        "anchorUrl",
+        "showAlert",
+        "textLink",
+        "clickedText",
+        "linkUrl"
+      ],
+      "outputs": [
+        "onClose",
+        "onButtonClick",
+        "onClickLink"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "AlertModalComponent",
+      "selector": "app-alert-modal",
+      "path": "alert-modal/alert-modal.component.ts",
+      "inputs": [
+        "visible",
+        "params",
+        "loading",
+        "isStep",
+        "contentTemplate"
+      ],
+      "outputs": [
+        "modalOpenChange",
+        "primaryButtonEvent",
+        "secondaryButtonEvent",
+        "onHide"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "AvatarsStorybookComponent",
+      "selector": "app-avatars-storybook",
+      "path": "storybook-doc-components/avatars-storybook/avatars-storybook.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "BorderRadiusStorybookComponent",
+      "selector": "app-border-radius-storybook",
+      "path": "storybook-doc-components/border-radius-storybook/border-radius-storybook.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "BreadcrumbComponent",
+      "selector": "app-breadcrumb",
+      "path": "breadcrumb/breadcrumb.component.ts",
+      "inputs": [
+        "items",
+        "imageIcon",
+        "homeRoute"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "BreakpointsAndGridsStorybookComponent",
+      "selector": "app-breakpoints-and-grids-storybook",
+      "path": "storybook-doc-components/breakpoints-and-grids-storybook/breakpoints-and-grids-storybook.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "CardSectionComponent",
+      "selector": "app-card-section",
+      "path": "card-section/card-section.component.ts",
+      "inputs": [
+        "title",
+        "description",
+        "typeElement",
+        "type",
+        "isChecked"
+      ],
+      "outputs": [
+        "onChange",
+        "onClick"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "CardViewComponent",
+      "selector": "app-card-view",
+      "path": "dropi-file-upload/card-view/card-view.component.ts",
+      "inputs": [
+        "fileItem",
+        "onlyView"
+      ],
+      "outputs": [
+        "action"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "CheckboxSelectionListComponent",
+      "selector": "app-checkbox-selection-list",
+      "path": "checkbox-selection-list/checkbox-selection-list.component.ts",
+      "inputs": [
+        "options",
+        "showFilter",
+        "filterPlaceholder",
+        "searchDelay",
+        "showNotFound",
+        "notFoundMessage",
+        "multiSelect"
+      ],
+      "outputs": [
+        "onSearch",
+        "checkedValues"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "ColorPickerComponent",
+      "selector": "app-color-picker",
+      "path": "color-picker/color-picker.component.ts",
+      "inputs": [
+        "currentColor",
+        "position"
+      ],
+      "outputs": [
+        "colorChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "ColorsStorybookComponent",
+      "selector": "app-colors-storybook",
+      "path": "storybook-doc-components/colors-storybook/colors-storybook.component.ts",
+      "inputs": [
+        "tittle"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "CountryFlagsComponent",
+      "selector": "app-country-flags",
+      "path": "country-flags/country-flags.component.ts",
+      "inputs": [
+        "country",
+        "style"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DatePickerComponent",
+      "selector": "app-date-picker",
+      "path": "date-picker/date-picker.component.ts",
+      "inputs": [
+        "showTime",
+        "minDate",
+        "maxDate",
+        "loading",
+        "setRight",
+        "label",
+        "placeholder",
+        "showIcon",
+        "required",
+        "isInvalid",
+        "disabled",
+        "selectionMode",
+        "filters",
+        "set"
+      ],
+      "outputs": [
+        "onChangeDate",
+        "onClosePanel",
+        "sendFilters"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DatePickerRangeComponent",
+      "selector": "app-date-picker-range",
+      "path": "date-picker-range/date-picker-range.component.ts",
+      "inputs": [
+        "startDate",
+        "showLabel",
+        "placeholder",
+        "endDate",
+        "limit",
+        "minDateLimit",
+        "maxDateLimit",
+        "loading",
+        "setRight",
+        "maxDaysRange",
+        "appendTo"
+      ],
+      "outputs": [
+        "startDateChange",
+        "endDateChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropZoneComponent",
+      "selector": "app-drop-zone",
+      "path": "dropi-file-upload/drop-zone/drop-zone.component.ts",
+      "inputs": [
+        "multiple",
+        "maxFiles",
+        "maxFileSizeMB",
+        "accept",
+        "compress",
+        "maxHeight",
+        "maxWidth",
+        "isNotStore",
+        "textButton",
+        "textFileUpload",
+        "uploadStatus",
+        "disabled"
+      ],
+      "outputs": [
+        "addFiles",
+        "fileCleared"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiBannerExternalComponent",
+      "selector": "app-dropi-banner-external",
+      "path": "dropi-banner-external/dropi-banner-external.component.ts",
+      "inputs": [
+        "slugName",
+        "viewOnWhiteBrand",
+        "viewOnlyCountries"
+      ],
+      "outputs": [
+        "bannerClick",
+        "isVisible"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiBreadcrumbComponent",
+      "selector": "app-dropi-breadcrumb",
+      "path": "dropi-breadcrumb/dropi-breadcrumb.component.ts",
+      "inputs": [
+        "items",
+        "homeRoute",
+        "homeIconName",
+        "lastItemClickable"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiCardCheckboxComponent",
+      "selector": "app-dropi-card-checkbox",
+      "path": "dropi-card-checkbox/dropi-card-checkbox.component.ts",
+      "inputs": [
+        "type",
+        "title",
+        "description",
+        "extraInfo",
+        "extraInfoDescription",
+        "state",
+        "disabled"
+      ],
+      "outputs": [
+        "onChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiCheckboxComponent",
+      "selector": "app-dropi-checkbox",
+      "path": "dropi-checkbox/dropi-checkbox.component.ts",
+      "inputs": [
+        "checked",
+        "disabled"
+      ],
+      "outputs": [
+        "onChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiChipsComponent",
+      "selector": "app-dropi-chips",
+      "path": "dropi-chips/dropi-chips.component.ts",
+      "inputs": [
+        "style",
+        "type",
+        "urlImg",
+        "showIcon",
+        "icon"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiCountrySelectorComponent",
+      "selector": "app-dropi-country-selector",
+      "path": "dropi-country-selector/dropi-country-selector.component.ts",
+      "inputs": [
+        "selectProperties",
+        "disabled",
+        "set",
+        "searchTerm"
+      ],
+      "outputs": [
+        "onChangeSelect"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiDropdownComponent",
+      "selector": "app-dropi-dropdown",
+      "path": "dropi-dropdown/dropi-dropdown.component.ts",
+      "inputs": [
+        "height",
+        "options",
+        "valueModel",
+        "isInSelect",
+        "parameters"
+      ],
+      "outputs": [
+        "modelChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiFileUploadComponent",
+      "selector": "app-dropi-file-upload",
+      "path": "dropi-file-upload/dropi-file-upload.component.ts",
+      "inputs": [
+        "params"
+      ],
+      "outputs": [
+        "uploadedUrlsChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiModalStoryComponent",
+      "selector": "app-dropi-modal",
+      "path": "storybook-doc-components/dropi-modal/dropi-modal.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiNavBarComponent",
+      "selector": "app-dropi-navbar",
+      "path": "dropi-navbar/dropi-navbar.component.ts",
+      "inputs": [
+        "data",
+        "title"
+      ],
+      "outputs": [
+        "clickLoadItem"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiPaginatorComponent",
+      "selector": "app-dropi-paginator",
+      "path": "dropi-paginator/dropi-paginator.component.ts",
+      "inputs": [
+        "totalPages",
+        "currentPage",
+        "disabled",
+        "maxVisiblePages"
+      ],
+      "outputs": [
+        "pageChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiPhoneInputComponent",
+      "selector": "app-dropi-phone-input",
+      "path": "dropi-phone-input/dropi-phone-input.component.ts",
+      "inputs": [
+        "set",
+        "ngModelPhone",
+        "phoneNumberPlaceholder",
+        "isValidPhone",
+        "selectedOption",
+        "selectProperties",
+        "validateOnInit",
+        "disabledInput"
+      ],
+      "outputs": [
+        "ngModelChangeCod",
+        "ngModelChangePhone",
+        "verifiedField",
+        "onChangeSelect"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiRadioButtonComponent",
+      "selector": "app-dropi-radio-button",
+      "path": "dropi-radio-button/dropi-radio-button.component.ts",
+      "inputs": [
+        "label",
+        "name",
+        "id",
+        "checked",
+        "resetTrigger"
+      ],
+      "outputs": [
+        "onChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiSearchComponent",
+      "selector": "app-dropi-search",
+      "path": "dropi-search/dropi-search.component.ts",
+      "inputs": [
+        "type",
+        "placeholder",
+        "textInput",
+        "typeInput",
+        "maxLength",
+        "showIcon",
+        "dataToSearch",
+        "dataName",
+        "position",
+        "heightOverlay",
+        "model",
+        "label"
+      ],
+      "outputs": [
+        "modelChange",
+        "onBlur",
+        "onInput",
+        "onKeyEnter",
+        "onChange",
+        "onClear"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiSelectComponent",
+      "selector": "app-dropi-select",
+      "path": "dropi-select/dropi-select.component.ts",
+      "inputs": [
+        "selectProperties",
+        "disabled"
+      ],
+      "outputs": [
+        "onClear",
+        "onChangeSelect",
+        "scrolledToEnd",
+        "onKeyEnter"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiSkeletonComponent",
+      "selector": "app-dropi-skeleton",
+      "path": "dropi-skeleton/dropi-skeleton.component.ts",
+      "inputs": [
+        "width",
+        "height",
+        "radius",
+        "baseColor"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiTableComponent",
+      "selector": "app-dropi-table",
+      "path": "dropi-table/dropi-table.component.ts",
+      "inputs": [
+        "headers",
+        "data",
+        "childData",
+        "visibleRowsChildrens",
+        "dropiTableConfiguration",
+        "dropiTableBackendParams",
+        "loading"
+      ],
+      "outputs": [
+        "rowsSelected",
+        "actionClicked",
+        "onPageChange",
+        "onSizeChange",
+        "onSortChange",
+        "expandChildren"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiTagComponent",
+      "selector": "app-dropi-tag",
+      "path": "dropi-tag/dropi-tag.component.ts",
+      "inputs": [
+        "type",
+        "state",
+        "showIcon",
+        "icon",
+        "text"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiTextAreaComponent",
+      "selector": "app-dropi-text-area",
+      "path": "dropi-text-area/dropi-text-area.component.ts",
+      "inputs": [
+        "textAreaProperties",
+        "disabled",
+        "showObligatoryAsterisk"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiToastStoryComponent",
+      "selector": "app-dropi-toast",
+      "path": "storybook-doc-components/dropi-toast/dropi-toast.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "EmptyStateComponent",
+      "selector": "app-empty-state",
+      "path": "empty-state/empty-state.component.ts",
+      "inputs": [
+        "buttonText",
+        "description",
+        "buttonSeverity",
+        "title"
+      ],
+      "outputs": [
+        "buttonClickEvent"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "FileListComponent",
+      "selector": "app-file-list",
+      "path": "dropi-file-upload/file-list/file-list.component.ts",
+      "inputs": [
+        "files",
+        "onlyView",
+        "previewType",
+        "maxFiles",
+        "addButton"
+      ],
+      "outputs": [
+        "action"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "FileUploadProgressBarComponent",
+      "selector": "app-file-upload-progress-bar",
+      "path": "file-upload-progress-bar/file-upload-progress-bar.component.ts",
+      "inputs": [
+        "textFile",
+        "progress",
+        "type",
+        "ulrImage",
+        "isPreview"
+      ],
+      "outputs": [
+        "deleteFile",
+        "uploadComplete",
+        "viewFile"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "FlagsStorybookComponent",
+      "selector": "app-flags-storybook",
+      "path": "storybook-doc-components/flags-storybook/flags-storybook.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "FoundationsComponent",
+      "selector": "app-foundations",
+      "path": "foundations/foundations.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "GridViewComponent",
+      "selector": "app-grid-view",
+      "path": "dropi-file-upload/grid-view/grid-view.component.ts",
+      "inputs": [
+        "fileItem"
+      ],
+      "outputs": [
+        "action"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "IconComponent",
+      "selector": "app-icon",
+      "path": "icon/icon.component.ts",
+      "inputs": [
+        "name",
+        "width",
+        "height",
+        "color"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "IconsStorybookComponent",
+      "selector": "app-icons-storybook",
+      "path": "storybook-doc-components/icons-storybook/icons-storybook.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "InputComponent",
+      "selector": "app-input",
+      "path": "input/input.component.ts",
+      "inputs": [
+        "inputProperties",
+        "disabled",
+        "showObligatoryAsterisk",
+        "fixedLabel"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "LogoStorybookComponent",
+      "selector": "app-logo-storybook",
+      "path": "storybook-doc-components/logo-storybook/logo-foundations.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "LottieLoaderComponent",
+      "selector": "app-lottie-loader",
+      "path": "lottie-loader/lottie-loader.component.ts",
+      "inputs": [
+        "visible",
+        "loadingAnimation",
+        "title",
+        "message"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "LustrationStorybookComponent",
+      "selector": "app-lustration-storybook",
+      "path": "storybook-doc-components/lustration-storybook/lustration-storybook.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "RadioSelectionListComponent",
+      "selector": "app-radio-selection-list",
+      "path": "radio-selection-list/radio-selection-list.component.ts",
+      "inputs": [
+        "extraContent",
+        "withExtraContentId",
+        "options",
+        "typeLayout",
+        "alwaysShowDescription",
+        "selectedOption",
+        "showFilter",
+        "filterPlaceholder",
+        "searchDelay"
+      ],
+      "outputs": [
+        "valueChange",
+        "onSearch"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "ReadMoreComponent",
+      "selector": "app-read-more",
+      "path": "read-more/read-more.component.ts",
+      "inputs": [
+        "text",
+        "maxWords",
+        "textStyle",
+        "buttonStyle",
+        "showSeeLess"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "ShadowStorybookComponent",
+      "selector": "app-shadow-storybook",
+      "path": "storybook-doc-components/shadow-storybook/shadow-storybook.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "SidebarComponent",
+      "selector": "app-sidebar",
+      "path": "sidebar/sidebar.component.ts",
+      "inputs": [
+        "sideBarProperties"
+      ],
+      "outputs": [
+        "onIndexChanged"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "SimpleStepperComponent",
+      "selector": "app-simple-stepper",
+      "path": "simple-stepper/simple-stepper.component.ts",
+      "inputs": [
+        "stepsCount",
+        "typeStep",
+        "currentStep",
+        "labelStepper",
+        "flowMode",
+        "white_brand"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "SpacingStorybookComponent",
+      "selector": "app-spacing-storybook",
+      "path": "storybook-doc-components/spacing-storybook/spacing-storybook.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "StoryPageComponent",
+      "selector": "app-story-page",
+      "path": "storybook-doc-components/story-page/story-page.component.ts",
+      "inputs": [
+        "tittle"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiSwitchComponent",
+      "selector": "app-switch",
+      "path": "dropi-switch/dropi-switch.component.ts",
+      "inputs": [
+        "isChecked"
+      ],
+      "outputs": [
+        "onChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "TabsComponent",
+      "selector": "app-tabs",
+      "path": "tabs/tabs.component.ts",
+      "inputs": [
+        "configuration",
+        "showIcon",
+        "activeTab"
+      ],
+      "outputs": [
+        "onIndexChanged"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "TemplateBreakpointStorybookComponent",
+      "selector": "app-template-breakpoint-storybook",
+      "path": "storybook-doc-components/template-breakpoint-storybook/template-breakpoint-storybook.component.ts",
+      "inputs": [
+        "breakpoint",
+        "columns",
+        "margins",
+        "gutters",
+        "container"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "TillteTableDocumentationComponent",
+      "selector": "app-tillte-table-documentation",
+      "path": "storybook-doc-components/tillte-table-documentation/tillte-table-documentation.component.ts",
+      "inputs": [
+        "dataTable",
+        "tittle",
+        "description",
+        "type"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "ToastComponent",
+      "selector": "app-toast",
+      "path": "toast/toast.component.ts",
+      "inputs": [
+        "forceBrandIsDropi"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "AlertComponent2",
+      "selector": "dropi-alert-legacy",
+      "path": "alert-legacy/alert.component.ts",
+      "inputs": [
+        "visible",
+        "message",
+        "type",
+        "autoClose"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiAvatarsComponent",
+      "selector": "dropi-avatars",
+      "path": "dropi-avatars/dropi-avatars.component.ts",
+      "inputs": [
+        "image",
+        "alt",
+        "type",
+        "set"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "BadgeComponent",
+      "selector": "dropi-badge",
+      "path": "badge/badge.component.ts",
+      "inputs": [
+        "state"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiBadgeComponent",
+      "selector": "dropi-badge",
+      "path": "dropi-badge/dropi-badge.component.ts",
+      "inputs": [
+        "type",
+        "state",
+        "variant",
+        "count"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiBorderRadiusDemoComponent",
+      "selector": "dropi-border-radius-demo",
+      "path": "foundations/dropi-border-radius-demo/dropi-border-radius-demo.component.ts",
+      "inputs": [
+        "borderRadius"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "ButtonComponent",
+      "selector": "dropi-button",
+      "path": "dropi-button/dropi-button.component.ts",
+      "inputs": [
+        "type",
+        "severity",
+        "size",
+        "state",
+        "preIcon",
+        "postIcon",
+        "text"
+      ],
+      "outputs": [
+        "onClick"
+      ],
+      "figmaNodeId": "2-381"
+    },
+    {
+      "className": "CardProductComponent",
+      "selector": "dropi-card-product",
+      "path": "card-product/card-product.component.ts",
+      "inputs": [
+        "product",
+        "state",
+        "aS",
+        "bettaTester"
+      ],
+      "outputs": [
+        "onAddToCart",
+        "onProductClick",
+        "changeFavorite"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiCarouselComponent",
+      "selector": "dropi-carousel",
+      "path": "dropi-carousel/dropi-carousel.component.ts",
+      "inputs": [
+        "value",
+        "page",
+        "numVisible",
+        "numScroll",
+        "responsiveOptions",
+        "orientation",
+        "verticalViewPortHeight",
+        "contentClass",
+        "indicatorsContentClass",
+        "showIndicators",
+        "showNavigators",
+        "autoplayInterval",
+        "circular"
+      ],
+      "outputs": [
+        "pageChange",
+        "onPage"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "CitySelectorComponent",
+      "selector": "dropi-city-selector",
+      "path": "city-selector/city-selector.component.ts",
+      "inputs": [
+        "selectedCities",
+        "disabled"
+      ],
+      "outputs": [
+        "selectedCitiesChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiFavoriteButtonComponent",
+      "selector": "dropi-favorite-button",
+      "path": "dropi-favorite-button/dropi-favorite-button.component.ts",
+      "inputs": [
+        "isFavorite"
+      ],
+      "outputs": [
+        "toggleFavorite"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiIlustrationIconComponent",
+      "selector": "dropi-ilustration-icon",
+      "path": "dropi-ilustration-icon/dropi-ilustration-icon.component.ts",
+      "inputs": [
+        "type",
+        "state",
+        "stateInsignia",
+        "tagProduct"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiImageOverlayComponent",
+      "selector": "dropi-image-overlay",
+      "path": "dropi-image-overlay/dropi-image-overlay.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiLanguagesSelectorComponent",
+      "selector": "dropi-languages-selector",
+      "path": "dropi-languages-selector/dropi-languages-selector.component.ts",
+      "inputs": [
+        "languages",
+        "selectedLang"
+      ],
+      "outputs": [
+        "languageChange"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiLogoComponent",
+      "selector": "dropi-logo",
+      "path": "dropi-logo/dropi-logo.component.ts",
+      "inputs": [
+        "urlLogo",
+        "size",
+        "theme"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiStepsComponent",
+      "selector": "dropi-steps",
+      "path": "dropi-steps/dropi-steps.component.ts",
+      "inputs": [
+        "stepsCount",
+        "showNumberOfStep",
+        "currentStep",
+        "stepLabels",
+        "state"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "TooltipComponent",
+      "selector": "dropi-tooltip",
+      "path": "tooltip/tooltip.component.ts",
+      "inputs": [
+        "text",
+        "outlined"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiTooltipComponent",
+      "selector": "dropi-tooltip-v2",
+      "path": "dropi-tooltip/dropi-tooltip.component.ts",
+      "inputs": [
+        "text",
+        "title",
+        "label",
+        "position",
+        "arrowPosition",
+        "trigger",
+        "disabled",
+        "showIcon",
+        "showX",
+        "iconName",
+        "iconColor",
+        "iconSize",
+        "maxWidth",
+        "minWidth"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "DropiYoutubeLazyVideoComponent",
+      "selector": "dropi-youtube-lazy-video",
+      "path": "dropi-youtube-lazy-video/dropi-youtube-lazy-video.component.ts",
+      "inputs": [
+        "videoId",
+        "thumbnailSrc",
+        "videoTitle"
+      ],
+      "outputs": [],
+      "figmaNodeId": null
+    },
+    {
+      "className": "OtpSendCodeComponent",
+      "selector": "otp-send-code",
+      "path": "otp-send-code/otp-send-code.component.ts",
+      "inputs": [
+        "modulename",
+        "engine",
+        "emailSend",
+        "typeAlert",
+        "paramSendCode",
+        "showLabelContact",
+        "typeLabelContact",
+        "labelContact",
+        "typeBadge"
+      ],
+      "outputs": [
+        "codeCompleted",
+        "codeAccepted"
+      ],
+      "figmaNodeId": null
+    },
+    {
+      "className": "TagTypeProductComponent",
+      "selector": "tag-type-product",
+      "path": "tag-type-product/tag-type-product.component.ts",
+      "inputs": [],
+      "outputs": [],
+      "figmaNodeId": null
+    }
+  ]
+}