@salla.sa/twilight-components 2.14.391 → 2.14.393

package/dist/types/components.d.ts

@@ -4306,6 +4306,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
     /**
      * @salla /ui-components
      * The `salla-accordion` component represents an accordion element.
@@ -7046,109 +7048,693 @@ declare namespace LocalJSX {
     }
     interface SallaWallet {
     }
+
+    interface SallaAccordionAttributes {
+        "collapsible": boolean;
+        "bordered": boolean;
+        "size": "sm" | "md" | "lg";
+        "collapsed": boolean;
+    }
+    interface SallaAccordionHeadAttributes {
+        "collapsible": boolean;
+        "collapsed": boolean;
+    }
+    interface SallaAddProductButtonAttributes {
+        "channels": string;
+        "subscribedOptions": string;
+        "hasPreOrder": boolean;
+        "quickBuy": boolean;
+        "quantity": number;
+        "donatingAmount": number;
+        "notifyOptionsAvailability": boolean;
+        "productId": string;
+        "supportStickyBar": boolean;
+        "productStatus": 'sale' | 'out' | 'out-and-notify';
+        "productType": 'product' | 'service' | 'codes' | 'digital' | 'food' | 'donating' | 'group_products' | 'booking' | 'financial_support';
+    }
+    interface SallaAlertAttributes {
+        "message": string;
+        "variant": 'info' | 'success' | 'warning' | 'error';
+        "icon": 'info' | 'success' | 'warning' | 'error' | 'none';
+    }
+    interface SallaAppsIconsAttributes {
+        "hideTitle": boolean;
+        "appsTitle": string;
+        "vertical": boolean;
+    }
+    interface SallaBookingFieldAttributes {
+        "productId": number;
+    }
+    interface SallaBottomAlertAttributes {
+        "type": 'link' | 'popup' | 'banner';
+        "icon": string;
+        "message": string;
+        "actionUrl": string;
+        "actionLabel": string;
+    }
+    interface SallaButtonAttributes {
+        "shape": 'link' | 'icon' | 'btn';
+        "color": 'primary' | 'success' | 'warning' | 'danger' | 'light' | 'gray' | 'dark';
+        "fill": 'solid' | 'outline' | 'none';
+        "size": 'small' | 'large' | 'medium';
+        "width": 'wide' | 'normal';
+        "loading": boolean;
+        "disabled": boolean;
+        "loaderPosition": 'start' | 'end' | 'center' | 'after';
+        "href": string;
+        "type": string;
+    }
+    interface SallaCartItemOffersAttributes {
+        "quantity": number;
+        "offers": string;
+        "itemId": number;
+        "productPrice": number;
+    }
+    interface SallaCartSummaryAttributes {
+        "showCartLabel": boolean;
+    }
+    interface SallaColorPickerAttributes {
+        "name": string;
+        "required": boolean;
+        "color": string;
+        "format": 'hex' | 'hsl' | 'rgb';
+        "showCancelButton": boolean;
+        "showTextField": boolean;
+        "enableAlpha": boolean;
+    }
+    interface SallaCommentFormAttributes {
+        "type": 'product' | 'page' | 'blog';
+        "showAvatar": boolean;
+        "itemId": string;
+    }
+    interface SallaCommentsAttributes {
+        "itemId": number;
+        "loadMoreText": string;
+        "hideForm": boolean;
+        "blockTitle": string;
+        "hideTitle": boolean;
+        "type": CommentType.PAGE | CommentType.PRODUCT | CommentType.BLOG;
+        "showFormAvatar": boolean;
+        "hideBought": boolean;
+        "sort": string | 'latest' | 'oldest' | 'bottom_rating' | 'top_rating';
+        "testimonials": boolean;
+    }
+    interface SallaContactsAttributes {
+        "contactsTitle": string;
+        "hideTitle": boolean;
+        "isHeader": boolean;
+        "horizontal": boolean;
+        "iconsOnly": boolean;
+    }
+    interface SallaCountDownAttributes {
+        "date": string;
+        "preOrder": PreOrder | string;
+        "horizontal": boolean;
+        "withButton": boolean;
+        "prefixText": string;
+        "buttonHref": string;
+        "buttonText": string;
+        "buttonIcon": string;
+        "boxed": boolean;
+        "size": 'sm' | 'md' | 'lg';
+        "color": 'primary' | 'light' | 'dark';
+        "labeled": boolean;
+        "endText": string;
+        "boxColor": string;
+        "boxTheme": string;
+        "listPadding": string;
+        "digits": 'en' | 'auto';
+        "endOfDay": boolean;
+        "autoSegments": boolean;
+    }
+    interface SallaCustomFieldsAttributes {
+        "fields": string | CustomField[];
+        "isEditable": boolean;
+        "fileUploadUrl": string;
+    }
+    interface SallaDatetimePickerAttributes {
+        "value": string;
+        "required": boolean;
+        "name": string;
+        "placeholder": string;
+        "allowInput": boolean;
+        "allowInvalidPreload": boolean;
+        "altFormat": string;
+        "altInput": boolean;
+        "altInputClass": string;
+        "ariaDateFormat": string;
+        "autoFillDefaultTime": boolean;
+        "clickOpens": boolean;
+        "closeOnSelect": boolean;
+        "conjunction": string;
+        "dateFormat": string;
+        "defaultDate": string;
+        "defaultHour": number;
+        "defaultMinute": number;
+        "defaultSeconds": number;
+        "disableMobile": boolean;
+        "enableSeconds": boolean;
+        "enableTime": boolean;
+        "hourIncrement": number;
+        "inline": boolean;
+        "locale": LocaleKey;
+        "maxDate": string;
+        "maxTime": string;
+        "minDate": string;
+        "minTime": string;
+        "minuteIncrement": number;
+        "mode": "single" | "multiple" | "range" | "time";
+        "monthSelectorType": "dropdown" | "static";
+        "nextArrow": string;
+        "noCalendar": boolean;
+        "position": "auto" | "above" | "below" | "auto left" | "auto center" | "auto right" | "above left" | "above center" | "above right" | "below left" | "below center" | "below right" | ((self: any, customElement: HTMLElement | undefined) => void);
+        "prevArrow": string;
+        "shorthandCurrentMonth": boolean;
+        "static": boolean;
+        "showMonths": number;
+        "time_24hr": boolean;
+        "weekNumbers": boolean;
+        "wrap": boolean;
+        "disabled": boolean;
+    }
+    interface SallaDrawerAttributes {
+        "isClosable": boolean;
+        "width": 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+        "position": 'left' | 'right';
+        "visible": boolean;
+        "hasSkeleton": boolean;
+        "isLoading": boolean;
+        "subTitleFirst": boolean;
+        "noPadding": boolean;
+        "subTitle": string;
+        "centered": boolean;
+        "iconStyle": 'error' | 'success' | 'primary' | 'normal';
+    }
+    interface SallaFileUploadAttributes {
+        "value": string;
+        "files": string;
+        "height": string;
+        "cartItemId": string;
+        "profileImage": boolean;
+        "name": string;
+        "payloadName": string;
+        "type": string;
+        "accept": string;
+        "fileId": number;
+        "url": string;
+        "method": string;
+        "formData": string;
+        "required": boolean;
+        "maxFileSize": `${number}MB` | `${number}KB}`;
+        "disabled": boolean;
+        "allowDrop": boolean;
+        "allowBrowse": boolean;
+        "allowPaste": boolean;
+        "allowMultiple": boolean;
+        "allowReplace": boolean;
+        "allowRevert": boolean;
+        "allowRemove": boolean;
+        "allowProcess": boolean;
+        "allowReorder": boolean;
+        "allowImagePreview": boolean;
+        "imagePreviewHeight": number;
+        "filePosterHeight": number;
+        "storeAsFile": boolean;
+        "forceRevert": boolean;
+        "maxFilesCount": number;
+        "maxParallelUploads": number;
+        "checkValidity": boolean;
+        "itemInsertLocation": 'before' | 'after' | ((a: FilePondFile, b: FilePondFile) => number);
+        "itemInsertInterval": number;
+        "credits": false;
+        "dropOnPage": boolean;
+        "dropOnElement": boolean;
+        "dropValidation": boolean;
+        "instantUpload": boolean;
+        "chunkUploads": boolean;
+        "chunkForce": boolean;
+        "chunkSize": number;
+        "labelDecimalSeparator": string;
+        "labelThousandsSeparator": string;
+        "labelIdle": string;
+        "iconRemove": string;
+        "iconProcess": string;
+        "iconRetry": string;
+        "iconUndo": string;
+    }
+    interface SallaFiltersWidgetAttributes {
+        "withLoadMore": boolean;
+    }
+    interface SallaGiftingAttributes {
+        "productId": number;
+        "widgetTitle": string;
+        "widgetSubtitle": string;
+        "physicalProducts": boolean;
+        "vertical": boolean;
+        "formSelector": string;
+    }
+    interface SallaHookAttributes {
+        "name": string;
+    }
+    interface SallaInfiniteScrollAttributes {
+        "nextPage": string;
+        "autoload": boolean;
+        "container": string;
+        "loadMoreText": string;
+        "item": string;
+    }
+    interface SallaInstallmentAttributes {
+        "price": string;
+        "language": string;
+        "currency": string;
+        "country": string;
+    }
+    interface SallaListTileAttributes {
+        "href": string | undefined;
+        "target": "_blank" | "_self" | "_parent" | "_top" | "framename";
+    }
+    interface SallaLoadingAttributes {
+        "size": string;
+        "width": string;
+        "color": string;
+        "bgColor": string;
+    }
+    interface SallaLocalizationModalAttributes {
+        "language": string;
+        "currency": string;
+        "showTrigger": boolean;
+    }
+    interface SallaLoginModalAttributes {
+        "isEmailAllowed": boolean;
+        "isMobileAllowed": boolean;
+        "isEmailRequired": boolean;
+        "supportWebAuth": boolean;
+        "inline": boolean;
+        "storeId": string;
+        "api": string;
+        "headers": { [key: string]: string } | string;
+        "withoutReload": boolean;
+    }
+    interface SallaLoyaltyAttributes {
+        "prizePoints": string;
+        "customerPoints": number;
+        "prizeTitle": string;
+        "allowEmail": boolean;
+        "allowMobile": boolean;
+        "requireEmail": boolean;
+        "guestMessage": string;
+    }
+    interface SallaMapAttributes {
+        "name": string;
+        "required": boolean;
+        "readonly": boolean;
+        "searchable": boolean;
+        "lat": number;
+        "lng": number;
+        "apiKey": string;
+        "modalTitle": string;
+        "zoom": number;
+        "theme": string;
+    }
+    interface SallaMenuAttributes {
+        "source": Sources;
+        "sourceValue": string;
+        "topnav": boolean;
+        "useReactLink": boolean;
+        "limit": number;
+    }
+    interface SallaMetadataAttributes {
+        "entity": string;
+        "entityId": string;
+    }
+    interface SallaModalAttributes {
+        "isClosable": boolean;
+        "width": 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+        "position": 'top' | 'middle' | 'bottom';
+        "visible": boolean;
+        "hasSkeleton": boolean;
+        "isLoading": boolean;
+        "subTitleFirst": boolean;
+        "noPadding": boolean;
+        "subTitle": string;
+        "centered": boolean;
+        "iconStyle": 'error' | 'success' | 'primary' | 'normal';
+    }
+    interface SallaMultipleBundleProductAttributes {
+        "bundleSections": string;
+    }
+    interface SallaMultipleBundleProductSliderAttributes {
+        "sectionIndex": number;
+    }
+    interface SallaNotificationsAttributes {
+        "loadMoreText": string;
+        "itemPerPage": number;
+    }
+    interface SallaOfferAttributes {
+        "productCardComponent": string;
+    }
+    interface SallaOrderDetailsAttributes {
+        "orderDetails": string | OrderProduct;
+    }
+    interface SallaOrderDetailsMultipleBundleProductAttributes {
+        "collapsible": boolean;
+        "placeholderImage": string;
+    }
+    interface SallaOrderDetailsOptionsAttributes {
+        "options": ProductOption[] | string;
+        "bordered": boolean;
+        "placeholderImage": string;
+    }
+    interface SallaOrderEditAttributes {
+        "orderId": string;
+        "orderData": string;
+    }
+    interface SallaOrderEditItemAttributes {
+        "orderId": string;
+    }
+    interface SallaOrderSummaryAttributes {
+        "orderId": number;
+    }
+    interface SallaOrderTotalsCardAttributes {
+        "order": string | Order;
+    }
+    interface SallaOrdersAttributes {
+        "loadMoreText": string;
+    }
+    interface SallaPlaceholderAttributes {
+        "icon": string;
+        "alignment": 'left' | 'center' | 'right';
+        "iconSize": 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+    }
+    interface SallaPriceRangeAttributes {
+        "minPrice": string;
+        "maxPrice": string;
+        "filtersData": string;
+    }
+    interface SallaProductAvailabilityAttributes {
+        "channels": 'sms' | 'email' | 'sms,email';
+        "notifyOptionsAvailability": boolean;
+        "productId": number;
+        "isSubscribed": boolean;
+    }
+    interface SallaProductCardAttributes {
+        "product": string | object;
+        "horizontal": boolean;
+        "shadowOnHover": boolean;
+        "hideAddBtn": boolean;
+        "fullImage": boolean;
+        "minimal": boolean;
+        "isSpecial": boolean;
+        "showQuantity": boolean;
+        "compact": boolean;
+    }
+    interface SallaProductOptionsAttributes {
+        "productId": string;
+        "options": string;
+        "hideOutLabel": string;
+        "uniqueKey": string;
+        "bundleContext": string | object;
+        "config": string;
+    }
+    interface SallaProductsListAttributes {
+        "source": 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'search' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'sales' | 'wishlist' | 'top-rated' | 'reorder' | 'recently';
+        "sourceValue": string;
+        "limit": number;
+        "sortBy": string | 'ourSuggest' | 'bestSell' | 'topRated' | 'priceFromTopToLow' | 'priceFromLowToTop';
+        "filtersResults": boolean;
+        "horizontalCards": boolean;
+        "rowCards": boolean;
+        "compactCards": boolean;
+        "autoload": boolean;
+        "loadMoreText": string;
+        "productCardComponent": string;
+    }
+    interface SallaProductsSliderAttributes {
+        "blockTitle": string;
+        "subTitle": string;
+        "sliderId": string;
+        "displayAllUrl": string;
+        "autoplay": boolean;
+        "source": 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'wishlist' | 'top-rated' | 'recently';
+        "sourceValue": string;
+        "limit": number;
+        "sliderConfig": string;
+        "productCardComponent": string;
+    }
+    interface SallaProgressBarAttributes {
+        "donation": string | Donation;
+        "target": number;
+        "value": number;
+        "height": string;
+        "header": string;
+        "stripped": boolean;
+        "message": string;
+        "unit": string;
+        "color": string;
+        "hideUnits": boolean;
+    }
+    interface SallaQuantityInputAttributes {
+        "cartItemId": string;
+    }
+    interface SallaQuickBuyAttributes {
+        "type": 'plain' | 'buy' | 'donate' | 'book' | 'pay' | 'order';
+        "productType": string;
+        "productId": string;
+        "cartId": string;
+        "amount": number;
+        "currency": string;
+        "isRequireShipping": boolean;
+        "applePayOnly": boolean;
+        "validateHost": string;
+    }
+    interface SallaQuickOrderAttributes {
+        "quickOrderTitle": string;
+        "subTitle": string;
+        "payButtonTitle": string;
+        "confirmPayButtonTitle": string;
+        "agreementText": string;
+        "isEmailRequired": boolean;
+        "productId": string;
+        "thanksMessage": string;
+        "quickOrderStyle": 'gray' | 'white' | 'default';
+    }
+    interface SallaRatingModalAttributes {
+        "orderId": number;
+    }
+    interface SallaRatingStarsAttributes {
+        "name": string;
+        "size": "large" | "medium" | "small" | "mini";
+        "value": number;
+        "reviews": number;
+        "withLabel": boolean;
+        "editable": boolean;
+    }
+    interface SallaReviewsAttributes {
+        "displayAllLink": boolean;
+        "source": Source;
+        "sourceValue": string | object | Array<number>;
+        "limit": number;
+        "type": ReviewType;
+        "sort": SortingOption;
+        "hideCustomerInfo": boolean;
+    }
+    interface SallaReviewsSummaryAttributes {
+        "itemId": number;
+    }
+    interface SallaScopesAttributes {
+        "selection": 'optional' | 'mandatory';
+        "searchDisplayLimit": number;
+    }
+    interface SallaSearchAttributes {
+        "placeholder": boolean;
+        "inline": boolean;
+        "oval": boolean;
+        "height": number;
+        "maxWords": number;
+        "showAction": boolean;
+    }
+    interface SallaSkeletonAttributes {
+        "type": 'circle' | 'normal';
+        "width": string;
+        "height": string;
+    }
+    interface SallaSliderAttributes {
+        "blockTitle": string;
+        "listenToThumbnailsOption": boolean;
+        "blockSubtitle": string;
+        "displayAllUrl": string;
+        "arrowsCentered": boolean;
+        "verticalThumbs": boolean;
+        "gridThumbs": boolean;
+        "vertical": boolean;
+        "autoHeight": boolean;
+        "showControls": boolean;
+        "controlsOuter": boolean;
+        "showThumbsControls": boolean;
+        "staticWhenSingle": boolean;
+        "autoPlay": boolean;
+        "slidesPerView": string;
+        "pagination": boolean;
+        "centered": boolean;
+        "loop": boolean;
+        "direction": string;
+        "type": 'carousel' | 'fullscreen' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | 'fullwidth' | '';
+        "sliderConfig": string;
+        "thumbsConfig": string;
+    }
+    interface SallaSocialShareAttributes {
+        "url": string;
+        "urlName": string;
+        "platforms": string;
+    }
+    interface SallaTabContentAttributes {
+        "name": string;
+    }
+    interface SallaTabHeaderAttributes {
+        "name": string;
+        "activeClass": string;
+        "height": string;
+        "centered": boolean;
+    }
+    interface SallaTabsAttributes {
+        "backgroundColor": string;
+        "vertical": boolean;
+    }
+    interface SallaTelInputAttributes {
+        "phone": string;
+        "autofocus": boolean;
+        "name": string;
+        "disabled": boolean;
+        "countryCode": string;
+    }
+    interface SallaTooltipAttributes {
+        "text": string;
+        "targetId": string;
+        "theme": string;
+    }
+    interface SallaTrustBadgesAttributes {
+        "dark": boolean;
+    }
+    interface SallaUserMenuAttributes {
+        "inline": boolean;
+        "avatarOnly": boolean;
+        "showHeader": boolean;
+        "relativeDropdown": boolean;
+        "showTrigger": boolean;
+    }
+    interface SallaUserProfileAttributes {
+        "minAge": number;
+    }
+    interface SallaVerifyAttributes {
+        "display": 'inline' | 'modal';
+        "type": 'mobile' | 'email';
+        "autoReload": boolean;
+        "supportWebAuth": boolean;
+    }
+
     interface IntrinsicElements {
-        "salla-accordion": SallaAccordion;
+        "salla-accordion": Omit<SallaAccordion, keyof SallaAccordionAttributes> & { [K in keyof SallaAccordion & keyof SallaAccordionAttributes]?: SallaAccordion[K] } & { [K in keyof SallaAccordion & keyof SallaAccordionAttributes as `attr:${K}`]?: SallaAccordionAttributes[K] } & { [K in keyof SallaAccordion & keyof SallaAccordionAttributes as `prop:${K}`]?: SallaAccordion[K] };
         "salla-accordion-body": SallaAccordionBody;
-        "salla-accordion-head": SallaAccordionHead;
-        "salla-add-product-button": SallaAddProductButton;
+        "salla-accordion-head": Omit<SallaAccordionHead, keyof SallaAccordionHeadAttributes> & { [K in keyof SallaAccordionHead & keyof SallaAccordionHeadAttributes]?: SallaAccordionHead[K] } & { [K in keyof SallaAccordionHead & keyof SallaAccordionHeadAttributes as `attr:${K}`]?: SallaAccordionHeadAttributes[K] } & { [K in keyof SallaAccordionHead & keyof SallaAccordionHeadAttributes as `prop:${K}`]?: SallaAccordionHead[K] };
+        "salla-add-product-button": Omit<SallaAddProductButton, keyof SallaAddProductButtonAttributes> & { [K in keyof SallaAddProductButton & keyof SallaAddProductButtonAttributes]?: SallaAddProductButton[K] } & { [K in keyof SallaAddProductButton & keyof SallaAddProductButtonAttributes as `attr:${K}`]?: SallaAddProductButtonAttributes[K] } & { [K in keyof SallaAddProductButton & keyof SallaAddProductButtonAttributes as `prop:${K}`]?: SallaAddProductButton[K] };
         "salla-advertisement": SallaAdvertisement;
-        "salla-alert": SallaAlert;
+        "salla-alert": Omit<SallaAlert, keyof SallaAlertAttributes> & { [K in keyof SallaAlert & keyof SallaAlertAttributes]?: SallaAlert[K] } & { [K in keyof SallaAlert & keyof SallaAlertAttributes as `attr:${K}`]?: SallaAlertAttributes[K] } & { [K in keyof SallaAlert & keyof SallaAlertAttributes as `prop:${K}`]?: SallaAlert[K] };
         "salla-app-install-alert": SallaAppInstallAlert;
-        "salla-apps-icons": SallaAppsIcons;
-        "salla-booking-field": SallaBookingField;
-        "salla-bottom-alert": SallaBottomAlert;
+        "salla-apps-icons": Omit<SallaAppsIcons, keyof SallaAppsIconsAttributes> & { [K in keyof SallaAppsIcons & keyof SallaAppsIconsAttributes]?: SallaAppsIcons[K] } & { [K in keyof SallaAppsIcons & keyof SallaAppsIconsAttributes as `attr:${K}`]?: SallaAppsIconsAttributes[K] } & { [K in keyof SallaAppsIcons & keyof SallaAppsIconsAttributes as `prop:${K}`]?: SallaAppsIcons[K] };
+        "salla-booking-field": Omit<SallaBookingField, keyof SallaBookingFieldAttributes> & { [K in keyof SallaBookingField & keyof SallaBookingFieldAttributes]?: SallaBookingField[K] } & { [K in keyof SallaBookingField & keyof SallaBookingFieldAttributes as `attr:${K}`]?: SallaBookingFieldAttributes[K] } & { [K in keyof SallaBookingField & keyof SallaBookingFieldAttributes as `prop:${K}`]?: SallaBookingField[K] };
+        "salla-bottom-alert": Omit<SallaBottomAlert, keyof SallaBottomAlertAttributes> & { [K in keyof SallaBottomAlert & keyof SallaBottomAlertAttributes]?: SallaBottomAlert[K] } & { [K in keyof SallaBottomAlert & keyof SallaBottomAlertAttributes as `attr:${K}`]?: SallaBottomAlertAttributes[K] } & { [K in keyof SallaBottomAlert & keyof SallaBottomAlertAttributes as `prop:${K}`]?: SallaBottomAlert[K] };
         "salla-breadcrumb": SallaBreadcrumb;
         "salla-bullet-delivery": SallaBulletDelivery;
-        "salla-button": SallaButton;
+        "salla-button": Omit<SallaButton, keyof SallaButtonAttributes> & { [K in keyof SallaButton & keyof SallaButtonAttributes]?: SallaButton[K] } & { [K in keyof SallaButton & keyof SallaButtonAttributes as `attr:${K}`]?: SallaButtonAttributes[K] } & { [K in keyof SallaButton & keyof SallaButtonAttributes as `prop:${K}`]?: SallaButton[K] };
         "salla-cart-coupons": SallaCartCoupons;
-        "salla-cart-item-offers": SallaCartItemOffers;
-        "salla-cart-summary": SallaCartSummary;
-        "salla-color-picker": SallaColorPicker;
-        "salla-comment-form": SallaCommentForm;
+        "salla-cart-item-offers": Omit<SallaCartItemOffers, keyof SallaCartItemOffersAttributes> & { [K in keyof SallaCartItemOffers & keyof SallaCartItemOffersAttributes]?: SallaCartItemOffers[K] } & { [K in keyof SallaCartItemOffers & keyof SallaCartItemOffersAttributes as `attr:${K}`]?: SallaCartItemOffersAttributes[K] } & { [K in keyof SallaCartItemOffers & keyof SallaCartItemOffersAttributes as `prop:${K}`]?: SallaCartItemOffers[K] } & OneOf<"quantity", SallaCartItemOffers["quantity"], SallaCartItemOffersAttributes["quantity"]> & OneOf<"offers", SallaCartItemOffers["offers"], SallaCartItemOffersAttributes["offers"]> & OneOf<"itemId", SallaCartItemOffers["itemId"], SallaCartItemOffersAttributes["itemId"]> & OneOf<"productPrice", SallaCartItemOffers["productPrice"], SallaCartItemOffersAttributes["productPrice"]>;
+        "salla-cart-summary": Omit<SallaCartSummary, keyof SallaCartSummaryAttributes> & { [K in keyof SallaCartSummary & keyof SallaCartSummaryAttributes]?: SallaCartSummary[K] } & { [K in keyof SallaCartSummary & keyof SallaCartSummaryAttributes as `attr:${K}`]?: SallaCartSummaryAttributes[K] } & { [K in keyof SallaCartSummary & keyof SallaCartSummaryAttributes as `prop:${K}`]?: SallaCartSummary[K] };
+        "salla-color-picker": Omit<SallaColorPicker, keyof SallaColorPickerAttributes> & { [K in keyof SallaColorPicker & keyof SallaColorPickerAttributes]?: SallaColorPicker[K] } & { [K in keyof SallaColorPicker & keyof SallaColorPickerAttributes as `attr:${K}`]?: SallaColorPickerAttributes[K] } & { [K in keyof SallaColorPicker & keyof SallaColorPickerAttributes as `prop:${K}`]?: SallaColorPicker[K] };
+        "salla-comment-form": Omit<SallaCommentForm, keyof SallaCommentFormAttributes> & { [K in keyof SallaCommentForm & keyof SallaCommentFormAttributes]?: SallaCommentForm[K] } & { [K in keyof SallaCommentForm & keyof SallaCommentFormAttributes as `attr:${K}`]?: SallaCommentFormAttributes[K] } & { [K in keyof SallaCommentForm & keyof SallaCommentFormAttributes as `prop:${K}`]?: SallaCommentForm[K] };
         "salla-comment-item": SallaCommentItem;
-        "salla-comments": SallaComments;
+        "salla-comments": Omit<SallaComments, keyof SallaCommentsAttributes> & { [K in keyof SallaComments & keyof SallaCommentsAttributes]?: SallaComments[K] } & { [K in keyof SallaComments & keyof SallaCommentsAttributes as `attr:${K}`]?: SallaCommentsAttributes[K] } & { [K in keyof SallaComments & keyof SallaCommentsAttributes as `prop:${K}`]?: SallaComments[K] } & OneOf<"itemId", SallaComments["itemId"], SallaCommentsAttributes["itemId"]>;
         "salla-conditional-fields": SallaConditionalFields;
         "salla-conditional-offer": SallaConditionalOffer;
-        "salla-contacts": SallaContacts;
+        "salla-contacts": Omit<SallaContacts, keyof SallaContactsAttributes> & { [K in keyof SallaContacts & keyof SallaContactsAttributes]?: SallaContacts[K] } & { [K in keyof SallaContacts & keyof SallaContactsAttributes as `attr:${K}`]?: SallaContactsAttributes[K] } & { [K in keyof SallaContacts & keyof SallaContactsAttributes as `prop:${K}`]?: SallaContacts[K] };
         "salla-cookies-bar": SallaCookiesBar;
-        "salla-count-down": SallaCountDown;
-        "salla-custom-fields": SallaCustomFields;
-        "salla-datetime-picker": SallaDatetimePicker;
+        "salla-count-down": Omit<SallaCountDown, keyof SallaCountDownAttributes> & { [K in keyof SallaCountDown & keyof SallaCountDownAttributes]?: SallaCountDown[K] } & { [K in keyof SallaCountDown & keyof SallaCountDownAttributes as `attr:${K}`]?: SallaCountDownAttributes[K] } & { [K in keyof SallaCountDown & keyof SallaCountDownAttributes as `prop:${K}`]?: SallaCountDown[K] };
+        "salla-custom-fields": Omit<SallaCustomFields, keyof SallaCustomFieldsAttributes> & { [K in keyof SallaCustomFields & keyof SallaCustomFieldsAttributes]?: SallaCustomFields[K] } & { [K in keyof SallaCustomFields & keyof SallaCustomFieldsAttributes as `attr:${K}`]?: SallaCustomFieldsAttributes[K] } & { [K in keyof SallaCustomFields & keyof SallaCustomFieldsAttributes as `prop:${K}`]?: SallaCustomFields[K] };
+        "salla-datetime-picker": Omit<SallaDatetimePicker, keyof SallaDatetimePickerAttributes> & { [K in keyof SallaDatetimePicker & keyof SallaDatetimePickerAttributes]?: SallaDatetimePicker[K] } & { [K in keyof SallaDatetimePicker & keyof SallaDatetimePickerAttributes as `attr:${K}`]?: SallaDatetimePickerAttributes[K] } & { [K in keyof SallaDatetimePicker & keyof SallaDatetimePickerAttributes as `prop:${K}`]?: SallaDatetimePicker[K] };
         "salla-delivery-promise": SallaDeliveryPromise;
-        "salla-drawer": SallaDrawer;
-        "salla-file-upload": SallaFileUpload;
+        "salla-drawer": Omit<SallaDrawer, keyof SallaDrawerAttributes> & { [K in keyof SallaDrawer & keyof SallaDrawerAttributes]?: SallaDrawer[K] } & { [K in keyof SallaDrawer & keyof SallaDrawerAttributes as `attr:${K}`]?: SallaDrawerAttributes[K] } & { [K in keyof SallaDrawer & keyof SallaDrawerAttributes as `prop:${K}`]?: SallaDrawer[K] };
+        "salla-file-upload": Omit<SallaFileUpload, keyof SallaFileUploadAttributes> & { [K in keyof SallaFileUpload & keyof SallaFileUploadAttributes]?: SallaFileUpload[K] } & { [K in keyof SallaFileUpload & keyof SallaFileUploadAttributes as `attr:${K}`]?: SallaFileUploadAttributes[K] } & { [K in keyof SallaFileUpload & keyof SallaFileUploadAttributes as `prop:${K}`]?: SallaFileUpload[K] };
         "salla-filters": SallaFilters;
-        "salla-filters-widget": SallaFiltersWidget;
+        "salla-filters-widget": Omit<SallaFiltersWidget, keyof SallaFiltersWidgetAttributes> & { [K in keyof SallaFiltersWidget & keyof SallaFiltersWidgetAttributes]?: SallaFiltersWidget[K] } & { [K in keyof SallaFiltersWidget & keyof SallaFiltersWidgetAttributes as `attr:${K}`]?: SallaFiltersWidgetAttributes[K] } & { [K in keyof SallaFiltersWidget & keyof SallaFiltersWidgetAttributes as `prop:${K}`]?: SallaFiltersWidget[K] };
         "salla-fulfillment-methods": SallaFulfillmentMethods;
-        "salla-gifting": SallaGifting;
-        "salla-hook": SallaHook;
-        "salla-infinite-scroll": SallaInfiniteScroll;
-        "salla-installment": SallaInstallment;
-        "salla-list-tile": SallaListTile;
-        "salla-loading": SallaLoading;
-        "salla-localization-modal": SallaLocalizationModal;
-        "salla-login-modal": SallaLoginModal;
-        "salla-loyalty": SallaLoyalty;
+        "salla-gifting": Omit<SallaGifting, keyof SallaGiftingAttributes> & { [K in keyof SallaGifting & keyof SallaGiftingAttributes]?: SallaGifting[K] } & { [K in keyof SallaGifting & keyof SallaGiftingAttributes as `attr:${K}`]?: SallaGiftingAttributes[K] } & { [K in keyof SallaGifting & keyof SallaGiftingAttributes as `prop:${K}`]?: SallaGifting[K] };
+        "salla-hook": Omit<SallaHook, keyof SallaHookAttributes> & { [K in keyof SallaHook & keyof SallaHookAttributes]?: SallaHook[K] } & { [K in keyof SallaHook & keyof SallaHookAttributes as `attr:${K}`]?: SallaHookAttributes[K] } & { [K in keyof SallaHook & keyof SallaHookAttributes as `prop:${K}`]?: SallaHook[K] };
+        "salla-infinite-scroll": Omit<SallaInfiniteScroll, keyof SallaInfiniteScrollAttributes> & { [K in keyof SallaInfiniteScroll & keyof SallaInfiniteScrollAttributes]?: SallaInfiniteScroll[K] } & { [K in keyof SallaInfiniteScroll & keyof SallaInfiniteScrollAttributes as `attr:${K}`]?: SallaInfiniteScrollAttributes[K] } & { [K in keyof SallaInfiniteScroll & keyof SallaInfiniteScrollAttributes as `prop:${K}`]?: SallaInfiniteScroll[K] };
+        "salla-installment": Omit<SallaInstallment, keyof SallaInstallmentAttributes> & { [K in keyof SallaInstallment & keyof SallaInstallmentAttributes]?: SallaInstallment[K] } & { [K in keyof SallaInstallment & keyof SallaInstallmentAttributes as `attr:${K}`]?: SallaInstallmentAttributes[K] } & { [K in keyof SallaInstallment & keyof SallaInstallmentAttributes as `prop:${K}`]?: SallaInstallment[K] };
+        "salla-list-tile": Omit<SallaListTile, keyof SallaListTileAttributes> & { [K in keyof SallaListTile & keyof SallaListTileAttributes]?: SallaListTile[K] } & { [K in keyof SallaListTile & keyof SallaListTileAttributes as `attr:${K}`]?: SallaListTileAttributes[K] } & { [K in keyof SallaListTile & keyof SallaListTileAttributes as `prop:${K}`]?: SallaListTile[K] };
+        "salla-loading": Omit<SallaLoading, keyof SallaLoadingAttributes> & { [K in keyof SallaLoading & keyof SallaLoadingAttributes]?: SallaLoading[K] } & { [K in keyof SallaLoading & keyof SallaLoadingAttributes as `attr:${K}`]?: SallaLoadingAttributes[K] } & { [K in keyof SallaLoading & keyof SallaLoadingAttributes as `prop:${K}`]?: SallaLoading[K] };
+        "salla-localization-modal": Omit<SallaLocalizationModal, keyof SallaLocalizationModalAttributes> & { [K in keyof SallaLocalizationModal & keyof SallaLocalizationModalAttributes]?: SallaLocalizationModal[K] } & { [K in keyof SallaLocalizationModal & keyof SallaLocalizationModalAttributes as `attr:${K}`]?: SallaLocalizationModalAttributes[K] } & { [K in keyof SallaLocalizationModal & keyof SallaLocalizationModalAttributes as `prop:${K}`]?: SallaLocalizationModal[K] };
+        "salla-login-modal": Omit<SallaLoginModal, keyof SallaLoginModalAttributes> & { [K in keyof SallaLoginModal & keyof SallaLoginModalAttributes]?: SallaLoginModal[K] } & { [K in keyof SallaLoginModal & keyof SallaLoginModalAttributes as `attr:${K}`]?: SallaLoginModalAttributes[K] } & { [K in keyof SallaLoginModal & keyof SallaLoginModalAttributes as `prop:${K}`]?: SallaLoginModal[K] };
+        "salla-loyalty": Omit<SallaLoyalty, keyof SallaLoyaltyAttributes> & { [K in keyof SallaLoyalty & keyof SallaLoyaltyAttributes]?: SallaLoyalty[K] } & { [K in keyof SallaLoyalty & keyof SallaLoyaltyAttributes as `attr:${K}`]?: SallaLoyaltyAttributes[K] } & { [K in keyof SallaLoyalty & keyof SallaLoyaltyAttributes as `prop:${K}`]?: SallaLoyalty[K] };
         "salla-loyalty-prize-item": SallaLoyaltyPrizeItem;
         "salla-loyalty-program": SallaLoyaltyProgram;
         "salla-maintenance-alert": SallaMaintenanceAlert;
-        "salla-map": SallaMap;
-        "salla-menu": SallaMenu;
-        "salla-metadata": SallaMetadata;
-        "salla-modal": SallaModal;
-        "salla-multiple-bundle-product": SallaMultipleBundleProduct;
+        "salla-map": Omit<SallaMap, keyof SallaMapAttributes> & { [K in keyof SallaMap & keyof SallaMapAttributes]?: SallaMap[K] } & { [K in keyof SallaMap & keyof SallaMapAttributes as `attr:${K}`]?: SallaMapAttributes[K] } & { [K in keyof SallaMap & keyof SallaMapAttributes as `prop:${K}`]?: SallaMap[K] };
+        "salla-menu": Omit<SallaMenu, keyof SallaMenuAttributes> & { [K in keyof SallaMenu & keyof SallaMenuAttributes]?: SallaMenu[K] } & { [K in keyof SallaMenu & keyof SallaMenuAttributes as `attr:${K}`]?: SallaMenuAttributes[K] } & { [K in keyof SallaMenu & keyof SallaMenuAttributes as `prop:${K}`]?: SallaMenu[K] };
+        "salla-metadata": Omit<SallaMetadata, keyof SallaMetadataAttributes> & { [K in keyof SallaMetadata & keyof SallaMetadataAttributes]?: SallaMetadata[K] } & { [K in keyof SallaMetadata & keyof SallaMetadataAttributes as `attr:${K}`]?: SallaMetadataAttributes[K] } & { [K in keyof SallaMetadata & keyof SallaMetadataAttributes as `prop:${K}`]?: SallaMetadata[K] };
+        "salla-modal": Omit<SallaModal, keyof SallaModalAttributes> & { [K in keyof SallaModal & keyof SallaModalAttributes]?: SallaModal[K] } & { [K in keyof SallaModal & keyof SallaModalAttributes as `attr:${K}`]?: SallaModalAttributes[K] } & { [K in keyof SallaModal & keyof SallaModalAttributes as `prop:${K}`]?: SallaModal[K] };
+        "salla-multiple-bundle-product": Omit<SallaMultipleBundleProduct, keyof SallaMultipleBundleProductAttributes> & { [K in keyof SallaMultipleBundleProduct & keyof SallaMultipleBundleProductAttributes]?: SallaMultipleBundleProduct[K] } & { [K in keyof SallaMultipleBundleProduct & keyof SallaMultipleBundleProductAttributes as `attr:${K}`]?: SallaMultipleBundleProductAttributes[K] } & { [K in keyof SallaMultipleBundleProduct & keyof SallaMultipleBundleProductAttributes as `prop:${K}`]?: SallaMultipleBundleProduct[K] };
         "salla-multiple-bundle-product-cart": SallaMultipleBundleProductCart;
         "salla-multiple-bundle-product-details": SallaMultipleBundleProductDetails;
         "salla-multiple-bundle-product-options-modal": SallaMultipleBundleProductOptionsModal;
-        "salla-multiple-bundle-product-slider": SallaMultipleBundleProductSlider;
+        "salla-multiple-bundle-product-slider": Omit<SallaMultipleBundleProductSlider, keyof SallaMultipleBundleProductSliderAttributes> & { [K in keyof SallaMultipleBundleProductSlider & keyof SallaMultipleBundleProductSliderAttributes]?: SallaMultipleBundleProductSlider[K] } & { [K in keyof SallaMultipleBundleProductSlider & keyof SallaMultipleBundleProductSliderAttributes as `attr:${K}`]?: SallaMultipleBundleProductSliderAttributes[K] } & { [K in keyof SallaMultipleBundleProductSlider & keyof SallaMultipleBundleProductSliderAttributes as `prop:${K}`]?: SallaMultipleBundleProductSlider[K] };
         "salla-notification-item": SallaNotificationItem;
-        "salla-notifications": SallaNotifications;
-        "salla-offer": SallaOffer;
+        "salla-notifications": Omit<SallaNotifications, keyof SallaNotificationsAttributes> & { [K in keyof SallaNotifications & keyof SallaNotificationsAttributes]?: SallaNotifications[K] } & { [K in keyof SallaNotifications & keyof SallaNotificationsAttributes as `attr:${K}`]?: SallaNotificationsAttributes[K] } & { [K in keyof SallaNotifications & keyof SallaNotificationsAttributes as `prop:${K}`]?: SallaNotifications[K] };
+        "salla-offer": Omit<SallaOffer, keyof SallaOfferAttributes> & { [K in keyof SallaOffer & keyof SallaOfferAttributes]?: SallaOffer[K] } & { [K in keyof SallaOffer & keyof SallaOfferAttributes as `attr:${K}`]?: SallaOfferAttributes[K] } & { [K in keyof SallaOffer & keyof SallaOfferAttributes as `prop:${K}`]?: SallaOffer[K] };
         "salla-offer-modal": SallaOfferModal;
-        "salla-order-details": SallaOrderDetails;
-        "salla-order-details-multiple-bundle-product": SallaOrderDetailsMultipleBundleProduct;
-        "salla-order-details-options": SallaOrderDetailsOptions;
-        "salla-order-edit": SallaOrderEdit;
-        "salla-order-edit-item": SallaOrderEditItem;
-        "salla-order-summary": SallaOrderSummary;
-        "salla-order-totals-card": SallaOrderTotalsCard;
-        "salla-orders": SallaOrders;
+        "salla-order-details": Omit<SallaOrderDetails, keyof SallaOrderDetailsAttributes> & { [K in keyof SallaOrderDetails & keyof SallaOrderDetailsAttributes]?: SallaOrderDetails[K] } & { [K in keyof SallaOrderDetails & keyof SallaOrderDetailsAttributes as `attr:${K}`]?: SallaOrderDetailsAttributes[K] } & { [K in keyof SallaOrderDetails & keyof SallaOrderDetailsAttributes as `prop:${K}`]?: SallaOrderDetails[K] };
+        "salla-order-details-multiple-bundle-product": Omit<SallaOrderDetailsMultipleBundleProduct, keyof SallaOrderDetailsMultipleBundleProductAttributes> & { [K in keyof SallaOrderDetailsMultipleBundleProduct & keyof SallaOrderDetailsMultipleBundleProductAttributes]?: SallaOrderDetailsMultipleBundleProduct[K] } & { [K in keyof SallaOrderDetailsMultipleBundleProduct & keyof SallaOrderDetailsMultipleBundleProductAttributes as `attr:${K}`]?: SallaOrderDetailsMultipleBundleProductAttributes[K] } & { [K in keyof SallaOrderDetailsMultipleBundleProduct & keyof SallaOrderDetailsMultipleBundleProductAttributes as `prop:${K}`]?: SallaOrderDetailsMultipleBundleProduct[K] };
+        "salla-order-details-options": Omit<SallaOrderDetailsOptions, keyof SallaOrderDetailsOptionsAttributes> & { [K in keyof SallaOrderDetailsOptions & keyof SallaOrderDetailsOptionsAttributes]?: SallaOrderDetailsOptions[K] } & { [K in keyof SallaOrderDetailsOptions & keyof SallaOrderDetailsOptionsAttributes as `attr:${K}`]?: SallaOrderDetailsOptionsAttributes[K] } & { [K in keyof SallaOrderDetailsOptions & keyof SallaOrderDetailsOptionsAttributes as `prop:${K}`]?: SallaOrderDetailsOptions[K] };
+        "salla-order-edit": Omit<SallaOrderEdit, keyof SallaOrderEditAttributes> & { [K in keyof SallaOrderEdit & keyof SallaOrderEditAttributes]?: SallaOrderEdit[K] } & { [K in keyof SallaOrderEdit & keyof SallaOrderEditAttributes as `attr:${K}`]?: SallaOrderEditAttributes[K] } & { [K in keyof SallaOrderEdit & keyof SallaOrderEditAttributes as `prop:${K}`]?: SallaOrderEdit[K] };
+        "salla-order-edit-item": Omit<SallaOrderEditItem, keyof SallaOrderEditItemAttributes> & { [K in keyof SallaOrderEditItem & keyof SallaOrderEditItemAttributes]?: SallaOrderEditItem[K] } & { [K in keyof SallaOrderEditItem & keyof SallaOrderEditItemAttributes as `attr:${K}`]?: SallaOrderEditItemAttributes[K] } & { [K in keyof SallaOrderEditItem & keyof SallaOrderEditItemAttributes as `prop:${K}`]?: SallaOrderEditItem[K] };
+        "salla-order-summary": Omit<SallaOrderSummary, keyof SallaOrderSummaryAttributes> & { [K in keyof SallaOrderSummary & keyof SallaOrderSummaryAttributes]?: SallaOrderSummary[K] } & { [K in keyof SallaOrderSummary & keyof SallaOrderSummaryAttributes as `attr:${K}`]?: SallaOrderSummaryAttributes[K] } & { [K in keyof SallaOrderSummary & keyof SallaOrderSummaryAttributes as `prop:${K}`]?: SallaOrderSummary[K] };
+        "salla-order-totals-card": Omit<SallaOrderTotalsCard, keyof SallaOrderTotalsCardAttributes> & { [K in keyof SallaOrderTotalsCard & keyof SallaOrderTotalsCardAttributes]?: SallaOrderTotalsCard[K] } & { [K in keyof SallaOrderTotalsCard & keyof SallaOrderTotalsCardAttributes as `attr:${K}`]?: SallaOrderTotalsCardAttributes[K] } & { [K in keyof SallaOrderTotalsCard & keyof SallaOrderTotalsCardAttributes as `prop:${K}`]?: SallaOrderTotalsCard[K] };
+        "salla-orders": Omit<SallaOrders, keyof SallaOrdersAttributes> & { [K in keyof SallaOrders & keyof SallaOrdersAttributes]?: SallaOrders[K] } & { [K in keyof SallaOrders & keyof SallaOrdersAttributes as `attr:${K}`]?: SallaOrdersAttributes[K] } & { [K in keyof SallaOrders & keyof SallaOrdersAttributes as `prop:${K}`]?: SallaOrders[K] };
         "salla-payments": SallaPayments;
-        "salla-placeholder": SallaPlaceholder;
-        "salla-price-range": SallaPriceRange;
-        "salla-product-availability": SallaProductAvailability;
-        "salla-product-card": SallaProductCard;
-        "salla-product-options": SallaProductOptions;
+        "salla-placeholder": Omit<SallaPlaceholder, keyof SallaPlaceholderAttributes> & { [K in keyof SallaPlaceholder & keyof SallaPlaceholderAttributes]?: SallaPlaceholder[K] } & { [K in keyof SallaPlaceholder & keyof SallaPlaceholderAttributes as `attr:${K}`]?: SallaPlaceholderAttributes[K] } & { [K in keyof SallaPlaceholder & keyof SallaPlaceholderAttributes as `prop:${K}`]?: SallaPlaceholder[K] };
+        "salla-price-range": Omit<SallaPriceRange, keyof SallaPriceRangeAttributes> & { [K in keyof SallaPriceRange & keyof SallaPriceRangeAttributes]?: SallaPriceRange[K] } & { [K in keyof SallaPriceRange & keyof SallaPriceRangeAttributes as `attr:${K}`]?: SallaPriceRangeAttributes[K] } & { [K in keyof SallaPriceRange & keyof SallaPriceRangeAttributes as `prop:${K}`]?: SallaPriceRange[K] };
+        "salla-product-availability": Omit<SallaProductAvailability, keyof SallaProductAvailabilityAttributes> & { [K in keyof SallaProductAvailability & keyof SallaProductAvailabilityAttributes]?: SallaProductAvailability[K] } & { [K in keyof SallaProductAvailability & keyof SallaProductAvailabilityAttributes as `attr:${K}`]?: SallaProductAvailabilityAttributes[K] } & { [K in keyof SallaProductAvailability & keyof SallaProductAvailabilityAttributes as `prop:${K}`]?: SallaProductAvailability[K] };
+        "salla-product-card": Omit<SallaProductCard, keyof SallaProductCardAttributes> & { [K in keyof SallaProductCard & keyof SallaProductCardAttributes]?: SallaProductCard[K] } & { [K in keyof SallaProductCard & keyof SallaProductCardAttributes as `attr:${K}`]?: SallaProductCardAttributes[K] } & { [K in keyof SallaProductCard & keyof SallaProductCardAttributes as `prop:${K}`]?: SallaProductCard[K] };
+        "salla-product-options": Omit<SallaProductOptions, keyof SallaProductOptionsAttributes> & { [K in keyof SallaProductOptions & keyof SallaProductOptionsAttributes]?: SallaProductOptions[K] } & { [K in keyof SallaProductOptions & keyof SallaProductOptionsAttributes as `attr:${K}`]?: SallaProductOptionsAttributes[K] } & { [K in keyof SallaProductOptions & keyof SallaProductOptionsAttributes as `prop:${K}`]?: SallaProductOptions[K] };
         "salla-product-size-guide": SallaProductSizeGuide;
-        "salla-products-list": SallaProductsList;
-        "salla-products-slider": SallaProductsSlider;
-        "salla-progress-bar": SallaProgressBar;
-        "salla-quantity-input": SallaQuantityInput;
-        "salla-quick-buy": SallaQuickBuy;
-        "salla-quick-order": SallaQuickOrder;
-        "salla-rating-modal": SallaRatingModal;
-        "salla-rating-stars": SallaRatingStars;
+        "salla-products-list": Omit<SallaProductsList, keyof SallaProductsListAttributes> & { [K in keyof SallaProductsList & keyof SallaProductsListAttributes]?: SallaProductsList[K] } & { [K in keyof SallaProductsList & keyof SallaProductsListAttributes as `attr:${K}`]?: SallaProductsListAttributes[K] } & { [K in keyof SallaProductsList & keyof SallaProductsListAttributes as `prop:${K}`]?: SallaProductsList[K] };
+        "salla-products-slider": Omit<SallaProductsSlider, keyof SallaProductsSliderAttributes> & { [K in keyof SallaProductsSlider & keyof SallaProductsSliderAttributes]?: SallaProductsSlider[K] } & { [K in keyof SallaProductsSlider & keyof SallaProductsSliderAttributes as `attr:${K}`]?: SallaProductsSliderAttributes[K] } & { [K in keyof SallaProductsSlider & keyof SallaProductsSliderAttributes as `prop:${K}`]?: SallaProductsSlider[K] };
+        "salla-progress-bar": Omit<SallaProgressBar, keyof SallaProgressBarAttributes> & { [K in keyof SallaProgressBar & keyof SallaProgressBarAttributes]?: SallaProgressBar[K] } & { [K in keyof SallaProgressBar & keyof SallaProgressBarAttributes as `attr:${K}`]?: SallaProgressBarAttributes[K] } & { [K in keyof SallaProgressBar & keyof SallaProgressBarAttributes as `prop:${K}`]?: SallaProgressBar[K] };
+        "salla-quantity-input": Omit<SallaQuantityInput, keyof SallaQuantityInputAttributes> & { [K in keyof SallaQuantityInput & keyof SallaQuantityInputAttributes]?: SallaQuantityInput[K] } & { [K in keyof SallaQuantityInput & keyof SallaQuantityInputAttributes as `attr:${K}`]?: SallaQuantityInputAttributes[K] } & { [K in keyof SallaQuantityInput & keyof SallaQuantityInputAttributes as `prop:${K}`]?: SallaQuantityInput[K] };
+        "salla-quick-buy": Omit<SallaQuickBuy, keyof SallaQuickBuyAttributes> & { [K in keyof SallaQuickBuy & keyof SallaQuickBuyAttributes]?: SallaQuickBuy[K] } & { [K in keyof SallaQuickBuy & keyof SallaQuickBuyAttributes as `attr:${K}`]?: SallaQuickBuyAttributes[K] } & { [K in keyof SallaQuickBuy & keyof SallaQuickBuyAttributes as `prop:${K}`]?: SallaQuickBuy[K] };
+        "salla-quick-order": Omit<SallaQuickOrder, keyof SallaQuickOrderAttributes> & { [K in keyof SallaQuickOrder & keyof SallaQuickOrderAttributes]?: SallaQuickOrder[K] } & { [K in keyof SallaQuickOrder & keyof SallaQuickOrderAttributes as `attr:${K}`]?: SallaQuickOrderAttributes[K] } & { [K in keyof SallaQuickOrder & keyof SallaQuickOrderAttributes as `prop:${K}`]?: SallaQuickOrder[K] };
+        "salla-rating-modal": Omit<SallaRatingModal, keyof SallaRatingModalAttributes> & { [K in keyof SallaRatingModal & keyof SallaRatingModalAttributes]?: SallaRatingModal[K] } & { [K in keyof SallaRatingModal & keyof SallaRatingModalAttributes as `attr:${K}`]?: SallaRatingModalAttributes[K] } & { [K in keyof SallaRatingModal & keyof SallaRatingModalAttributes as `prop:${K}`]?: SallaRatingModal[K] };
+        "salla-rating-stars": Omit<SallaRatingStars, keyof SallaRatingStarsAttributes> & { [K in keyof SallaRatingStars & keyof SallaRatingStarsAttributes]?: SallaRatingStars[K] } & { [K in keyof SallaRatingStars & keyof SallaRatingStarsAttributes as `attr:${K}`]?: SallaRatingStarsAttributes[K] } & { [K in keyof SallaRatingStars & keyof SallaRatingStarsAttributes as `prop:${K}`]?: SallaRatingStars[K] };
         "salla-review-card": SallaReviewCard;
-        "salla-reviews": SallaReviews;
+        "salla-reviews": Omit<SallaReviews, keyof SallaReviewsAttributes> & { [K in keyof SallaReviews & keyof SallaReviewsAttributes]?: SallaReviews[K] } & { [K in keyof SallaReviews & keyof SallaReviewsAttributes as `attr:${K}`]?: SallaReviewsAttributes[K] } & { [K in keyof SallaReviews & keyof SallaReviewsAttributes as `prop:${K}`]?: SallaReviews[K] };
         "salla-reviews-page": SallaReviewsPage;
-        "salla-reviews-summary": SallaReviewsSummary;
-        "salla-scopes": SallaScopes;
-        "salla-search": SallaSearch;
-        "salla-skeleton": SallaSkeleton;
-        "salla-slider": SallaSlider;
+        "salla-reviews-summary": Omit<SallaReviewsSummary, keyof SallaReviewsSummaryAttributes> & { [K in keyof SallaReviewsSummary & keyof SallaReviewsSummaryAttributes]?: SallaReviewsSummary[K] } & { [K in keyof SallaReviewsSummary & keyof SallaReviewsSummaryAttributes as `attr:${K}`]?: SallaReviewsSummaryAttributes[K] } & { [K in keyof SallaReviewsSummary & keyof SallaReviewsSummaryAttributes as `prop:${K}`]?: SallaReviewsSummary[K] } & OneOf<"itemId", SallaReviewsSummary["itemId"], SallaReviewsSummaryAttributes["itemId"]>;
+        "salla-scopes": Omit<SallaScopes, keyof SallaScopesAttributes> & { [K in keyof SallaScopes & keyof SallaScopesAttributes]?: SallaScopes[K] } & { [K in keyof SallaScopes & keyof SallaScopesAttributes as `attr:${K}`]?: SallaScopesAttributes[K] } & { [K in keyof SallaScopes & keyof SallaScopesAttributes as `prop:${K}`]?: SallaScopes[K] };
+        "salla-search": Omit<SallaSearch, keyof SallaSearchAttributes> & { [K in keyof SallaSearch & keyof SallaSearchAttributes]?: SallaSearch[K] } & { [K in keyof SallaSearch & keyof SallaSearchAttributes as `attr:${K}`]?: SallaSearchAttributes[K] } & { [K in keyof SallaSearch & keyof SallaSearchAttributes as `prop:${K}`]?: SallaSearch[K] };
+        "salla-skeleton": Omit<SallaSkeleton, keyof SallaSkeletonAttributes> & { [K in keyof SallaSkeleton & keyof SallaSkeletonAttributes]?: SallaSkeleton[K] } & { [K in keyof SallaSkeleton & keyof SallaSkeletonAttributes as `attr:${K}`]?: SallaSkeletonAttributes[K] } & { [K in keyof SallaSkeleton & keyof SallaSkeletonAttributes as `prop:${K}`]?: SallaSkeleton[K] };
+        "salla-slider": Omit<SallaSlider, keyof SallaSliderAttributes> & { [K in keyof SallaSlider & keyof SallaSliderAttributes]?: SallaSlider[K] } & { [K in keyof SallaSlider & keyof SallaSliderAttributes as `attr:${K}`]?: SallaSliderAttributes[K] } & { [K in keyof SallaSlider & keyof SallaSliderAttributes as `prop:${K}`]?: SallaSlider[K] };
         "salla-social": SallaSocial;
-        "salla-social-share": SallaSocialShare;
-        "salla-tab-content": SallaTabContent;
-        "salla-tab-header": SallaTabHeader;
-        "salla-tabs": SallaTabs;
-        "salla-tel-input": SallaTelInput;
+        "salla-social-share": Omit<SallaSocialShare, keyof SallaSocialShareAttributes> & { [K in keyof SallaSocialShare & keyof SallaSocialShareAttributes]?: SallaSocialShare[K] } & { [K in keyof SallaSocialShare & keyof SallaSocialShareAttributes as `attr:${K}`]?: SallaSocialShareAttributes[K] } & { [K in keyof SallaSocialShare & keyof SallaSocialShareAttributes as `prop:${K}`]?: SallaSocialShare[K] };
+        "salla-tab-content": Omit<SallaTabContent, keyof SallaTabContentAttributes> & { [K in keyof SallaTabContent & keyof SallaTabContentAttributes]?: SallaTabContent[K] } & { [K in keyof SallaTabContent & keyof SallaTabContentAttributes as `attr:${K}`]?: SallaTabContentAttributes[K] } & { [K in keyof SallaTabContent & keyof SallaTabContentAttributes as `prop:${K}`]?: SallaTabContent[K] };
+        "salla-tab-header": Omit<SallaTabHeader, keyof SallaTabHeaderAttributes> & { [K in keyof SallaTabHeader & keyof SallaTabHeaderAttributes]?: SallaTabHeader[K] } & { [K in keyof SallaTabHeader & keyof SallaTabHeaderAttributes as `attr:${K}`]?: SallaTabHeaderAttributes[K] } & { [K in keyof SallaTabHeader & keyof SallaTabHeaderAttributes as `prop:${K}`]?: SallaTabHeader[K] };
+        "salla-tabs": Omit<SallaTabs, keyof SallaTabsAttributes> & { [K in keyof SallaTabs & keyof SallaTabsAttributes]?: SallaTabs[K] } & { [K in keyof SallaTabs & keyof SallaTabsAttributes as `attr:${K}`]?: SallaTabsAttributes[K] } & { [K in keyof SallaTabs & keyof SallaTabsAttributes as `prop:${K}`]?: SallaTabs[K] };
+        "salla-tel-input": Omit<SallaTelInput, keyof SallaTelInputAttributes> & { [K in keyof SallaTelInput & keyof SallaTelInputAttributes]?: SallaTelInput[K] } & { [K in keyof SallaTelInput & keyof SallaTelInputAttributes as `attr:${K}`]?: SallaTelInputAttributes[K] } & { [K in keyof SallaTelInput & keyof SallaTelInputAttributes as `prop:${K}`]?: SallaTelInput[K] };
         "salla-tiered-offer": SallaTieredOffer;
-        "salla-tooltip": SallaTooltip;
-        "salla-trust-badges": SallaTrustBadges;
-        "salla-user-menu": SallaUserMenu;
-        "salla-user-profile": SallaUserProfile;
+        "salla-tooltip": Omit<SallaTooltip, keyof SallaTooltipAttributes> & { [K in keyof SallaTooltip & keyof SallaTooltipAttributes]?: SallaTooltip[K] } & { [K in keyof SallaTooltip & keyof SallaTooltipAttributes as `attr:${K}`]?: SallaTooltipAttributes[K] } & { [K in keyof SallaTooltip & keyof SallaTooltipAttributes as `prop:${K}`]?: SallaTooltip[K] };
+        "salla-trust-badges": Omit<SallaTrustBadges, keyof SallaTrustBadgesAttributes> & { [K in keyof SallaTrustBadges & keyof SallaTrustBadgesAttributes]?: SallaTrustBadges[K] } & { [K in keyof SallaTrustBadges & keyof SallaTrustBadgesAttributes as `attr:${K}`]?: SallaTrustBadgesAttributes[K] } & { [K in keyof SallaTrustBadges & keyof SallaTrustBadgesAttributes as `prop:${K}`]?: SallaTrustBadges[K] };
+        "salla-user-menu": Omit<SallaUserMenu, keyof SallaUserMenuAttributes> & { [K in keyof SallaUserMenu & keyof SallaUserMenuAttributes]?: SallaUserMenu[K] } & { [K in keyof SallaUserMenu & keyof SallaUserMenuAttributes as `attr:${K}`]?: SallaUserMenuAttributes[K] } & { [K in keyof SallaUserMenu & keyof SallaUserMenuAttributes as `prop:${K}`]?: SallaUserMenu[K] };
+        "salla-user-profile": Omit<SallaUserProfile, keyof SallaUserProfileAttributes> & { [K in keyof SallaUserProfile & keyof SallaUserProfileAttributes]?: SallaUserProfile[K] } & { [K in keyof SallaUserProfile & keyof SallaUserProfileAttributes as `attr:${K}`]?: SallaUserProfileAttributes[K] } & { [K in keyof SallaUserProfile & keyof SallaUserProfileAttributes as `prop:${K}`]?: SallaUserProfile[K] };
         "salla-user-settings": SallaUserSettings;
-        "salla-verify": SallaVerify;
+        "salla-verify": Omit<SallaVerify, keyof SallaVerifyAttributes> & { [K in keyof SallaVerify & keyof SallaVerifyAttributes]?: SallaVerify[K] } & { [K in keyof SallaVerify & keyof SallaVerifyAttributes as `attr:${K}`]?: SallaVerifyAttributes[K] } & { [K in keyof SallaVerify & keyof SallaVerifyAttributes as `prop:${K}`]?: SallaVerify[K] };
         "salla-wallet": SallaWallet;
     }
 }
@@ -7161,12 +7747,12 @@ declare module "@stencil/core" {
              * The `salla-accordion` component represents an accordion element.
              * Use this component to encapsulate content within a collapsible section.
              */
-            "salla-accordion": LocalJSX.SallaAccordion & JSXBase.HTMLAttributes<HTMLSallaAccordionElement>;
+            "salla-accordion": LocalJSX.IntrinsicElements["salla-accordion"] & JSXBase.HTMLAttributes<HTMLSallaAccordionElement>;
             /**
              * @salla /ui-components
              * The `salla-accordion-body` component represents the body/content of an accordion.
              */
-            "salla-accordion-body": LocalJSX.SallaAccordionBody & JSXBase.HTMLAttributes<HTMLSallaAccordionBodyElement>;
+            "salla-accordion-body": LocalJSX.IntrinsicElements["salla-accordion-body"] & JSXBase.HTMLAttributes<HTMLSallaAccordionBodyElement>;
             /**
              * @salla /ui-components
              * The `salla-accordion-head` component represents the header of an accordion.
@@ -7176,72 +7762,72 @@ declare module "@stencil/core" {
              * - `html`: Raw HTML content (optional)
              * - `note`: Note content displayed at the end
              */
-            "salla-accordion-head": LocalJSX.SallaAccordionHead & JSXBase.HTMLAttributes<HTMLSallaAccordionHeadElement>;
-            "salla-add-product-button": LocalJSX.SallaAddProductButton & JSXBase.HTMLAttributes<HTMLSallaAddProductButtonElement>;
-            "salla-advertisement": LocalJSX.SallaAdvertisement & JSXBase.HTMLAttributes<HTMLSallaAdvertisementElement>;
-            "salla-alert": LocalJSX.SallaAlert & JSXBase.HTMLAttributes<HTMLSallaAlertElement>;
-            "salla-app-install-alert": LocalJSX.SallaAppInstallAlert & JSXBase.HTMLAttributes<HTMLSallaAppInstallAlertElement>;
-            "salla-apps-icons": LocalJSX.SallaAppsIcons & JSXBase.HTMLAttributes<HTMLSallaAppsIconsElement>;
-            "salla-booking-field": LocalJSX.SallaBookingField & JSXBase.HTMLAttributes<HTMLSallaBookingFieldElement>;
-            "salla-bottom-alert": LocalJSX.SallaBottomAlert & JSXBase.HTMLAttributes<HTMLSallaBottomAlertElement>;
+            "salla-accordion-head": LocalJSX.IntrinsicElements["salla-accordion-head"] & JSXBase.HTMLAttributes<HTMLSallaAccordionHeadElement>;
+            "salla-add-product-button": LocalJSX.IntrinsicElements["salla-add-product-button"] & JSXBase.HTMLAttributes<HTMLSallaAddProductButtonElement>;
+            "salla-advertisement": LocalJSX.IntrinsicElements["salla-advertisement"] & JSXBase.HTMLAttributes<HTMLSallaAdvertisementElement>;
+            "salla-alert": LocalJSX.IntrinsicElements["salla-alert"] & JSXBase.HTMLAttributes<HTMLSallaAlertElement>;
+            "salla-app-install-alert": LocalJSX.IntrinsicElements["salla-app-install-alert"] & JSXBase.HTMLAttributes<HTMLSallaAppInstallAlertElement>;
+            "salla-apps-icons": LocalJSX.IntrinsicElements["salla-apps-icons"] & JSXBase.HTMLAttributes<HTMLSallaAppsIconsElement>;
+            "salla-booking-field": LocalJSX.IntrinsicElements["salla-booking-field"] & JSXBase.HTMLAttributes<HTMLSallaBookingFieldElement>;
+            "salla-bottom-alert": LocalJSX.IntrinsicElements["salla-bottom-alert"] & JSXBase.HTMLAttributes<HTMLSallaBottomAlertElement>;
             /**
              * @name SallaBreadcrumb
              * @description A StencilJS component for rendering breadcrumb navigation.
              * @tag salla-breadcrumb
              */
-            "salla-breadcrumb": LocalJSX.SallaBreadcrumb & JSXBase.HTMLAttributes<HTMLSallaBreadcrumbElement>;
-            "salla-bullet-delivery": LocalJSX.SallaBulletDelivery & JSXBase.HTMLAttributes<HTMLSallaBulletDeliveryElement>;
-            "salla-button": LocalJSX.SallaButton & JSXBase.HTMLAttributes<HTMLSallaButtonElement>;
-            "salla-cart-coupons": LocalJSX.SallaCartCoupons & JSXBase.HTMLAttributes<HTMLSallaCartCouponsElement>;
-            "salla-cart-item-offers": LocalJSX.SallaCartItemOffers & JSXBase.HTMLAttributes<HTMLSallaCartItemOffersElement>;
-            "salla-cart-summary": LocalJSX.SallaCartSummary & JSXBase.HTMLAttributes<HTMLSallaCartSummaryElement>;
-            "salla-color-picker": LocalJSX.SallaColorPicker & JSXBase.HTMLAttributes<HTMLSallaColorPickerElement>;
-            "salla-comment-form": LocalJSX.SallaCommentForm & JSXBase.HTMLAttributes<HTMLSallaCommentFormElement>;
-            "salla-comment-item": LocalJSX.SallaCommentItem & JSXBase.HTMLAttributes<HTMLSallaCommentItemElement>;
-            "salla-comments": LocalJSX.SallaComments & JSXBase.HTMLAttributes<HTMLSallaCommentsElement>;
+            "salla-breadcrumb": LocalJSX.IntrinsicElements["salla-breadcrumb"] & JSXBase.HTMLAttributes<HTMLSallaBreadcrumbElement>;
+            "salla-bullet-delivery": LocalJSX.IntrinsicElements["salla-bullet-delivery"] & JSXBase.HTMLAttributes<HTMLSallaBulletDeliveryElement>;
+            "salla-button": LocalJSX.IntrinsicElements["salla-button"] & JSXBase.HTMLAttributes<HTMLSallaButtonElement>;
+            "salla-cart-coupons": LocalJSX.IntrinsicElements["salla-cart-coupons"] & JSXBase.HTMLAttributes<HTMLSallaCartCouponsElement>;
+            "salla-cart-item-offers": LocalJSX.IntrinsicElements["salla-cart-item-offers"] & JSXBase.HTMLAttributes<HTMLSallaCartItemOffersElement>;
+            "salla-cart-summary": LocalJSX.IntrinsicElements["salla-cart-summary"] & JSXBase.HTMLAttributes<HTMLSallaCartSummaryElement>;
+            "salla-color-picker": LocalJSX.IntrinsicElements["salla-color-picker"] & JSXBase.HTMLAttributes<HTMLSallaColorPickerElement>;
+            "salla-comment-form": LocalJSX.IntrinsicElements["salla-comment-form"] & JSXBase.HTMLAttributes<HTMLSallaCommentFormElement>;
+            "salla-comment-item": LocalJSX.IntrinsicElements["salla-comment-item"] & JSXBase.HTMLAttributes<HTMLSallaCommentItemElement>;
+            "salla-comments": LocalJSX.IntrinsicElements["salla-comments"] & JSXBase.HTMLAttributes<HTMLSallaCommentsElement>;
             /**
              * its to easy to use, currenlty its support select & checkbox input as trigger for show/hide the dom
              * the dom you can put it like this data-show-when="{name of the field} {= or !=} {value of the field}"
              */
-            "salla-conditional-fields": LocalJSX.SallaConditionalFields & JSXBase.HTMLAttributes<HTMLSallaConditionalFieldsElement>;
-            "salla-conditional-offer": LocalJSX.SallaConditionalOffer & JSXBase.HTMLAttributes<HTMLSallaConditionalOfferElement>;
-            "salla-contacts": LocalJSX.SallaContacts & JSXBase.HTMLAttributes<HTMLSallaContactsElement>;
-            "salla-cookies-bar": LocalJSX.SallaCookiesBar & JSXBase.HTMLAttributes<HTMLSallaCookiesBarElement>;
-            "salla-count-down": LocalJSX.SallaCountDown & JSXBase.HTMLAttributes<HTMLSallaCountDownElement>;
-            "salla-custom-fields": LocalJSX.SallaCustomFields & JSXBase.HTMLAttributes<HTMLSallaCustomFieldsElement>;
-            "salla-datetime-picker": LocalJSX.SallaDatetimePicker & JSXBase.HTMLAttributes<HTMLSallaDatetimePickerElement>;
+            "salla-conditional-fields": LocalJSX.IntrinsicElements["salla-conditional-fields"] & JSXBase.HTMLAttributes<HTMLSallaConditionalFieldsElement>;
+            "salla-conditional-offer": LocalJSX.IntrinsicElements["salla-conditional-offer"] & JSXBase.HTMLAttributes<HTMLSallaConditionalOfferElement>;
+            "salla-contacts": LocalJSX.IntrinsicElements["salla-contacts"] & JSXBase.HTMLAttributes<HTMLSallaContactsElement>;
+            "salla-cookies-bar": LocalJSX.IntrinsicElements["salla-cookies-bar"] & JSXBase.HTMLAttributes<HTMLSallaCookiesBarElement>;
+            "salla-count-down": LocalJSX.IntrinsicElements["salla-count-down"] & JSXBase.HTMLAttributes<HTMLSallaCountDownElement>;
+            "salla-custom-fields": LocalJSX.IntrinsicElements["salla-custom-fields"] & JSXBase.HTMLAttributes<HTMLSallaCustomFieldsElement>;
+            "salla-datetime-picker": LocalJSX.IntrinsicElements["salla-datetime-picker"] & JSXBase.HTMLAttributes<HTMLSallaDatetimePickerElement>;
             /**
              * @name SallaDeliveryPromise
              * @description Displays delivery promise message (from BE) with city selection
              * @tag salla-delivery-promise
              */
-            "salla-delivery-promise": LocalJSX.SallaDeliveryPromise & JSXBase.HTMLAttributes<HTMLSallaDeliveryPromiseElement>;
-            "salla-drawer": LocalJSX.SallaDrawer & JSXBase.HTMLAttributes<HTMLSallaDrawerElement>;
-            "salla-file-upload": LocalJSX.SallaFileUpload & JSXBase.HTMLAttributes<HTMLSallaFileUploadElement>;
-            "salla-filters": LocalJSX.SallaFilters & JSXBase.HTMLAttributes<HTMLSallaFiltersElement>;
-            "salla-filters-widget": LocalJSX.SallaFiltersWidget & JSXBase.HTMLAttributes<HTMLSallaFiltersWidgetElement>;
+            "salla-delivery-promise": LocalJSX.IntrinsicElements["salla-delivery-promise"] & JSXBase.HTMLAttributes<HTMLSallaDeliveryPromiseElement>;
+            "salla-drawer": LocalJSX.IntrinsicElements["salla-drawer"] & JSXBase.HTMLAttributes<HTMLSallaDrawerElement>;
+            "salla-file-upload": LocalJSX.IntrinsicElements["salla-file-upload"] & JSXBase.HTMLAttributes<HTMLSallaFileUploadElement>;
+            "salla-filters": LocalJSX.IntrinsicElements["salla-filters"] & JSXBase.HTMLAttributes<HTMLSallaFiltersElement>;
+            "salla-filters-widget": LocalJSX.IntrinsicElements["salla-filters-widget"] & JSXBase.HTMLAttributes<HTMLSallaFiltersWidgetElement>;
             /**
              * @name SallaFulfillmentMethods
              * @description Displays product fulfillment options (pickup and delivery) as two side-by-side cards
              * @tag salla-fulfillment-methods
              */
-            "salla-fulfillment-methods": LocalJSX.SallaFulfillmentMethods & JSXBase.HTMLAttributes<HTMLSallaFulfillmentMethodsElement>;
-            "salla-gifting": LocalJSX.SallaGifting & JSXBase.HTMLAttributes<HTMLSallaGiftingElement>;
-            "salla-hook": LocalJSX.SallaHook & JSXBase.HTMLAttributes<HTMLSallaHookElement>;
-            "salla-infinite-scroll": LocalJSX.SallaInfiniteScroll & JSXBase.HTMLAttributes<HTMLSallaInfiniteScrollElement>;
-            "salla-installment": LocalJSX.SallaInstallment & JSXBase.HTMLAttributes<HTMLSallaInstallmentElement>;
-            "salla-list-tile": LocalJSX.SallaListTile & JSXBase.HTMLAttributes<HTMLSallaListTileElement>;
-            "salla-loading": LocalJSX.SallaLoading & JSXBase.HTMLAttributes<HTMLSallaLoadingElement>;
-            "salla-localization-modal": LocalJSX.SallaLocalizationModal & JSXBase.HTMLAttributes<HTMLSallaLocalizationModalElement>;
-            "salla-login-modal": LocalJSX.SallaLoginModal & JSXBase.HTMLAttributes<HTMLSallaLoginModalElement>;
-            "salla-loyalty": LocalJSX.SallaLoyalty & JSXBase.HTMLAttributes<HTMLSallaLoyaltyElement>;
-            "salla-loyalty-prize-item": LocalJSX.SallaLoyaltyPrizeItem & JSXBase.HTMLAttributes<HTMLSallaLoyaltyPrizeItemElement>;
-            "salla-loyalty-program": LocalJSX.SallaLoyaltyProgram & JSXBase.HTMLAttributes<HTMLSallaLoyaltyProgramElement>;
-            "salla-maintenance-alert": LocalJSX.SallaMaintenanceAlert & JSXBase.HTMLAttributes<HTMLSallaMaintenanceAlertElement>;
-            "salla-map": LocalJSX.SallaMap & JSXBase.HTMLAttributes<HTMLSallaMapElement>;
-            "salla-menu": LocalJSX.SallaMenu & JSXBase.HTMLAttributes<HTMLSallaMenuElement>;
-            "salla-metadata": LocalJSX.SallaMetadata & JSXBase.HTMLAttributes<HTMLSallaMetadataElement>;
-            "salla-modal": LocalJSX.SallaModal & JSXBase.HTMLAttributes<HTMLSallaModalElement>;
+            "salla-fulfillment-methods": LocalJSX.IntrinsicElements["salla-fulfillment-methods"] & JSXBase.HTMLAttributes<HTMLSallaFulfillmentMethodsElement>;
+            "salla-gifting": LocalJSX.IntrinsicElements["salla-gifting"] & JSXBase.HTMLAttributes<HTMLSallaGiftingElement>;
+            "salla-hook": LocalJSX.IntrinsicElements["salla-hook"] & JSXBase.HTMLAttributes<HTMLSallaHookElement>;
+            "salla-infinite-scroll": LocalJSX.IntrinsicElements["salla-infinite-scroll"] & JSXBase.HTMLAttributes<HTMLSallaInfiniteScrollElement>;
+            "salla-installment": LocalJSX.IntrinsicElements["salla-installment"] & JSXBase.HTMLAttributes<HTMLSallaInstallmentElement>;
+            "salla-list-tile": LocalJSX.IntrinsicElements["salla-list-tile"] & JSXBase.HTMLAttributes<HTMLSallaListTileElement>;
+            "salla-loading": LocalJSX.IntrinsicElements["salla-loading"] & JSXBase.HTMLAttributes<HTMLSallaLoadingElement>;
+            "salla-localization-modal": LocalJSX.IntrinsicElements["salla-localization-modal"] & JSXBase.HTMLAttributes<HTMLSallaLocalizationModalElement>;
+            "salla-login-modal": LocalJSX.IntrinsicElements["salla-login-modal"] & JSXBase.HTMLAttributes<HTMLSallaLoginModalElement>;
+            "salla-loyalty": LocalJSX.IntrinsicElements["salla-loyalty"] & JSXBase.HTMLAttributes<HTMLSallaLoyaltyElement>;
+            "salla-loyalty-prize-item": LocalJSX.IntrinsicElements["salla-loyalty-prize-item"] & JSXBase.HTMLAttributes<HTMLSallaLoyaltyPrizeItemElement>;
+            "salla-loyalty-program": LocalJSX.IntrinsicElements["salla-loyalty-program"] & JSXBase.HTMLAttributes<HTMLSallaLoyaltyProgramElement>;
+            "salla-maintenance-alert": LocalJSX.IntrinsicElements["salla-maintenance-alert"] & JSXBase.HTMLAttributes<HTMLSallaMaintenanceAlertElement>;
+            "salla-map": LocalJSX.IntrinsicElements["salla-map"] & JSXBase.HTMLAttributes<HTMLSallaMapElement>;
+            "salla-menu": LocalJSX.IntrinsicElements["salla-menu"] & JSXBase.HTMLAttributes<HTMLSallaMenuElement>;
+            "salla-metadata": LocalJSX.IntrinsicElements["salla-metadata"] & JSXBase.HTMLAttributes<HTMLSallaMetadataElement>;
+            "salla-modal": LocalJSX.IntrinsicElements["salla-modal"] & JSXBase.HTMLAttributes<HTMLSallaModalElement>;
             /**
              * Example usage with new nested structure:
              * <salla-multiple-bundle-product bundleSections='{
@@ -7271,87 +7857,87 @@ declare module "@stencil/core" {
              *   }
              * }'></salla-multiple-bundle-product>
              */
-            "salla-multiple-bundle-product": LocalJSX.SallaMultipleBundleProduct & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductElement>;
-            "salla-multiple-bundle-product-cart": LocalJSX.SallaMultipleBundleProductCart & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductCartElement>;
-            "salla-multiple-bundle-product-details": LocalJSX.SallaMultipleBundleProductDetails & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductDetailsElement>;
-            "salla-multiple-bundle-product-options-modal": LocalJSX.SallaMultipleBundleProductOptionsModal & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductOptionsModalElement>;
-            "salla-multiple-bundle-product-slider": LocalJSX.SallaMultipleBundleProductSlider & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductSliderElement>;
-            "salla-notification-item": LocalJSX.SallaNotificationItem & JSXBase.HTMLAttributes<HTMLSallaNotificationItemElement>;
-            "salla-notifications": LocalJSX.SallaNotifications & JSXBase.HTMLAttributes<HTMLSallaNotificationsElement>;
+            "salla-multiple-bundle-product": LocalJSX.IntrinsicElements["salla-multiple-bundle-product"] & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductElement>;
+            "salla-multiple-bundle-product-cart": LocalJSX.IntrinsicElements["salla-multiple-bundle-product-cart"] & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductCartElement>;
+            "salla-multiple-bundle-product-details": LocalJSX.IntrinsicElements["salla-multiple-bundle-product-details"] & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductDetailsElement>;
+            "salla-multiple-bundle-product-options-modal": LocalJSX.IntrinsicElements["salla-multiple-bundle-product-options-modal"] & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductOptionsModalElement>;
+            "salla-multiple-bundle-product-slider": LocalJSX.IntrinsicElements["salla-multiple-bundle-product-slider"] & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductSliderElement>;
+            "salla-notification-item": LocalJSX.IntrinsicElements["salla-notification-item"] & JSXBase.HTMLAttributes<HTMLSallaNotificationItemElement>;
+            "salla-notifications": LocalJSX.IntrinsicElements["salla-notifications"] & JSXBase.HTMLAttributes<HTMLSallaNotificationsElement>;
             /**
              * `salla-offer` is a StencilJS component that displays offers, categories, products, banks, and discount information.
              * It uses the `salla-slider` component for carousel functionality.
              * @csspart custom - Custom CSS part to target specific elements in the component.
              * @example <salla-offer product-id="123"></salla-offer>
              */
-            "salla-offer": LocalJSX.SallaOffer & JSXBase.HTMLAttributes<HTMLSallaOfferElement>;
-            "salla-offer-modal": LocalJSX.SallaOfferModal & JSXBase.HTMLAttributes<HTMLSallaOfferModalElement>;
+            "salla-offer": LocalJSX.IntrinsicElements["salla-offer"] & JSXBase.HTMLAttributes<HTMLSallaOfferElement>;
+            "salla-offer-modal": LocalJSX.IntrinsicElements["salla-offer-modal"] & JSXBase.HTMLAttributes<HTMLSallaOfferModalElement>;
             /**
              * @salla /ui-components
              * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.
              * It uses the salla-accordion component to provide collapsible functionality.
              */
-            "salla-order-details": LocalJSX.SallaOrderDetails & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsElement>;
+            "salla-order-details": LocalJSX.IntrinsicElements["salla-order-details"] & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsElement>;
             /**
              * @salla /ui-components
              * The `salla-order-details-multiple-bundle-product` component renders a collapsible summary for an order multiple bundle product with optional options list.
              * It uses the salla-accordion component to provide collapsible functionality.
              */
-            "salla-order-details-multiple-bundle-product": LocalJSX.SallaOrderDetailsMultipleBundleProduct & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsMultipleBundleProductElement>;
+            "salla-order-details-multiple-bundle-product": LocalJSX.IntrinsicElements["salla-order-details-multiple-bundle-product"] & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsMultipleBundleProductElement>;
             /**
              * @salla /ui-components
              * The `salla-order-details-options` component renders product options for order details.
              * It displays various types of options including colors, images, files, maps, and text values.
              */
-            "salla-order-details-options": LocalJSX.SallaOrderDetailsOptions & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsOptionsElement>;
+            "salla-order-details-options": LocalJSX.IntrinsicElements["salla-order-details-options"] & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsOptionsElement>;
             /**
              * @salla /ui-components
              * The `salla-order-edit` component
              * as an editable card with quantity controls, editable options, and an order summary.
              */
-            "salla-order-edit": LocalJSX.SallaOrderEdit & JSXBase.HTMLAttributes<HTMLSallaOrderEditElement>;
+            "salla-order-edit": LocalJSX.IntrinsicElements["salla-order-edit"] & JSXBase.HTMLAttributes<HTMLSallaOrderEditElement>;
             /**
              * @salla /ui-components
              * The `salla-order-edit-item` component renders a single editable order item card
              * with quantity controls, editable product options, and a remove button.
              */
-            "salla-order-edit-item": LocalJSX.SallaOrderEditItem & JSXBase.HTMLAttributes<HTMLSallaOrderEditItemElement>;
-            "salla-order-summary": LocalJSX.SallaOrderSummary & JSXBase.HTMLAttributes<HTMLSallaOrderSummaryElement>;
-            "salla-order-totals-card": LocalJSX.SallaOrderTotalsCard & JSXBase.HTMLAttributes<HTMLSallaOrderTotalsCardElement>;
-            "salla-orders": LocalJSX.SallaOrders & JSXBase.HTMLAttributes<HTMLSallaOrdersElement>;
-            "salla-payments": LocalJSX.SallaPayments & JSXBase.HTMLAttributes<HTMLSallaPaymentsElement>;
-            "salla-placeholder": LocalJSX.SallaPlaceholder & JSXBase.HTMLAttributes<HTMLSallaPlaceholderElement>;
-            "salla-price-range": LocalJSX.SallaPriceRange & JSXBase.HTMLAttributes<HTMLSallaPriceRangeElement>;
-            "salla-product-availability": LocalJSX.SallaProductAvailability & JSXBase.HTMLAttributes<HTMLSallaProductAvailabilityElement>;
-            "salla-product-card": LocalJSX.SallaProductCard & JSXBase.HTMLAttributes<HTMLSallaProductCardElement>;
-            "salla-product-options": LocalJSX.SallaProductOptions & JSXBase.HTMLAttributes<HTMLSallaProductOptionsElement>;
-            "salla-product-size-guide": LocalJSX.SallaProductSizeGuide & JSXBase.HTMLAttributes<HTMLSallaProductSizeGuideElement>;
-            "salla-products-list": LocalJSX.SallaProductsList & JSXBase.HTMLAttributes<HTMLSallaProductsListElement>;
-            "salla-products-slider": LocalJSX.SallaProductsSlider & JSXBase.HTMLAttributes<HTMLSallaProductsSliderElement>;
-            "salla-progress-bar": LocalJSX.SallaProgressBar & JSXBase.HTMLAttributes<HTMLSallaProgressBarElement>;
-            "salla-quantity-input": LocalJSX.SallaQuantityInput & JSXBase.HTMLAttributes<HTMLSallaQuantityInputElement>;
-            "salla-quick-buy": LocalJSX.SallaQuickBuy & JSXBase.HTMLAttributes<HTMLSallaQuickBuyElement>;
-            "salla-quick-order": LocalJSX.SallaQuickOrder & JSXBase.HTMLAttributes<HTMLSallaQuickOrderElement>;
-            "salla-rating-modal": LocalJSX.SallaRatingModal & JSXBase.HTMLAttributes<HTMLSallaRatingModalElement>;
-            "salla-rating-stars": LocalJSX.SallaRatingStars & JSXBase.HTMLAttributes<HTMLSallaRatingStarsElement>;
-            "salla-review-card": LocalJSX.SallaReviewCard & JSXBase.HTMLAttributes<HTMLSallaReviewCardElement>;
-            "salla-reviews": LocalJSX.SallaReviews & JSXBase.HTMLAttributes<HTMLSallaReviewsElement>;
-            "salla-reviews-page": LocalJSX.SallaReviewsPage & JSXBase.HTMLAttributes<HTMLSallaReviewsPageElement>;
-            "salla-reviews-summary": LocalJSX.SallaReviewsSummary & JSXBase.HTMLAttributes<HTMLSallaReviewsSummaryElement>;
-            "salla-scopes": LocalJSX.SallaScopes & JSXBase.HTMLAttributes<HTMLSallaScopesElement>;
-            "salla-search": LocalJSX.SallaSearch & JSXBase.HTMLAttributes<HTMLSallaSearchElement>;
-            "salla-skeleton": LocalJSX.SallaSkeleton & JSXBase.HTMLAttributes<HTMLSallaSkeletonElement>;
-            "salla-slider": LocalJSX.SallaSlider & JSXBase.HTMLAttributes<HTMLSallaSliderElement>;
-            "salla-social": LocalJSX.SallaSocial & JSXBase.HTMLAttributes<HTMLSallaSocialElement>;
-            "salla-social-share": LocalJSX.SallaSocialShare & JSXBase.HTMLAttributes<HTMLSallaSocialShareElement>;
-            "salla-tab-content": LocalJSX.SallaTabContent & JSXBase.HTMLAttributes<HTMLSallaTabContentElement>;
-            "salla-tab-header": LocalJSX.SallaTabHeader & JSXBase.HTMLAttributes<HTMLSallaTabHeaderElement>;
-            "salla-tabs": LocalJSX.SallaTabs & JSXBase.HTMLAttributes<HTMLSallaTabsElement>;
-            "salla-tel-input": LocalJSX.SallaTelInput & JSXBase.HTMLAttributes<HTMLSallaTelInputElement>;
-            "salla-tiered-offer": LocalJSX.SallaTieredOffer & JSXBase.HTMLAttributes<HTMLSallaTieredOfferElement>;
-            "salla-tooltip": LocalJSX.SallaTooltip & JSXBase.HTMLAttributes<HTMLSallaTooltipElement>;
-            "salla-trust-badges": LocalJSX.SallaTrustBadges & JSXBase.HTMLAttributes<HTMLSallaTrustBadgesElement>;
-            "salla-user-menu": LocalJSX.SallaUserMenu & JSXBase.HTMLAttributes<HTMLSallaUserMenuElement>;
+            "salla-order-edit-item": LocalJSX.IntrinsicElements["salla-order-edit-item"] & JSXBase.HTMLAttributes<HTMLSallaOrderEditItemElement>;
+            "salla-order-summary": LocalJSX.IntrinsicElements["salla-order-summary"] & JSXBase.HTMLAttributes<HTMLSallaOrderSummaryElement>;
+            "salla-order-totals-card": LocalJSX.IntrinsicElements["salla-order-totals-card"] & JSXBase.HTMLAttributes<HTMLSallaOrderTotalsCardElement>;
+            "salla-orders": LocalJSX.IntrinsicElements["salla-orders"] & JSXBase.HTMLAttributes<HTMLSallaOrdersElement>;
+            "salla-payments": LocalJSX.IntrinsicElements["salla-payments"] & JSXBase.HTMLAttributes<HTMLSallaPaymentsElement>;
+            "salla-placeholder": LocalJSX.IntrinsicElements["salla-placeholder"] & JSXBase.HTMLAttributes<HTMLSallaPlaceholderElement>;
+            "salla-price-range": LocalJSX.IntrinsicElements["salla-price-range"] & JSXBase.HTMLAttributes<HTMLSallaPriceRangeElement>;
+            "salla-product-availability": LocalJSX.IntrinsicElements["salla-product-availability"] & JSXBase.HTMLAttributes<HTMLSallaProductAvailabilityElement>;
+            "salla-product-card": LocalJSX.IntrinsicElements["salla-product-card"] & JSXBase.HTMLAttributes<HTMLSallaProductCardElement>;
+            "salla-product-options": LocalJSX.IntrinsicElements["salla-product-options"] & JSXBase.HTMLAttributes<HTMLSallaProductOptionsElement>;
+            "salla-product-size-guide": LocalJSX.IntrinsicElements["salla-product-size-guide"] & JSXBase.HTMLAttributes<HTMLSallaProductSizeGuideElement>;
+            "salla-products-list": LocalJSX.IntrinsicElements["salla-products-list"] & JSXBase.HTMLAttributes<HTMLSallaProductsListElement>;
+            "salla-products-slider": LocalJSX.IntrinsicElements["salla-products-slider"] & JSXBase.HTMLAttributes<HTMLSallaProductsSliderElement>;
+            "salla-progress-bar": LocalJSX.IntrinsicElements["salla-progress-bar"] & JSXBase.HTMLAttributes<HTMLSallaProgressBarElement>;
+            "salla-quantity-input": LocalJSX.IntrinsicElements["salla-quantity-input"] & JSXBase.HTMLAttributes<HTMLSallaQuantityInputElement>;
+            "salla-quick-buy": LocalJSX.IntrinsicElements["salla-quick-buy"] & JSXBase.HTMLAttributes<HTMLSallaQuickBuyElement>;
+            "salla-quick-order": LocalJSX.IntrinsicElements["salla-quick-order"] & JSXBase.HTMLAttributes<HTMLSallaQuickOrderElement>;
+            "salla-rating-modal": LocalJSX.IntrinsicElements["salla-rating-modal"] & JSXBase.HTMLAttributes<HTMLSallaRatingModalElement>;
+            "salla-rating-stars": LocalJSX.IntrinsicElements["salla-rating-stars"] & JSXBase.HTMLAttributes<HTMLSallaRatingStarsElement>;
+            "salla-review-card": LocalJSX.IntrinsicElements["salla-review-card"] & JSXBase.HTMLAttributes<HTMLSallaReviewCardElement>;
+            "salla-reviews": LocalJSX.IntrinsicElements["salla-reviews"] & JSXBase.HTMLAttributes<HTMLSallaReviewsElement>;
+            "salla-reviews-page": LocalJSX.IntrinsicElements["salla-reviews-page"] & JSXBase.HTMLAttributes<HTMLSallaReviewsPageElement>;
+            "salla-reviews-summary": LocalJSX.IntrinsicElements["salla-reviews-summary"] & JSXBase.HTMLAttributes<HTMLSallaReviewsSummaryElement>;
+            "salla-scopes": LocalJSX.IntrinsicElements["salla-scopes"] & JSXBase.HTMLAttributes<HTMLSallaScopesElement>;
+            "salla-search": LocalJSX.IntrinsicElements["salla-search"] & JSXBase.HTMLAttributes<HTMLSallaSearchElement>;
+            "salla-skeleton": LocalJSX.IntrinsicElements["salla-skeleton"] & JSXBase.HTMLAttributes<HTMLSallaSkeletonElement>;
+            "salla-slider": LocalJSX.IntrinsicElements["salla-slider"] & JSXBase.HTMLAttributes<HTMLSallaSliderElement>;
+            "salla-social": LocalJSX.IntrinsicElements["salla-social"] & JSXBase.HTMLAttributes<HTMLSallaSocialElement>;
+            "salla-social-share": LocalJSX.IntrinsicElements["salla-social-share"] & JSXBase.HTMLAttributes<HTMLSallaSocialShareElement>;
+            "salla-tab-content": LocalJSX.IntrinsicElements["salla-tab-content"] & JSXBase.HTMLAttributes<HTMLSallaTabContentElement>;
+            "salla-tab-header": LocalJSX.IntrinsicElements["salla-tab-header"] & JSXBase.HTMLAttributes<HTMLSallaTabHeaderElement>;
+            "salla-tabs": LocalJSX.IntrinsicElements["salla-tabs"] & JSXBase.HTMLAttributes<HTMLSallaTabsElement>;
+            "salla-tel-input": LocalJSX.IntrinsicElements["salla-tel-input"] & JSXBase.HTMLAttributes<HTMLSallaTelInputElement>;
+            "salla-tiered-offer": LocalJSX.IntrinsicElements["salla-tiered-offer"] & JSXBase.HTMLAttributes<HTMLSallaTieredOfferElement>;
+            "salla-tooltip": LocalJSX.IntrinsicElements["salla-tooltip"] & JSXBase.HTMLAttributes<HTMLSallaTooltipElement>;
+            "salla-trust-badges": LocalJSX.IntrinsicElements["salla-trust-badges"] & JSXBase.HTMLAttributes<HTMLSallaTrustBadgesElement>;
+            "salla-user-menu": LocalJSX.IntrinsicElements["salla-user-menu"] & JSXBase.HTMLAttributes<HTMLSallaUserMenuElement>;
             /**
              * The SallaUserProfile is a versatile user profile form 
              * generator within the Salla platform, offering localization support, 
@@ -7368,10 +7954,10 @@ declare module "@stencil/core" {
              * provides an efficient and adaptable solution for creating user profiles with a 
              * rich set of features and customization options.
              */
-            "salla-user-profile": LocalJSX.SallaUserProfile & JSXBase.HTMLAttributes<HTMLSallaUserProfileElement>;
-            "salla-user-settings": LocalJSX.SallaUserSettings & JSXBase.HTMLAttributes<HTMLSallaUserSettingsElement>;
-            "salla-verify": LocalJSX.SallaVerify & JSXBase.HTMLAttributes<HTMLSallaVerifyElement>;
-            "salla-wallet": LocalJSX.SallaWallet & JSXBase.HTMLAttributes<HTMLSallaWalletElement>;
+            "salla-user-profile": LocalJSX.IntrinsicElements["salla-user-profile"] & JSXBase.HTMLAttributes<HTMLSallaUserProfileElement>;
+            "salla-user-settings": LocalJSX.IntrinsicElements["salla-user-settings"] & JSXBase.HTMLAttributes<HTMLSallaUserSettingsElement>;
+            "salla-verify": LocalJSX.IntrinsicElements["salla-verify"] & JSXBase.HTMLAttributes<HTMLSallaVerifyElement>;
+            "salla-wallet": LocalJSX.IntrinsicElements["salla-wallet"] & JSXBase.HTMLAttributes<HTMLSallaWalletElement>;
         }
     }
 }