@trendyol/baklava 3.4.0-beta.8 → 3.4.0

package/dist/baklava-svelte.d.ts

@@ -0,0 +1,807 @@
+declare namespace svelteHTML {
+  interface IntrinsicElements {
+    "bl-icon": {
+			/** Name of the icon to show */
+			"name": import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Fires when SVG icon loaded */
+			"on:bl-load"?: (event: CustomEvent<string>) => void;
+			/** Fires when SVG icon loaded */
+			"onbl-load"?: (event: CustomEvent<string>) => void;
+			/** Fires when SVG icon failed to load */
+			"on:bl-error"?: (event: CustomEvent<string>) => void;
+			/** Fires when SVG icon failed to load */
+			"onbl-error"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-accordion": {
+			/** Whether the accordion is expanded */
+			"open"?: boolean;
+			/** Sets accordion caption. */
+			"caption"?: string;
+			/** Add icon to beginning of the title */
+			"icon"?: boolean | import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Whether the accordion is disabled */
+			"disabled"?: boolean;
+			"animationDuration"?: number;
+			/** Fires when accordion open state change. */
+			"on:bl-toggle"?: (event: CustomEvent<boolean>) => void;
+			/** Fires when accordion open state change. */
+			"onbl-toggle"?: (event: CustomEvent<boolean>) => void;
+		};
+    "bl-spinner": {
+			/** Sets the spinner size */
+			"size"?: string;
+			/** Sets the disabled state for spinner */
+			"disabled"?: boolean;
+			/** Sets the overlay state for spinner */
+			"overlay"?: boolean;
+			/** Sets the color of the spinner */
+			"color"?: string;
+		};
+    "bl-button": {
+			/** Sets the button variant */
+			"variant"?: "primary" | "secondary" | "tertiary";
+			/** Sets the button kind */
+			"kind"?: "default" | "neutral" | "success" | "danger";
+			/** Sets the button size */
+			"size"?: "small" | "medium" | "large";
+			/** Sets the button label. Used for accessibility. */
+			"label": string;
+			/** Sets the button label for loading status. */
+			"loading-label": string;
+			/** Sets loading state of button */
+			"loading"?: boolean;
+			/** Sets button as disabled */
+			"disabled"?: boolean;
+			/** Set link url. If set, button will be rendered as anchor tag. */
+			"href"?: string;
+			/** Sets the icon name. Shows icon with bl-icon component */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Sets the anchor target. Used when `href` is set. */
+			"target"?: "_blank" | "_parent" | "_self" | "_top";
+			/** Sets the type of the button. Set `submit` to use button as the submitter of parent form. */
+			"type": "submit";
+			/** Sets button type to dropdown */
+			"dropdown"?: boolean;
+			/** Sets button to get keyboard focus automatically */
+			"autofocus"?: boolean;
+			/** Sets the associated form of the button. Use when `type` is set to `submit` and button is not inside the target form. */
+			"form": HTMLFormElement | string;
+			/** Fires when button clicked */
+			"on:bl-click"?: (event: CustomEvent<string>) => void;
+			/** Fires when button clicked */
+			"onbl-click"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-alert": {
+			/** Sets alert variant */
+			"variant"?: "success" | "danger" | "info" | "warning";
+			/** Sets alert description */
+			"description"?: string;
+			/** Allows to customize alert icon */
+			"icon"?: boolean | import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Displays a close button. */
+			"closable"?: boolean;
+			/** Sets alert caption. */
+			"caption"?: string;
+			/** Sets alert components display state. */
+			"closed"?: boolean;
+			/** Fires when close button clicked. */
+			"on:bl-close"?: (event: CustomEvent<boolean>) => void;
+			/** Fires when close button clicked. */
+			"onbl-close"?: (event: CustomEvent<boolean>) => void;
+		};
+    "bl-badge": {
+			/** Sets the badge size */
+			"size"?: "small" | "medium" | "large";
+			/** Sets the name of the icon */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+		};
+    "bl-calendar": {
+			/** Fires when date selection changes */
+			"on:bl-calendar-change"?: (event: CustomEvent<Date[]>) => void;
+			/** Fires when date selection changes */
+			"onbl-calendar-change"?: (event: CustomEvent<Date[]>) => void;
+		};
+    "bl-checkbox": {
+			/** Sets the checked state for checkbox */
+			"checked"?: boolean;
+			/** Sets the checkbox value */
+			"value": string;
+			/** Sets checkbox as required */
+			"required"?: boolean;
+			/** Set custom error message */
+			"invalid-text"?: string | undefined;
+			/** Sets the disabled state for checkbox */
+			"disabled"?: boolean;
+			/** Sets the indeterminate state for checkbox */
+			"indeterminate"?: boolean;
+			/** Fires whenever user change the value of the checkbox. */
+			"on:bl-checkbox-change"?: (event: CustomEvent<boolean>) => void;
+			/** Fires whenever user change the value of the checkbox. */
+			"onbl-checkbox-change"?: (event: CustomEvent<boolean>) => void;
+			/** Fires when checkbox is focused */
+			"on:bl-focus"?: (event: CustomEvent<string>) => void;
+			/** Fires when checkbox is focused */
+			"onbl-focus"?: (event: CustomEvent<string>) => void;
+			/** Fires when checkbox is blurred */
+			"on:bl-blur"?: (event: CustomEvent<string>) => void;
+			/** Fires when checkbox is blurred */
+			"onbl-blur"?: (event: CustomEvent<string>) => void;
+			/** Fires when checkbox is invalid */
+			"on:bl-checkbox-invalid"?: (event: CustomEvent<ValidityState>) => void;
+			/** Fires when checkbox is invalid */
+			"onbl-checkbox-invalid"?: (event: CustomEvent<ValidityState>) => void;
+		};
+    "bl-checkbox-group": {
+			/** Sets name of the checkbox group */
+			"name": string;
+			/** Sets the checkbox group label */
+			"label": string;
+			/** Set and gets the actual value of the field */
+			"value": string[] | null;
+			/** Sets option as required */
+			"required"?: boolean;
+			/** Set custom error message */
+			"invalid-text"?: string | undefined;
+			/** Fires when checkbox group value changed */
+			"on:bl-checkbox-group-change"?: (event: CustomEvent<string[]>) => void;
+			/** Fires when checkbox group value changed */
+			"onbl-checkbox-group-change"?: (event: CustomEvent<string[]>) => void;
+			/** Fires when checkbox group is invalid */
+			"on:bl-checkbox-group-invalid"?: (event: CustomEvent<ValidityState>) => void;
+			/** Fires when checkbox group is invalid */
+			"onbl-checkbox-group-invalid"?: (event: CustomEvent<ValidityState>) => void;
+		};
+    "bl-input": {
+			/** Sets name of the input */
+			"name"?: string;
+			/** Type of the input. It's used to set `type` attribute of native input inside. */
+			"type"?: "number" | "text" | "email" | "date" | "time" | "datetime-local" | "month" | "week" | "password" | "tel" | "url" | "search";
+			/** Sets label of the input */
+			"label"?: string;
+			/** Sets placeholder of the input */
+			"placeholder"?: string;
+			/** Sets initial value of the input */
+			"value"?: string;
+			/** Makes input a mandatory field */
+			"required"?: boolean;
+			/** Sets minimum length of the input */
+			"minlength"?: number;
+			/** Sets maximum length of the input */
+			"maxlength"?: number;
+			/** Sets the minimum acceptable value for the input */
+			"min"?: number | string;
+			/** Sets the loading value for the input */
+			"loading"?: boolean;
+			/** Sets the maximum acceptable value for the input */
+			"max"?: number | string;
+			/** Sets a regex pattern form the input validation */
+			"pattern"?: string;
+			/** Sets the increase and decrease step to a `number` input */
+			"step"?: number;
+			/** Hints browser to autocomplete this field. */
+			"autocomplete"?: "" | "email" | "tel" | "off" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-local-prefix" | "tel-local-suffix" | "tel-national" | "home email" | "home tel" | "home tel-area-code" | "home tel-country-code" | "home tel-extension" | "home tel-local" | "home tel-local-prefix" | "home tel-local-suffix" | "home tel-national" | "mobile email" | "mobile tel" | "mobile tel-area-code" | "mobile tel-country-code" | "mobile tel-extension" | "mobile tel-local" | "mobile tel-local-prefix" | "mobile tel-local-suffix" | "mobile tel-national" | "work email" | "work tel" | "work tel-area-code" | "work tel-country-code" | "work tel-extension" | "work tel-local" | "work tel-local-prefix" | "work tel-local-suffix" | "work tel-national" | "additional-name webauthn" | "address-level1 webauthn" | "address-level2 webauthn" | "address-level3 webauthn" | "address-level4 webauthn" | "address-line1 webauthn" | "address-line2 webauthn" | "address-line3 webauthn" | "bday-day webauthn" | "bday-month webauthn" | "bday-year webauthn" | "cc-csc webauthn" | "cc-exp webauthn" | "cc-exp-month webauthn" | "cc-exp-year webauthn" | "cc-family-name webauthn" | "cc-given-name webauthn" | "cc-name webauthn" | "cc-number webauthn" | "cc-type webauthn" | "country webauthn" | "country-name webauthn" | "current-password webauthn" | "family-name webauthn" | "given-name webauthn" | "honorific-prefix webauthn" | "honorific-suffix webauthn" | "name webauthn" | "new-password webauthn" | "one-time-code webauthn" | "organization webauthn" | "postal-code webauthn" | "street-address webauthn" | "transaction-amount webauthn" | "transaction-currency webauthn" | "username webauthn" | "email webauthn" | "tel webauthn" | "tel-area-code webauthn" | "tel-country-code webauthn" | "tel-extension webauthn" | "tel-local webauthn" | "tel-local-prefix webauthn" | "tel-local-suffix webauthn" | "tel-national webauthn" | "home email webauthn" | "home tel webauthn" | "home tel-area-code webauthn" | "home tel-country-code webauthn" | "home tel-extension webauthn" | "home tel-local webauthn" | "home tel-local-prefix webauthn" | "home tel-local-suffix webauthn" | "home tel-national webauthn" | "mobile email webauthn" | "mobile tel webauthn" | "mobile tel-area-code webauthn" | "mobile tel-country-code webauthn" | "mobile tel-extension webauthn" | "mobile tel-local webauthn" | "mobile tel-local-prefix webauthn" | "mobile tel-local-suffix webauthn" | "mobile tel-national webauthn" | "work email webauthn" | "work tel webauthn" | "work tel-area-code webauthn" | "work tel-country-code webauthn" | "work tel-extension webauthn" | "work tel-local webauthn" | "work tel-local-prefix webauthn" | "work tel-local-suffix webauthn" | "work tel-national webauthn" | "billing additional-name" | "billing additional-name webauthn" | "billing address-level1" | "billing address-level1 webauthn" | "billing address-level2" | "billing address-level2 webauthn" | "billing address-level3" | "billing address-level3 webauthn" | "billing address-level4" | "billing address-level4 webauthn" | "billing address-line1" | "billing address-line1 webauthn" | "billing address-line2" | "billing address-line2 webauthn" | "billing address-line3" | "billing address-line3 webauthn" | "billing bday-day" | "billing bday-day webauthn" | "billing bday-month" | "billing bday-month webauthn" | "billing bday-year" | "billing bday-year webauthn" | "billing cc-csc" | "billing cc-csc webauthn" | "billing cc-exp" | "billing cc-exp webauthn" | "billing cc-exp-month" | "billing cc-exp-month webauthn" | "billing cc-exp-year" | "billing cc-exp-year webauthn" | "billing cc-family-name" | "billing cc-family-name webauthn" | "billing cc-given-name" | "billing cc-given-name webauthn" | "billing cc-name" | "billing cc-name webauthn" | "billing cc-number" | "billing cc-number webauthn" | "billing cc-type" | "billing cc-type webauthn" | "billing country" | "billing country webauthn" | "billing country-name" | "billing country-name webauthn" | "billing current-password" | "billing current-password webauthn" | "billing family-name" | "billing family-name webauthn" | "billing given-name" | "billing given-name webauthn" | "billing honorific-prefix" | "billing honorific-prefix webauthn" | "billing honorific-suffix" | "billing honorific-suffix webauthn" | "billing name" | "billing name webauthn" | "billing new-password" | "billing new-password webauthn" | "billing one-time-code" | "billing one-time-code webauthn" | "billing organization" | "billing organization webauthn" | "billing postal-code" | "billing postal-code webauthn" | "billing street-address" | "billing street-address webauthn" | "billing transaction-amount" | "billing transaction-amount webauthn" | "billing transaction-currency" | "billing transaction-currency webauthn" | "billing username" | "billing username webauthn" | "billing email" | "billing email webauthn" | "billing tel" | "billing tel webauthn" | "billing tel-area-code" | "billing tel-area-code webauthn" | "billing tel-country-code" | "billing tel-country-code webauthn" | "billing tel-extension" | "billing tel-extension webauthn" | "billing tel-local" | "billing tel-local webauthn" | "billing tel-local-prefix" | "billing tel-local-prefix webauthn" | "billing tel-local-suffix" | "billing tel-local-suffix webauthn" | "billing tel-national" | "billing tel-national webauthn" | "billing home email" | "billing home email webauthn" | "billing home tel" | "billing home tel webauthn" | "billing home tel-area-code" | "billing home tel-area-code webauthn" | "billing home tel-country-code" | "billing home tel-country-code webauthn" | "billing home tel-extension" | "billing home tel-extension webauthn" | "billing home tel-local" | "billing home tel-local webauthn" | "billing home tel-local-prefix" | "billing home tel-local-prefix webauthn" | "billing home tel-local-suffix" | "billing home tel-local-suffix webauthn" | "billing home tel-national" | "billing home tel-national webauthn" | "billing mobile email" | "billing mobile email webauthn" | "billing mobile tel" | "billing mobile tel webauthn" | "billing mobile tel-area-code" | "billing mobile tel-area-code webauthn" | "billing mobile tel-country-code" | "billing mobile tel-country-code webauthn" | "billing mobile tel-extension" | "billing mobile tel-extension webauthn" | "billing mobile tel-local" | "billing mobile tel-local webauthn" | "billing mobile tel-local-prefix" | "billing mobile tel-local-prefix webauthn" | "billing mobile tel-local-suffix" | "billing mobile tel-local-suffix webauthn" | "billing mobile tel-national" | "billing mobile tel-national webauthn" | "billing work email" | "billing work email webauthn" | "billing work tel" | "billing work tel webauthn" | "billing work tel-area-code" | "billing work tel-area-code webauthn" | "billing work tel-country-code" | "billing work tel-country-code webauthn" | "billing work tel-extension" | "billing work tel-extension webauthn" | "billing work tel-local" | "billing work tel-local webauthn" | "billing work tel-local-prefix" | "billing work tel-local-prefix webauthn" | "billing work tel-local-suffix" | "billing work tel-local-suffix webauthn" | "billing work tel-national" | "billing work tel-national webauthn" | "shipping additional-name" | "shipping additional-name webauthn" | "shipping address-level1" | "shipping address-level1 webauthn" | "shipping address-level2" | "shipping address-level2 webauthn" | "shipping address-level3" | "shipping address-level3 webauthn" | "shipping address-level4" | "shipping address-level4 webauthn" | "shipping address-line1" | "shipping address-line1 webauthn" | "shipping address-line2" | "shipping address-line2 webauthn" | "shipping address-line3" | "shipping address-line3 webauthn" | "shipping bday-day" | "shipping bday-day webauthn" | "shipping bday-month" | "shipping bday-month webauthn" | "shipping bday-year" | "shipping bday-year webauthn" | "shipping cc-csc" | "shipping cc-csc webauthn" | "shipping cc-exp" | "shipping cc-exp webauthn" | "shipping cc-exp-month" | "shipping cc-exp-month webauthn" | "shipping cc-exp-year" | "shipping cc-exp-year webauthn" | "shipping cc-family-name" | "shipping cc-family-name webauthn" | "shipping cc-given-name" | "shipping cc-given-name webauthn" | "shipping cc-name" | "shipping cc-name webauthn" | "shipping cc-number" | "shipping cc-number webauthn" | "shipping cc-type" | "shipping cc-type webauthn" | "shipping country" | "shipping country webauthn" | "shipping country-name" | "shipping country-name webauthn" | "shipping current-password" | "shipping current-password webauthn" | "shipping family-name" | "shipping family-name webauthn" | "shipping given-name" | "shipping given-name webauthn" | "shipping honorific-prefix" | "shipping honorific-prefix webauthn" | "shipping honorific-suffix" | "shipping honorific-suffix webauthn" | "shipping name" | "shipping name webauthn" | "shipping new-password" | "shipping new-password webauthn" | "shipping one-time-code" | "shipping one-time-code webauthn" | "shipping organization" | "shipping organization webauthn" | "shipping postal-code" | "shipping postal-code webauthn" | "shipping street-address" | "shipping street-address webauthn" | "shipping transaction-amount" | "shipping transaction-amount webauthn" | "shipping transaction-currency" | "shipping transaction-currency webauthn" | "shipping username" | "shipping username webauthn" | "shipping email" | "shipping email webauthn" | "shipping tel" | "shipping tel webauthn" | "shipping tel-area-code" | "shipping tel-area-code webauthn" | "shipping tel-country-code" | "shipping tel-country-code webauthn" | "shipping tel-extension" | "shipping tel-extension webauthn" | "shipping tel-local" | "shipping tel-local webauthn" | "shipping tel-local-prefix" | "shipping tel-local-prefix webauthn" | "shipping tel-local-suffix" | "shipping tel-local-suffix webauthn" | "shipping tel-national" | "shipping tel-national webauthn" | "shipping home email" | "shipping home email webauthn" | "shipping home tel" | "shipping home tel webauthn" | "shipping home tel-area-code" | "shipping home tel-area-code webauthn" | "shipping home tel-country-code" | "shipping home tel-country-code webauthn" | "shipping home tel-extension" | "shipping home tel-extension webauthn" | "shipping home tel-local" | "shipping home tel-local webauthn" | "shipping home tel-local-prefix" | "shipping home tel-local-prefix webauthn" | "shipping home tel-local-suffix" | "shipping home tel-local-suffix webauthn" | "shipping home tel-national" | "shipping home tel-national webauthn" | "shipping mobile email" | "shipping mobile email webauthn" | "shipping mobile tel" | "shipping mobile tel webauthn" | "shipping mobile tel-area-code" | "shipping mobile tel-area-code webauthn" | "shipping mobile tel-country-code" | "shipping mobile tel-country-code webauthn" | "shipping mobile tel-extension" | "shipping mobile tel-extension webauthn" | "shipping mobile tel-local" | "shipping mobile tel-local webauthn" | "shipping mobile tel-local-prefix" | "shipping mobile tel-local-prefix webauthn" | "shipping mobile tel-local-suffix" | "shipping mobile tel-local-suffix webauthn" | "shipping mobile tel-national" | "shipping mobile tel-national webauthn" | "shipping work email" | "shipping work email webauthn" | "shipping work tel" | "shipping work tel webauthn" | "shipping work tel-area-code" | "shipping work tel-area-code webauthn" | "shipping work tel-country-code" | "shipping work tel-country-code webauthn" | "shipping work tel-extension" | "shipping work tel-extension webauthn" | "shipping work tel-local" | "shipping work tel-local webauthn" | "shipping work tel-local-prefix" | "shipping work tel-local-prefix webauthn" | "shipping work tel-local-suffix" | "shipping work tel-local-suffix webauthn" | "shipping work tel-national" | "shipping work tel-national webauthn" | `section-${string} additional-name` | `section-${string} additional-name webauthn` | `section-${string} address-level1` | `section-${string} address-level1 webauthn` | `section-${string} address-level2` | `section-${string} address-level2 webauthn` | `section-${string} address-level3` | `section-${string} address-level3 webauthn` | `section-${string} address-level4` | `section-${string} address-level4 webauthn` | `section-${string} address-line1` | `section-${string} address-line1 webauthn` | `section-${string} address-line2` | `section-${string} address-line2 webauthn` | `section-${string} address-line3` | `section-${string} address-line3 webauthn` | `section-${string} bday-day` | `section-${string} bday-day webauthn` | `section-${string} bday-month` | `section-${string} bday-month webauthn` | `section-${string} bday-year` | `section-${string} bday-year webauthn` | `section-${string} cc-csc` | `section-${string} cc-csc webauthn` | `section-${string} cc-exp` | `section-${string} cc-exp webauthn` | `section-${string} cc-exp-month` | `section-${string} cc-exp-month webauthn` | `section-${string} cc-exp-year` | `section-${string} cc-exp-year webauthn` | `section-${string} cc-family-name` | `section-${string} cc-family-name webauthn` | `section-${string} cc-given-name` | `section-${string} cc-given-name webauthn` | `section-${string} cc-name` | `section-${string} cc-name webauthn` | `section-${string} cc-number` | `section-${string} cc-number webauthn` | `section-${string} cc-type` | `section-${string} cc-type webauthn` | `section-${string} country` | `section-${string} country webauthn` | `section-${string} country-name` | `section-${string} country-name webauthn` | `section-${string} current-password` | `section-${string} current-password webauthn` | `section-${string} family-name` | `section-${string} family-name webauthn` | `section-${string} given-name` | `section-${string} given-name webauthn` | `section-${string} honorific-prefix` | `section-${string} honorific-prefix webauthn` | `section-${string} honorific-suffix` | `section-${string} honorific-suffix webauthn` | `section-${string} name` | `section-${string} name webauthn` | `section-${string} new-password` | `section-${string} new-password webauthn` | `section-${string} one-time-code` | `section-${string} one-time-code webauthn` | `section-${string} organization` | `section-${string} organization webauthn` | `section-${string} postal-code` | `section-${string} postal-code webauthn` | `section-${string} street-address` | `section-${string} street-address webauthn` | `section-${string} transaction-amount` | `section-${string} transaction-amount webauthn` | `section-${string} transaction-currency` | `section-${string} transaction-currency webauthn` | `section-${string} username` | `section-${string} username webauthn` | `section-${string} email` | `section-${string} email webauthn` | `section-${string} tel` | `section-${string} tel webauthn` | `section-${string} tel-area-code` | `section-${string} tel-area-code webauthn` | `section-${string} tel-country-code` | `section-${string} tel-country-code webauthn` | `section-${string} tel-extension` | `section-${string} tel-extension webauthn` | `section-${string} tel-local` | `section-${string} tel-local webauthn` | `section-${string} tel-local-prefix` | `section-${string} tel-local-prefix webauthn` | `section-${string} tel-local-suffix` | `section-${string} tel-local-suffix webauthn` | `section-${string} tel-national` | `section-${string} tel-national webauthn` | `section-${string} home email` | `section-${string} home email webauthn` | `section-${string} home tel` | `section-${string} home tel webauthn` | `section-${string} home tel-area-code` | `section-${string} home tel-area-code webauthn` | `section-${string} home tel-country-code` | `section-${string} home tel-country-code webauthn` | `section-${string} home tel-extension` | `section-${string} home tel-extension webauthn` | `section-${string} home tel-local` | `section-${string} home tel-local webauthn` | `section-${string} home tel-local-prefix` | `section-${string} home tel-local-prefix webauthn` | `section-${string} home tel-local-suffix` | `section-${string} home tel-local-suffix webauthn` | `section-${string} home tel-national` | `section-${string} home tel-national webauthn` | `section-${string} mobile email` | `section-${string} mobile email webauthn` | `section-${string} mobile tel` | `section-${string} mobile tel webauthn` | `section-${string} mobile tel-area-code` | `section-${string} mobile tel-area-code webauthn` | `section-${string} mobile tel-country-code` | `section-${string} mobile tel-country-code webauthn` | `section-${string} mobile tel-extension` | `section-${string} mobile tel-extension webauthn` | `section-${string} mobile tel-local` | `section-${string} mobile tel-local webauthn` | `section-${string} mobile tel-local-prefix` | `section-${string} mobile tel-local-prefix webauthn` | `section-${string} mobile tel-local-suffix` | `section-${string} mobile tel-local-suffix webauthn` | `section-${string} mobile tel-national` | `section-${string} mobile tel-national webauthn` | `section-${string} work email` | `section-${string} work email webauthn` | `section-${string} work tel` | `section-${string} work tel webauthn` | `section-${string} work tel-area-code` | `section-${string} work tel-area-code webauthn` | `section-${string} work tel-country-code` | `section-${string} work tel-country-code webauthn` | `section-${string} work tel-extension` | `section-${string} work tel-extension webauthn` | `section-${string} work tel-local` | `section-${string} work tel-local webauthn` | `section-${string} work tel-local-prefix` | `section-${string} work tel-local-prefix webauthn` | `section-${string} work tel-local-suffix` | `section-${string} work tel-local-suffix webauthn` | `section-${string} work tel-national` | `section-${string} work tel-national webauthn` | `section-${string} billing additional-name` | `section-${string} billing additional-name webauthn` | `section-${string} billing address-level1` | `section-${string} billing address-level1 webauthn` | `section-${string} billing address-level2` | `section-${string} billing address-level2 webauthn` | `section-${string} billing address-level3` | `section-${string} billing address-level3 webauthn` | `section-${string} billing address-level4` | `section-${string} billing address-level4 webauthn` | `section-${string} billing address-line1` | `section-${string} billing address-line1 webauthn` | `section-${string} billing address-line2` | `section-${string} billing address-line2 webauthn` | `section-${string} billing address-line3` | `section-${string} billing address-line3 webauthn` | `section-${string} billing bday-day` | `section-${string} billing bday-day webauthn` | `section-${string} billing bday-month` | `section-${string} billing bday-month webauthn` | `section-${string} billing bday-year` | `section-${string} billing bday-year webauthn` | `section-${string} billing cc-csc` | `section-${string} billing cc-csc webauthn` | `section-${string} billing cc-exp` | `section-${string} billing cc-exp webauthn` | `section-${string} billing cc-exp-month` | `section-${string} billing cc-exp-month webauthn` | `section-${string} billing cc-exp-year` | `section-${string} billing cc-exp-year webauthn` | `section-${string} billing cc-family-name` | `section-${string} billing cc-family-name webauthn` | `section-${string} billing cc-given-name` | `section-${string} billing cc-given-name webauthn` | `section-${string} billing cc-name` | `section-${string} billing cc-name webauthn` | `section-${string} billing cc-number` | `section-${string} billing cc-number webauthn` | `section-${string} billing cc-type` | `section-${string} billing cc-type webauthn` | `section-${string} billing country` | `section-${string} billing country webauthn` | `section-${string} billing country-name` | `section-${string} billing country-name webauthn` | `section-${string} billing current-password` | `section-${string} billing current-password webauthn` | `section-${string} billing family-name` | `section-${string} billing family-name webauthn` | `section-${string} billing given-name` | `section-${string} billing given-name webauthn` | `section-${string} billing honorific-prefix` | `section-${string} billing honorific-prefix webauthn` | `section-${string} billing honorific-suffix` | `section-${string} billing honorific-suffix webauthn` | `section-${string} billing name` | `section-${string} billing name webauthn` | `section-${string} billing new-password` | `section-${string} billing new-password webauthn` | `section-${string} billing one-time-code` | `section-${string} billing one-time-code webauthn` | `section-${string} billing organization` | `section-${string} billing organization webauthn` | `section-${string} billing postal-code` | `section-${string} billing postal-code webauthn` | `section-${string} billing street-address` | `section-${string} billing street-address webauthn` | `section-${string} billing transaction-amount` | `section-${string} billing transaction-amount webauthn` | `section-${string} billing transaction-currency` | `section-${string} billing transaction-currency webauthn` | `section-${string} billing username` | `section-${string} billing username webauthn` | `section-${string} billing email` | `section-${string} billing email webauthn` | `section-${string} billing tel` | `section-${string} billing tel webauthn` | `section-${string} billing tel-area-code` | `section-${string} billing tel-area-code webauthn` | `section-${string} billing tel-country-code` | `section-${string} billing tel-country-code webauthn` | `section-${string} billing tel-extension` | `section-${string} billing tel-extension webauthn` | `section-${string} billing tel-local` | `section-${string} billing tel-local webauthn` | `section-${string} billing tel-local-prefix` | `section-${string} billing tel-local-prefix webauthn` | `section-${string} billing tel-local-suffix` | `section-${string} billing tel-local-suffix webauthn` | `section-${string} billing tel-national` | `section-${string} billing tel-national webauthn` | `section-${string} billing home email` | `section-${string} billing home email webauthn` | `section-${string} billing home tel` | `section-${string} billing home tel webauthn` | `section-${string} billing home tel-area-code` | `section-${string} billing home tel-area-code webauthn` | `section-${string} billing home tel-country-code` | `section-${string} billing home tel-country-code webauthn` | `section-${string} billing home tel-extension` | `section-${string} billing home tel-extension webauthn` | `section-${string} billing home tel-local` | `section-${string} billing home tel-local webauthn` | `section-${string} billing home tel-local-prefix` | `section-${string} billing home tel-local-prefix webauthn` | `section-${string} billing home tel-local-suffix` | `section-${string} billing home tel-local-suffix webauthn` | `section-${string} billing home tel-national` | `section-${string} billing home tel-national webauthn` | `section-${string} billing mobile email` | `section-${string} billing mobile email webauthn` | `section-${string} billing mobile tel` | `section-${string} billing mobile tel webauthn` | `section-${string} billing mobile tel-area-code` | `section-${string} billing mobile tel-area-code webauthn` | `section-${string} billing mobile tel-country-code` | `section-${string} billing mobile tel-country-code webauthn` | `section-${string} billing mobile tel-extension` | `section-${string} billing mobile tel-extension webauthn` | `section-${string} billing mobile tel-local` | `section-${string} billing mobile tel-local webauthn` | `section-${string} billing mobile tel-local-prefix` | `section-${string} billing mobile tel-local-prefix webauthn` | `section-${string} billing mobile tel-local-suffix` | `section-${string} billing mobile tel-local-suffix webauthn` | `section-${string} billing mobile tel-national` | `section-${string} billing mobile tel-national webauthn` | `section-${string} billing work email` | `section-${string} billing work email webauthn` | `section-${string} billing work tel` | `section-${string} billing work tel webauthn` | `section-${string} billing work tel-area-code` | `section-${string} billing work tel-area-code webauthn` | `section-${string} billing work tel-country-code` | `section-${string} billing work tel-country-code webauthn` | `section-${string} billing work tel-extension` | `section-${string} billing work tel-extension webauthn` | `section-${string} billing work tel-local` | `section-${string} billing work tel-local webauthn` | `section-${string} billing work tel-local-prefix` | `section-${string} billing work tel-local-prefix webauthn` | `section-${string} billing work tel-local-suffix` | `section-${string} billing work tel-local-suffix webauthn` | `section-${string} billing work tel-national` | `section-${string} billing work tel-national webauthn` | `section-${string} shipping additional-name` | `section-${string} shipping additional-name webauthn` | `section-${string} shipping address-level1` | `section-${string} shipping address-level1 webauthn` | `section-${string} shipping address-level2` | `section-${string} shipping address-level2 webauthn` | `section-${string} shipping address-level3` | `section-${string} shipping address-level3 webauthn` | `section-${string} shipping address-level4` | `section-${string} shipping address-level4 webauthn` | `section-${string} shipping address-line1` | `section-${string} shipping address-line1 webauthn` | `section-${string} shipping address-line2` | `section-${string} shipping address-line2 webauthn` | `section-${string} shipping address-line3` | `section-${string} shipping address-line3 webauthn` | `section-${string} shipping bday-day` | `section-${string} shipping bday-day webauthn` | `section-${string} shipping bday-month` | `section-${string} shipping bday-month webauthn` | `section-${string} shipping bday-year` | `section-${string} shipping bday-year webauthn` | `section-${string} shipping cc-csc` | `section-${string} shipping cc-csc webauthn` | `section-${string} shipping cc-exp` | `section-${string} shipping cc-exp webauthn` | `section-${string} shipping cc-exp-month` | `section-${string} shipping cc-exp-month webauthn` | `section-${string} shipping cc-exp-year` | `section-${string} shipping cc-exp-year webauthn` | `section-${string} shipping cc-family-name` | `section-${string} shipping cc-family-name webauthn` | `section-${string} shipping cc-given-name` | `section-${string} shipping cc-given-name webauthn` | `section-${string} shipping cc-name` | `section-${string} shipping cc-name webauthn` | `section-${string} shipping cc-number` | `section-${string} shipping cc-number webauthn` | `section-${string} shipping cc-type` | `section-${string} shipping cc-type webauthn` | `section-${string} shipping country` | `section-${string} shipping country webauthn` | `section-${string} shipping country-name` | `section-${string} shipping country-name webauthn` | `section-${string} shipping current-password` | `section-${string} shipping current-password webauthn` | `section-${string} shipping family-name` | `section-${string} shipping family-name webauthn` | `section-${string} shipping given-name` | `section-${string} shipping given-name webauthn` | `section-${string} shipping honorific-prefix` | `section-${string} shipping honorific-prefix webauthn` | `section-${string} shipping honorific-suffix` | `section-${string} shipping honorific-suffix webauthn` | `section-${string} shipping name` | `section-${string} shipping name webauthn` | `section-${string} shipping new-password` | `section-${string} shipping new-password webauthn` | `section-${string} shipping one-time-code` | `section-${string} shipping one-time-code webauthn` | `section-${string} shipping organization` | `section-${string} shipping organization webauthn` | `section-${string} shipping postal-code` | `section-${string} shipping postal-code webauthn` | `section-${string} shipping street-address` | `section-${string} shipping street-address webauthn` | `section-${string} shipping transaction-amount` | `section-${string} shipping transaction-amount webauthn` | `section-${string} shipping transaction-currency` | `section-${string} shipping transaction-currency webauthn` | `section-${string} shipping username` | `section-${string} shipping username webauthn` | `section-${string} shipping email` | `section-${string} shipping email webauthn` | `section-${string} shipping tel` | `section-${string} shipping tel webauthn` | `section-${string} shipping tel-area-code` | `section-${string} shipping tel-area-code webauthn` | `section-${string} shipping tel-country-code` | `section-${string} shipping tel-country-code webauthn` | `section-${string} shipping tel-extension` | `section-${string} shipping tel-extension webauthn` | `section-${string} shipping tel-local` | `section-${string} shipping tel-local webauthn` | `section-${string} shipping tel-local-prefix` | `section-${string} shipping tel-local-prefix webauthn` | `section-${string} shipping tel-local-suffix` | `section-${string} shipping tel-local-suffix webauthn` | `section-${string} shipping tel-national` | `section-${string} shipping tel-national webauthn` | `section-${string} shipping home email` | `section-${string} shipping home email webauthn` | `section-${string} shipping home tel` | `section-${string} shipping home tel webauthn` | `section-${string} shipping home tel-area-code` | `section-${string} shipping home tel-area-code webauthn` | `section-${string} shipping home tel-country-code` | `section-${string} shipping home tel-country-code webauthn` | `section-${string} shipping home tel-extension` | `section-${string} shipping home tel-extension webauthn` | `section-${string} shipping home tel-local` | `section-${string} shipping home tel-local webauthn` | `section-${string} shipping home tel-local-prefix` | `section-${string} shipping home tel-local-prefix webauthn` | `section-${string} shipping home tel-local-suffix` | `section-${string} shipping home tel-local-suffix webauthn` | `section-${string} shipping home tel-national` | `section-${string} shipping home tel-national webauthn` | `section-${string} shipping mobile email` | `section-${string} shipping mobile email webauthn` | `section-${string} shipping mobile tel` | `section-${string} shipping mobile tel webauthn` | `section-${string} shipping mobile tel-area-code` | `section-${string} shipping mobile tel-area-code webauthn` | `section-${string} shipping mobile tel-country-code` | `section-${string} shipping mobile tel-country-code webauthn` | `section-${string} shipping mobile tel-extension` | `section-${string} shipping mobile tel-extension webauthn` | `section-${string} shipping mobile tel-local` | `section-${string} shipping mobile tel-local webauthn` | `section-${string} shipping mobile tel-local-prefix` | `section-${string} shipping mobile tel-local-prefix webauthn` | `section-${string} shipping mobile tel-local-suffix` | `section-${string} shipping mobile tel-local-suffix webauthn` | `section-${string} shipping mobile tel-national` | `section-${string} shipping mobile tel-national webauthn` | `section-${string} shipping work email` | `section-${string} shipping work email webauthn` | `section-${string} shipping work tel` | `section-${string} shipping work tel webauthn` | `section-${string} shipping work tel-area-code` | `section-${string} shipping work tel-area-code webauthn` | `section-${string} shipping work tel-country-code` | `section-${string} shipping work tel-country-code webauthn` | `section-${string} shipping work tel-extension` | `section-${string} shipping work tel-extension webauthn` | `section-${string} shipping work tel-local` | `section-${string} shipping work tel-local webauthn` | `section-${string} shipping work tel-local-prefix` | `section-${string} shipping work tel-local-prefix webauthn` | `section-${string} shipping work tel-local-suffix` | `section-${string} shipping work tel-local-suffix webauthn` | `section-${string} shipping work tel-national` | `section-${string} shipping work tel-national webauthn`;
+			/** Sets the input mode of the field for asking browser to show the desired keyboard. */
+			"inputmode": string;
+			/** Sets input to get keyboard focus automatically */
+			"autofocus"?: boolean;
+			/** Sets the custom icon name. `bl-icon` component is used to show an icon */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Sets input size. */
+			"size"?: "small" | "medium" | "large";
+			/** Disables the input */
+			"disabled"?: boolean;
+			/** Makes the input readonly. */
+			"readonly"?: boolean;
+			/** Makes label as fixed positioned */
+			"label-fixed"?: boolean;
+			/** Overrides error message. This message will override default error messages */
+			"invalid-text": string;
+			"error": string;
+			/** Adds help text */
+			"help-text"?: string | undefined;
+			/** Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value. */
+			"on:bl-change"?: (event: CustomEvent<string>) => void;
+			/** Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value. */
+			"onbl-change"?: (event: CustomEvent<string>) => void;
+			/** Fires when the value of an input element has been changed. */
+			"on:bl-input"?: (event: CustomEvent<string>) => void;
+			/** Fires when the value of an input element has been changed. */
+			"onbl-input"?: (event: CustomEvent<string>) => void;
+			/** Fires when the value of an input element has been changed. */
+			"on:bl-invalid"?: (event: CustomEvent<ValidityState>) => void;
+			/** Fires when the value of an input element has been changed. */
+			"onbl-invalid"?: (event: CustomEvent<ValidityState>) => void;
+		};
+    "bl-popover": {
+			/** Sets placement of the popover */
+			"placement"?: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "left-start" | "left" | "left-end" | "right-start" | "right" | "right-end";
+			/** Sets size of popover same as trigger element */
+			"fit-size"?: boolean;
+			/** Sets the distance between popover and target/trigger element */
+			"offset"?: number;
+			/**
+			 * Sets the target element of the popover to align and trigger.
+			 * It can be a string id of the target element or can be a direct Element reference of it.
+			 */
+			"target": string | Element;
+			/** Fires when the popover is shown */
+			"on:bl-popover-show"?: (event: CustomEvent<string>) => void;
+			/** Fires when the popover is shown */
+			"onbl-popover-show"?: (event: CustomEvent<string>) => void;
+			/** Fires when popover becomes hidden */
+			"on:bl-popover-hide"?: (event: CustomEvent<string>) => void;
+			/** Fires when popover becomes hidden */
+			"onbl-popover-hide"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-tooltip": {
+			/** Sets placement of the tooltip */
+			"placement"?: import("@trendyol/baklava/dist/components/popover/bl-popover").Placement;
+			"target": string | Element;
+			/** Fires when hovering over a trigger */
+			"on:bl-tooltip-show"?: (event: CustomEvent<string>) => void;
+			/** Fires when hovering over a trigger */
+			"onbl-tooltip-show"?: (event: CustomEvent<string>) => void;
+			/** Fires when leaving over from trigger */
+			"on:bl-tooltip-hide"?: (event: CustomEvent<string>) => void;
+			/** Fires when leaving over from trigger */
+			"onbl-tooltip-hide"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-datepicker": {
+			/** Defines the datepicker input placeholder */
+			"placeholder": string;
+			/** Sets input size. */
+			"size"?: import("@trendyol/baklava/dist/components/input/bl-input").InputSize;
+			/** Makes datepicker input label as fixed positioned */
+			"label-fixed"?: boolean;
+			/** Defines the datepicker input label */
+			"label": string;
+			/** Defines the custom formatter function */
+			"value-formatter"?: ((dates: Date[]) => string) | null;
+			/** Sets datepicker to disabled */
+			"disabled": boolean;
+			/** Defines help text to datepicker input for users */
+			"help-text": string;
+			/** Fires when date selection is changed */
+			"on:bl-datepicker-change"?: (event: CustomEvent<Date[]>) => void;
+			/** Fires when date selection is changed */
+			"onbl-datepicker-change"?: (event: CustomEvent<Date[]>) => void;
+		};
+    "bl-dialog": {
+			/** Sets dialog open-close status */
+			"open"?: boolean;
+			/** Sets the dialog title */
+			"caption"?: string;
+			/** Determines if the dialog is critical, which disables closing through keyboard, backdrop, and close button interactions. */
+			"critical"?: boolean;
+			/**
+			 * Determines if dialog currently uses polyfilled version instead of native HTML Dialog. By
+			 * default, it uses native Dialog if the browser supports it, otherwise polyfills. You can force
+			 * using polyfill by setting this to true in some cases like to show some content on top of dialog
+			 * in case you are not able to use Popover API. Be aware that, polyfilled version can cause some
+			 * inconsistencies in terms of accessibility and stacking context. So use it with extra caution.
+			 * 
+			 * As of the current implementation, you can render above the dialog HTML element using the Popover API. However,
+			 * it will block any actions on the Popover element. This issue was encountered during the development of the `bl-notification` component.
+			 * As a result, we decided to enable the polyfill for the `bl-dialog` component by default. If you prefer to use the native dialog, you can set
+			 * this property to false. Please note, doing so will cause notifications to render under the dialog backdrop.
+			 * For more information, refer to the comment linked below:
+			 * 
+			 * https://github.com/Trendyol/baklava/issues/141#issuecomment-1810301413
+			 */
+			"polyfilled"?: boolean;
+			/** Fires when the dialog is opened */
+			"on:bl-dialog-open"?: (event: CustomEvent<object>) => void;
+			/** Fires when the dialog is opened */
+			"onbl-dialog-open"?: (event: CustomEvent<object>) => void;
+			/**
+			 * Fires before the dialog is closed with internal actions like clicking close button,
+			 * pressing Escape key or clicking backdrop. Can be prevented by calling `event.preventDefault()`
+			 */
+			"on:bl-dialog-request-close"?: (event: CustomEvent<{ source: "close-button" | "keyboard" | "backdrop"; }>) => void;
+			/**
+			 * Fires before the dialog is closed with internal actions like clicking close button,
+			 * pressing Escape key or clicking backdrop. Can be prevented by calling `event.preventDefault()`
+			 */
+			"onbl-dialog-request-close"?: (event: CustomEvent<{ source: "close-button" | "keyboard" | "backdrop"; }>) => void;
+			/** Fires when the dialog is closed */
+			"on:bl-dialog-close"?: (event: CustomEvent<object>) => void;
+			/** Fires when the dialog is closed */
+			"onbl-dialog-close"?: (event: CustomEvent<object>) => void;
+		};
+    "bl-drawer": {
+			/** Sets drawer open-close status */
+			"open"?: boolean;
+			/** Sets the drawer title */
+			"caption"?: string;
+			/** Sets the drawer embed url for iframe */
+			"embed-url"?: string | undefined;
+			/** Sets the drawer external link */
+			"external-link"?: string | undefined;
+			/** Sets the drawer width */
+			"width"?: string;
+			/** Fires when the drawer is opened */
+			"on:bl-drawer-open"?: (event: CustomEvent<string>) => void;
+			/** Fires when the drawer is opened */
+			"onbl-drawer-open"?: (event: CustomEvent<string>) => void;
+			/** Fires when the drawer is closed */
+			"on:bl-drawer-close"?: (event: CustomEvent<string>) => void;
+			/** Fires when the drawer is closed */
+			"onbl-drawer-close"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-split-button": {
+			/** Sets the split button label */
+			"label": string;
+			/** Sets the split button variant */
+			"variant"?: "primary" | "secondary";
+			/** Sets the split button kind */
+			"kind"?: import("@trendyol/baklava/dist/components/button/bl-button").ButtonKind;
+			/** Sets the split button size */
+			"size"?: import("@trendyol/baklava/dist/components/button/bl-button").ButtonSize;
+			/** Set link url. If set, split main button will be rendered as anchor tag. */
+			"href": string;
+			/** Sets main button as disabled */
+			"disabled"?: boolean;
+			/** Sets loading state of button */
+			"loading"?: boolean;
+			/** Sets the button label for loading status. */
+			"loading-label": string;
+			/** Sets dropdown button as disabled */
+			"dropdown-disabled"?: boolean;
+			/** Sets the icon name. Shows icon with bl-icon component */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Sets the anchor target. Used when `href` is set. */
+			"target"?: import("@trendyol/baklava/dist/components/button/bl-button").TargetType;
+			/** Sets the type of the button. Set `submit` to use button as the submitter of parent form. */
+			"type": "submit";
+			/** Sets button to get keyboard focus automatically */
+			"autofocus"?: boolean;
+			/** Sets the associated form of the button. Use when `type` is set to `submit` and button is not inside the target form. */
+			"form": HTMLFormElement | string;
+			/** Fires when dropdown opened */
+			"on:bl-dropdown-open"?: (event: CustomEvent<string>) => void;
+			/** Fires when dropdown opened */
+			"onbl-dropdown-open"?: (event: CustomEvent<string>) => void;
+			/** Fires when dropdown closed */
+			"on:bl-dropdown-close"?: (event: CustomEvent<string>) => void;
+			/** Fires when dropdown closed */
+			"onbl-dropdown-close"?: (event: CustomEvent<string>) => void;
+			/** Fires when main button click */
+			"on:bl-click"?: (event: CustomEvent<string>) => void;
+			/** Fires when main button click */
+			"onbl-click"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-dropdown-group": {
+			/** Sets the caption. */
+			"caption"?: string;
+		};
+    "bl-dropdown-item": {
+			/** Sets the icon name. Shows icon with bl-icon component */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Sets item as disabled */
+			"disabled"?: boolean;
+
+			"on:bl-dropdown-item-click"?: (event: CustomEvent<string>) => void;
+			"onbl-dropdown-item-click"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-dropdown": {
+			/** Sets the dropdown button label */
+			"label": string;
+			/** Sets the dropdown button variant */
+			"variant"?: import("@trendyol/baklava/dist/components/button/bl-button").ButtonVariant;
+			/** Sets the dropdown button kind */
+			"kind"?: import("@trendyol/baklava/dist/components/button/bl-button").ButtonKind;
+			/** Sets the dropdown button size */
+			"size"?: import("@trendyol/baklava/dist/components/button/bl-button").ButtonSize;
+			/** Sets button as disabled */
+			"disabled"?: boolean;
+			/** Sets the icon name to be displayed on the left side of the button label */
+			"icon"?: string;
+			/** Fires when dropdown opened */
+			"on:bl-dropdown-open"?: (event: CustomEvent<string>) => void;
+			/** Fires when dropdown opened */
+			"onbl-dropdown-open"?: (event: CustomEvent<string>) => void;
+			/** Fires when dropdown closed */
+			"on:bl-dropdown-close"?: (event: CustomEvent<string>) => void;
+			/** Fires when dropdown closed */
+			"onbl-dropdown-close"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-link": {
+			/** URL that the hyperlink points to */
+			"href"?: string;
+			/** Link variant - inline or standalone */
+			"variant"?: "inline" | "standalone";
+			/** Link size - only applies to standalone variant */
+			"size"?: "small" | "medium" | "large";
+			/** Link kind - only applies to standalone variant */
+			"kind"?: "primary" | "neutral";
+			/** Aria label for the link */
+			"aria-label"?: string;
+			/** Where to display the linked URL */
+			"target"?: string;
+			/**
+			 * Relationship between the current document and the linked document.
+			 * Multiple rel values can be specified by separating them with spaces.
+			 * Example: "noopener noreferrer"
+			 */
+			"rel"?: string;
+			/** Language of the linked document */
+			"hreflang"?: string;
+			/** MIME type of the linked document */
+			"type"?: string;
+			/** Referrer policy for the link */
+			"referrerpolicy"?: HTMLAnchorElement["referrerPolicy"] | undefined;
+			/** Whether to download the resource instead of navigating to it */
+			"download"?: string;
+			/** Ping URLs to be notified when following the link */
+			"ping"?: string;
+		};
+    "bl-notification-card": {
+			/** Sets notification caption. */
+			"caption"?: string;
+			/**
+			 * Allows to customize notification icon.
+			 * True value will display default icon.
+			 * False value will hide icon.
+			 * String value will display icon with specified name.
+			 */
+			"icon"?: boolean | import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Sets notification variant. */
+			"variant"?: "success" | "info" | "warning" | "error";
+			/** Indicates whether the notification is closed. */
+			"closed"?: boolean;
+			/**
+			 * Sets notification display duration in minutes.
+			 * Has no effect if permanent is set to true.
+			 */
+			"duration"?: boolean;
+			/** Prevents notification from being closed automatically. */
+			"permanent"?: boolean;
+			/**
+			 * Dispatches close request event.
+			 * The notification will not be closed automatically if the event is prevented.
+			 */
+			"on:bl-notification-card-request-close"?: (event: CustomEvent<{ source: "close-button" | "duration-ended"; }>) => void;
+			/**
+			 * Dispatches close request event.
+			 * The notification will not be closed automatically if the event is prevented.
+			 */
+			"onbl-notification-card-request-close"?: (event: CustomEvent<{ source: "close-button" | "duration-ended"; }>) => void;
+			/**
+			 * Dispatches close event.
+			 * The notification will hidden after the event is dispatched and the closed property is set to true.
+			 */
+			"on:bl-notification-card-close"?: (event: CustomEvent<{ source: "close-button" | "duration-ended"; }>) => void;
+			/**
+			 * Dispatches close event.
+			 * The notification will hidden after the event is dispatched and the closed property is set to true.
+			 */
+			"onbl-notification-card-close"?: (event: CustomEvent<{ source: "close-button" | "duration-ended"; }>) => void;
+		};
+    "bl-notification": {
+			/**
+			 * Disable animations.
+			 * It will not be possible to use animations if the user has disabled them.
+			 * Animations will respect the user's preferences regardless of this property.
+			 */
+			"no-animation"?: boolean;
+			/** Sets the default duration of notifications in seconds */
+			"duration"?: number;
+		};
+    "bl-select-option": {
+			/** Sets the value for the option */
+			"value": string;
+			/** Sets the label for bl-select, and bl-select renders this value instead of the option's textContent */
+			"label"?: string;
+			/** Sets option as disabled */
+			"disabled"?: boolean;
+			/** Sets option as selected state */
+			"selected"?: boolean;
+			/** Sets the name of the icon */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Fires when clicked on the option */
+			"on:bl-select-option"?: (event: CustomEvent<string | null>) => void;
+			/** Fires when clicked on the option */
+			"onbl-select-option"?: (event: CustomEvent<string | null>) => void;
+			/** Fires when checkbox is focused */
+			"on:bl-focus"?: (event: CustomEvent<string | null>) => void;
+			/** Fires when checkbox is focused */
+			"onbl-focus"?: (event: CustomEvent<string | null>) => void;
+			/** Fires when checkbox is blurred */
+			"on:bl-blur"?: (event: CustomEvent<string | null>) => void;
+			/** Fires when checkbox is blurred */
+			"onbl-blur"?: (event: CustomEvent<string | null>) => void;
+		};
+    "bl-select": {
+			/** Sets name of the select field */
+			"name": string;
+			/** Sets the value of the select */
+			"value": string | string[] | null;
+			/** Sets the label value */
+			"label"?: string;
+			/** Sets the placeholder value. If left blank, the label value (if specified) is set as placeholder. */
+			"placeholder"?: string;
+			/** Sets the size value. Select component's height value will be changed accordingly */
+			"size"?: "small" | "medium" | "large";
+			/** When option is not selected, shows component in error state */
+			"required"?: boolean;
+			/** Shows the component in disabled state. */
+			"disabled"?: boolean;
+			/** Sets whether the selected option is clearable */
+			"clearable"?: boolean;
+			/** Allows multiple options to be selected */
+			"multiple"?: boolean;
+			/** Sets input to get keyboard focus automatically */
+			"autofocus"?: boolean;
+			/** Makes label as fixed positioned */
+			"label-fixed"?: boolean;
+			/** Adds help text */
+			"help-text"?: string | undefined;
+			/** Set custom error message */
+			"invalid-text"?: string | undefined;
+			/** Views select all option in multiple select */
+			"view-select-all"?: boolean;
+			/** Sets select all text in multiple select */
+			"select-all-text"?: string | undefined;
+			/** Enable search functionality for the options within the list */
+			"search-bar"?: boolean;
+			/** Search for text variations such as "search," "searching," "search by country," and so on */
+			"search-bar-placeholder"?: string | undefined;
+			/** Display a loading icon in place of the search icon. */
+			"search-bar-loading-state"?: boolean;
+			/** Text to display when no search results are found. */
+			"search-not-found-text"?: string | undefined;
+			/** Text to display on the clear search button. */
+			"popover-clear-search-text"?: string | undefined;
+			/** Fires when selection changes */
+			"on:bl-select"?: (event: CustomEvent<import("@trendyol/baklava/dist/components/select/bl-select").ISelectOption<string>[] | import("@trendyol/baklava/dist/components/select/bl-select").ISelectOption<string>>) => void;
+			/** Fires when selection changes */
+			"onbl-select"?: (event: CustomEvent<import("@trendyol/baklava/dist/components/select/bl-select").ISelectOption<string>[] | import("@trendyol/baklava/dist/components/select/bl-select").ISelectOption<string>>) => void;
+			/** Fires when search text changes */
+			"on:bl-search"?: (event: CustomEvent<string>) => void;
+			/** Fires when search text changes */
+			"onbl-search"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-pagination": {
+			/** Sets the current page */
+			"current-page"?: number;
+			/** Sets the total items to be paginated */
+			"total-items"?: number;
+			/** Sets the number of items per page */
+			"items-per-page"?: number;
+			/** Adds jumper element if provided as true */
+			"has-jumper"?: boolean;
+			/** Sets the jumper label */
+			"jumper-label"?: string | undefined;
+			/** Adds select element to choose the items per page */
+			"has-select"?: boolean;
+			/** Adds select element to choose the items per page */
+			"select-label"?: string | undefined;
+			/** Fires when the current page changes */
+			"on:bl-change"?: (event: CustomEvent<{ selectedPage: number; prevPage: number; itemsPerPage: number; }>) => void;
+			/** Fires when the current page changes */
+			"onbl-change"?: (event: CustomEvent<{ selectedPage: number; prevPage: number; itemsPerPage: number; }>) => void;
+		};
+    "bl-progress-indicator": {
+			/** Sets the size */
+			"size"?: "small" | "medium" | "large";
+			/** Sets the status */
+			"failed"?: boolean;
+			/** Sets the max */
+			"max"?: max;
+			/** Sets the value */
+			"value"?: number;
+		};
+    "bl-radio": {
+			"name": string;
+			"value": string;
+			/** Sets option as disabled */
+			"disabled"?: boolean;
+			/** Fires when radio is checked */
+			"on:bl-checked"?: (event: CustomEvent<string>) => void;
+			/** Fires when radio is checked */
+			"onbl-checked"?: (event: CustomEvent<string>) => void;
+			/** Fires when radio is blurred */
+			"on:bl-focus"?: (event: CustomEvent<string>) => void;
+			/** Fires when radio is blurred */
+			"onbl-focus"?: (event: CustomEvent<string>) => void;
+			/** Fires when radio is blurred */
+			"on:bl-blur"?: (event: CustomEvent<string>) => void;
+			/** Fires when radio is blurred */
+			"onbl-blur"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-radio-group": {
+			/** Sets the radio group label */
+			"label": string;
+			/** Set and gets the actual value of the field */
+			"value"?: string;
+			/** Sets option as required */
+			"required"?: boolean;
+			/** Fires when radio group value changed */
+			"on:bl-radio-change"?: (event: CustomEvent<string>) => void;
+			/** Fires when radio group value changed */
+			"onbl-radio-change"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-stepper-item": {
+			/** Defines stepper item's id */
+			"id"?: string;
+			/** Defines stepper item's status */
+			"variant"?: "default" | "success" | "error" | "active";
+			/** Defines stepper item's interaction */
+			"disabled"?: boolean;
+			/** If stepper type is icon, it should be rendered on stepper items */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Defines stepper item's main title */
+			"title"?: string;
+			/** Defines stepper item's description */
+			"description"?: string;
+			/** Fires when stepper item is clicked */
+			"on:bl-stepper-item-click"?: (event: CustomEvent<string>) => void;
+			/** Fires when stepper item is clicked */
+			"onbl-stepper-item-click"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-stepper": {
+			/** Defines stepper render style */
+			"type"?: "number" | "dot" | "icon";
+			/** Defines stepper direction is horizontal or vertical */
+			"direction"?: "horizontal" | "vertical";
+			/** Defines stepper usage is clickable or non-clickable */
+			"usage"?: "clickable" | "non-clickable";
+			/** Fires when stepper state changes */
+			"on:bl-stepper-change"?: (event: CustomEvent<{ activeStep: number; totalSteps: number; }>) => void;
+			/** Fires when stepper state changes */
+			"onbl-stepper-change"?: (event: CustomEvent<{ activeStep: number; totalSteps: number; }>) => void;
+		};
+    "bl-switch": {
+			/** Sets the checked state for switch */
+			"checked"?: boolean;
+			/** Sets the disabled state for switch */
+			"disabled"?: boolean;
+			/** Fires whenever user toggles the switch */
+			"on:bl-switch-toggle"?: (event: CustomEvent<boolean>) => void;
+			/** Fires whenever user toggles the switch */
+			"onbl-switch-toggle"?: (event: CustomEvent<boolean>) => void;
+		};
+    "bl-tab-panel": {
+			/** Name of the linked tab. */
+			"tab": string;
+		};
+    "bl-tab": {
+			/** Sets the caption of tab */
+			"caption": string;
+			/** Name of the tab that should match `tab-panel`'s `tab` attribute */
+			"name": string;
+			/** Set tooltip text. Should be set to display information icon. */
+			"help-text": string;
+			/** Name of the icon which display on the left side of the tab. */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Shows notification dot. */
+			"notify"?: boolean;
+			/** Sets the content of the badge. */
+			"badge"?: string;
+			/** Set `tab` as selected. */
+			"selected"?: boolean;
+			/** Set `tab` as disabled. */
+			"disabled"?: boolean;
+			/** Fires when tab is selected. */
+			"on:bl-tab-selected"?: (event: CustomEvent<string>) => void;
+			/** Fires when tab is selected. */
+			"onbl-tab-selected"?: (event: CustomEvent<string>) => void;
+		};
+    "bl-table-header-cell": {
+			/** Set key value for column */
+			"sort-key"?: string;
+		};
+    "bl-table-header": {
+			/** Set table header as sticky */
+			"sticky"?: boolean;
+		};
+    "bl-table-row": {
+			/** selection key for table row */
+			"selection-key"?: string;
+		};
+    "bl-table-cell": {
+			/** Disable selection */
+			"disabled"?: boolean;
+		};
+    "bl-table": {
+			/** Selected table row selection key list */
+			"selected": string[];
+			/** Sets table row as selectable */
+			"selectable"?: boolean;
+			/** Sets table row multiple selection enable */
+			"multiple"?: boolean;
+			/** Sets table as sortable */
+			"sortable"?: boolean;
+			/** Sets table first column as sticky */
+			"sticky-first-column"?: boolean;
+			/** Sets table last column as sticky */
+			"sticky-last-column"?: boolean;
+			/** Sets table sorted column key */
+			"sort-key": string;
+			/** Sets table sorting direction */
+			"sort-direction": SortDirection;
+			/** Fires when table sort options changed */
+			"on:bl-sort"?: (event: CustomEvent<string[]>) => void;
+			/** Fires when table sort options changed */
+			"onbl-sort"?: (event: CustomEvent<string[]>) => void;
+			/** Fires when selected table rows changed */
+			"on:bl-row-select"?: (event: CustomEvent<string[]>) => void;
+			/** Fires when selected table rows changed */
+			"onbl-row-select"?: (event: CustomEvent<string[]>) => void;
+		};
+    "bl-tag": {
+			/** Sets the tag size */
+			"size"?: "small" | "medium" | "large";
+			/** Sets the tag variant */
+			"variant"?: "selectable" | "removable";
+			/** Sets the name of the icon */
+			"icon"?: import("@trendyol/baklava/dist/components/icon/icon-list").BaklavaIcon;
+			/** Sets the selected state of the tag */
+			"selected"?: boolean;
+			/** Disables the tag */
+			"disabled"?: boolean;
+			/** Sets the value of the tag */
+			"value"?: string | null;
+			/** Dispatches when the tag is clicked */
+			"on:bl-tag-click"?: (event: CustomEvent<{ value: string; selected: boolean; }>) => void;
+			/** Dispatches when the tag is clicked */
+			"onbl-tag-click"?: (event: CustomEvent<{ value: string; selected: boolean; }>) => void;
+		};
+    "bl-textarea": {
+			"error": string;
+			/** Name of textarea */
+			"name"?: string;
+			/** Makes textarea a mandatory field */
+			"required"?: boolean;
+			/** Disables the textarea */
+			"disabled"?: boolean;
+			/** Sets expandity */
+			"expand"?: boolean;
+			/** Sets max row when expand is true */
+			"max-rows"?: number | undefined;
+			/** Sets textarea size. */
+			"size"?: "small" | "medium" | "large";
+			/** Sets label of the textarea */
+			"label"?: string;
+			/** Makes label as fixed positioned */
+			"label-fixed"?: boolean;
+			/** Sets placeholder of the textarea */
+			"placeholder"?: string;
+			/** Enables showing character counter. */
+			"character-counter"?: boolean;
+			/** Adds help text */
+			"help-text"?: string | undefined;
+			/** Set custom error message */
+			"invalid-text"?: string | undefined;
+			/** Sets minimum length of the textarea */
+			"minlength"?: number;
+			/** Sets max length of textarea */
+			"maxlength"?: number;
+			/** Sets initial value of the textarea */
+			"value"?: string;
+			/** Sets textarea visible row count. */
+			"rows"?: number;
+			/** Sets the input mode of the field for asking browser to show the desired keyboard. */
+			"inputmode": "none" | "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url";
+			/** Sets input to get keyboard focus automatically */
+			"autofocus"?: boolean;
+			/** Hints browser to autocomplete this field. */
+			"autocomplete": string;
+			/** Enables/disables spellcheck feature inside the textarea */
+			"spellcheck"?: "true" | "false";
+
+			"on:bl-input"?: (event: CustomEvent<string>) => void;
+			"onbl-input"?: (event: CustomEvent<string>) => void;
+
+			"on:bl-change"?: (event: CustomEvent<string>) => void;
+			"onbl-change"?: (event: CustomEvent<string>) => void;
+
+			"on:bl-invalid"?: (event: CustomEvent<ValidityState>) => void;
+			"onbl-invalid"?: (event: CustomEvent<ValidityState>) => void;
+		};
+    "bl-accordion-group": {
+			/** Allow multiple accordions to be open at once */
+			"multiple"?: boolean;
+		};
+  }
+}