@trendyol/baklava 2.0.0-beta.50 → 2.0.0-beta.52

package/dist/chunk-ZNZ4DINT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/dropdown/bl-dropdown.css", "../src/components/dropdown/bl-dropdown.ts", "../src/components/dropdown/item/bl-dropdown-item.css", "../src/components/dropdown/item/bl-dropdown-item.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative;display:inline-block}.popover{--left:0;--top:0;--border-color:var(--bl-color-primary);position:fixed;z-index:1;display:none;flex-direction:column;align-items:flex-start;padding:var(--bl-size-m);gap:var(--bl-size-xs);overflow-y:auto;background:var(--bl-color-primary-background);border:1px solid var(--border-color);box-shadow:0 10px 15px -8px #27314226;border-radius:var(--bl-size-3xs);left:var(--left);top:var(--top);box-sizing:border-box}:host([kind='neutral']) .popover{--border-color:var(--bl-color-secondary)}:host([kind='success']) .popover{--border-color:var(--bl-color-success)}:host([kind='danger']) .popover{--border-color:var(--bl-color-danger)}.visible{display:flex}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport {\n  computePosition,\n  flip,\n  offset,\n  autoUpdate,\n  size,\n  MiddlewareArguments,\n} from '@floating-ui/dom';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport style from './bl-dropdown.css';\n\nimport '../button/bl-button';\nimport { ButtonSize, ButtonVariant, ButtonKind } from '../button/bl-button';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport BlDropdownItem, { blDropdownItemTag } from './item/bl-dropdown-item';\n\nexport type CleanUpFunction = () => void;\n\nexport const blDropdownTag = 'bl-dropdown';\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\n@customElement(blDropdownTag)\nexport default class BlDropdown extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  @query('bl-button')\n  private _dropdownButton: HTMLElement;\n\n  @query('.popover')\n  private _popover: HTMLElement;\n\n  private _cleanUpPopover: CleanUpFunction | null = null;\n\n  @state() private _isPopoverOpen = false;\n\n  /**\n   * Sets the dropdown button label\n   */\n  @property({ type: String, reflect: true })\n  label = 'Dropdown Button';\n\n  /**\n   * Sets the dropdown button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = 'primary';\n\n  /**\n   * Sets the dropdown button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = 'default';\n\n  /**\n   * Sets the dropdown button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = 'medium';\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Fires when dropdown opened\n   */\n  @event('bl-dropdown-open') private onOpen: EventDispatcher<string>;\n\n  /**\n   * Fires when dropdown closed\n   */\n  @event('bl-dropdown-close') private onClose: EventDispatcher<string>;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('keydown', this.handleKeyDown);\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this._cleanUpPopover && this._cleanUpPopover();\n    this.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  get opened() {\n    return this._isPopoverOpen;\n  }\n\n  private _handleClick() {\n    !this._isPopoverOpen && !this.disabled ? this.open() : this.close();\n  }\n\n  private _handleClickOutside = (event: MouseEvent) => {\n    const eventPath = event.composedPath() as HTMLElement[];\n    if (!eventPath.includes(this._popover) && !eventPath.includes(this._dropdownButton)) {\n      this.close();\n    }\n  };\n\n  private _setupPopover() {\n    this._cleanUpPopover = autoUpdate(this._dropdownButton, this._popover, () => {\n      computePosition(this._dropdownButton, this._popover, {\n        placement: 'bottom-start',\n        strategy: 'fixed',\n        middleware: [\n          flip(),\n          offset(8),\n          size({\n            apply(args: MiddlewareArguments) {\n              Object.assign(args.elements.floating.style, {\n                minWidth: `${args.elements.reference.getBoundingClientRect().width}px`,\n              });\n            },\n          }),\n        ],\n      }).then(({ x, y }) => {\n        this._popover.style.setProperty('--left', `${x}px`);\n        this._popover.style.setProperty('--top', `${y}px`);\n      });\n    });\n  }\n\n  private focusedOptionIndex = -1;\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Next action\n    if (['ArrowDown', 'ArrowRight'].includes(event.key)) {\n      this.focusedOptionIndex++;\n\n      // Previous action\n    } else if (['ArrowUp', 'ArrowLeft'].includes(event.key)) {\n      this.focusedOptionIndex--;\n      // Select action\n    } else if (event.key === 'Escape') {\n      this.focusedOptionIndex = -1;\n      this.close()\n      return;\n    } else {\n      // Other keys are not our interest here\n      return;\n    }\n\n    // Don't exceed array indexes\n    this.focusedOptionIndex = Math.max(\n      0,\n      Math.min(this.focusedOptionIndex, this.options.length - 1)\n    );\n\n    this.options[this.focusedOptionIndex].focus();\n\n    event.preventDefault();\n  }\n\n  get options(): BlDropdownItem[] {\n    return [].slice.call(this.querySelectorAll(blDropdownItemTag));\n  }\n\n  open() {\n    this._isPopoverOpen = true;\n    this._setupPopover();\n    this.onOpen('Dropdown opened!');\n    document.addEventListener('click', this._handleClickOutside);\n  }\n\n  close() {\n    this._isPopoverOpen = false;\n    this.onClose('Dropdown closed!');\n    this._cleanUpPopover && this._cleanUpPopover();\n    document.removeEventListener('click', this._handleClickOutside);\n  }\n\n  render(): TemplateResult {\n    const popoverClasses = classMap({\n      popover: true,\n      visible: this.opened,\n    });\n\n    return html`<bl-button\n        dropdown\n        .active=${this.opened}\n        ?disabled=${ifDefined(this.disabled)}\n        variant=\"${this.variant}\"\n        kind=\"${this.kind}\"\n        size=\"${this.size}\"\n        aria-label=\"${ifDefined(this.label)}\"\n        @bl-click=\"${this._handleClick}\"\n      >\n        ${this.label}\n      </bl-button>\n      <div class=\"${popoverClasses}\" role=\"menu\" aria-expanded=\"${this.opened}\"><slot></slot></div> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownTag]: BlDropdown;\n  }\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{width:100%;--bl-button-display:block;--bl-button-justify:start}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../../utilities/event';\nimport type BlDropdownGroup from '../group/bl-dropdown-group';\nimport type BlDropdown from '../bl-dropdown';\n\nimport { blDropdownGroupTag } from '../group/bl-dropdown-group';\nimport { blDropdownTag } from '../bl-dropdown';\n\nimport style from './bl-dropdown-item.css';\n\nimport '../../button/bl-button';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport BlButton from '../../button/bl-button';\n\nexport const blDropdownItemTag = 'bl-dropdown-item';\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\n@customElement(blDropdownItemTag)\nexport default class BlDropdownItem extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n\n  @property({ type: String })\n  icon?: string;\n\n  @event('bl-dropdown-item-click') private onClick: EventDispatcher<string>;\n\n  private _handleClick() {\n    this.onClick('Action clicked!');\n  }\n\n  @query('[role=menuitem]') private menuElement: BlButton;\n\n  /**\n   * Focuses this action\n   */\n   focus() {\n    this.menuElement.focus();\n  }\n\n  private BlDropdownGroupField: BlDropdownGroup | null;\n  private BlDropdownField: BlDropdown | null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.BlDropdownGroupField = this.closest<BlDropdownGroup>(blDropdownGroupTag);\n    this.BlDropdownField = this.closest<BlDropdown>(blDropdownTag);\n\n    if (!this.BlDropdownField && !this.BlDropdownGroupField) {\n      console.warn(`bl-dropdown-item is designed to be used inside a ${blDropdownGroupTag} or ${blDropdownTag}`, this);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n  }\n\n  render(): TemplateResult {\n    return html`<bl-button\n      variant=\"tertiary\"\n      kind=\"neutral\"\n      icon=\"${ifDefined(this.icon)}\"\n      role=\"menuitem\"\n      @click=\"${this._handleClick}\"\n      ><slot></slot>\n    </bl-button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownItemTag]: BlDropdownItem;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "r", "bl_dropdown_default", "blDropdownTag", "BlDropdown", "s", "event", "eventPath", "bl_dropdown_default", "N", "z", "b", "T", "args", "x", "y", "blDropdownItemTag", "popoverClasses", "o", "$", "__decorateClass", "i", "t", "e", "n", "styles", "r", "bl_dropdown_item_default", "blDropdownItemTag", "BlDropdownItem", "s", "bl_dropdown_item_default", "blDropdownGroupTag", "blDropdownTag", "$", "__decorateClass", "e", "event", "i", "n"]
+}

package/dist/components/button/bl-button.d.ts

@@ -49,14 +49,26 @@ export default class BlButton extends LitElement {
      * Sets the type of the button. Set `submit` to use button as the submitter of parent form.
      */
     type: 'submit' | null;
+    /**
+     * Sets button type to dropdown
+     */
+    dropdown: boolean;
+    /**
+     * Active state
+     */
+    active: boolean;
+    private button;
     /**
      * Fires when button clicked
      */
     private onClick;
+    private get _isActive();
+    private caretTemplate;
+    private _handleClick;
+    focus(): void;
     get _hasIconSlot(): boolean;
     get _hasDefaultSlot(): boolean;
     render(): TemplateResult;
-    private _handleClick;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/button/bl-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/bl-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,OAAO,iBAAiB,CAAC;AAEzB,oBAAY,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AACjE,oBAAY,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,oBAAY,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtD,oBAAY,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAa;IAEnC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAa;IAE7B;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAW;IAE9B;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEtB;;OAEG;IACgB,OAAO,CAAC,OAAO,CAA0B;IAE5D,IAAI,YAAY,YAEf;IAED,IAAI,eAAe,YAgBlB;IAED,MAAM,IAAI,cAAc;IA+BxB,OAAO,CAAC,YAAY;CAGrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"bl-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/bl-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,OAAO,iBAAiB,CAAC;AAEzB,oBAAY,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AACjE,oBAAY,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,oBAAY,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtD,oBAAY,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAa;IAEnC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAa;IAE7B;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAW;IAE9B;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,UAAS;IAGf,OAAO,CAAC,MAAM,CAAwC;IAEtD;;OAEG;IACgB,OAAO,CAAC,OAAO,CAA0B;IAE5D,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;IAIpB,KAAK;IAIL,IAAI,YAAY,YAEf;IAED,IAAI,eAAe,YAgBlB;IAED,MAAM,IAAI,cAAc;CAgCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/button/bl-button.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-button.js.map

package/dist/components/dialog/bl-dialog.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-H37QVPNF.js";import"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-H37QVPNF.js";import"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-dialog.js.map

package/dist/components/drawer/bl-drawer.d.ts

@@ -34,7 +34,9 @@ export default class BlDrawer extends LitElement {
     private onClose;
     connectedCallback(): void;
     updated(changedProperties: PropertyValues<this>): void;
+    private domExistenceSchedule;
     private toggleDialogHandler;
+    private domExistence;
     private closeDrawer;
     private renderContent;
     private renderContainer;

package/dist/components/drawer/bl-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/bl-drawer.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAErE,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAEnC;;;;GAIG;AAGH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACsB,OAAO,CAAC,MAAM,CAA0B;IAEjE;;OAEG;IACuB,OAAO,CAAC,OAAO,CAA0B;IAEnE,iBAAiB;IAQjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,eAAe;IA+BvB,MAAM,IAAI,cAAc;CAUzB;AACD,OAAO,CAAC,MAAM,CAAA;IACZ,UAAU,qBAAqB;QAC7B,WAAW,EAAG,QAAQ,CAAC;KACxB;CACF"}
+{"version":3,"file":"bl-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/bl-drawer.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAErE,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAEnC;;;;GAIG;AAGH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACsB,OAAO,CAAC,MAAM,CAA0B;IAEjE;;OAEG;IACuB,OAAO,CAAC,OAAO,CAA0B;IAEnE,iBAAiB;IAQjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,OAAO,CAAC,oBAAoB,CAAS;IAErC,OAAO,CAAC,mBAAmB;IAoBlB,OAAO,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,eAAe;IA6BvB,MAAM,IAAI,cAAc;CAUzB;AACD,OAAO,CAAC,MAAM,CAAA;IACZ,UAAU,qBAAqB;QAC7B,WAAW,EAAG,QAAQ,CAAC;KACxB;CACF"}

package/dist/components/drawer/bl-drawer.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-UL6BSR26.js";import"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-WIJU4SW3.js";import"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-drawer.js.map

package/dist/components/dropdown/bl-dropdown.d.ts

@@ -0,0 +1,63 @@
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+import '../button/bl-button';
+import { ButtonSize, ButtonVariant, ButtonKind } from '../button/bl-button';
+import BlDropdownItem from './item/bl-dropdown-item';
+export declare type CleanUpFunction = () => void;
+export declare const blDropdownTag = "bl-dropdown";
+/**
+ * @tag bl-dropdown
+ * @summary Baklava Dropdown component
+ */
+export default class BlDropdown extends LitElement {
+    static get styles(): CSSResultGroup;
+    private _dropdownButton;
+    private _popover;
+    private _cleanUpPopover;
+    private _isPopoverOpen;
+    /**
+     * Sets the dropdown button label
+     */
+    label: string;
+    /**
+     * Sets the dropdown button variant
+     */
+    variant: ButtonVariant;
+    /**
+     * Sets the dropdown button kind
+     */
+    kind: ButtonKind;
+    /**
+     * Sets the dropdown button size
+     */
+    size: ButtonSize;
+    /**
+     * Sets button as disabled
+     */
+    disabled: boolean;
+    /**
+     * Fires when dropdown opened
+     */
+    private onOpen;
+    /**
+     * Fires when dropdown closed
+     */
+    private onClose;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get opened(): boolean;
+    private _handleClick;
+    private _handleClickOutside;
+    private _setupPopover;
+    private focusedOptionIndex;
+    private handleKeyDown;
+    get options(): BlDropdownItem[];
+    open(): void;
+    close(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [blDropdownTag]: BlDropdown;
+    }
+}
+//# sourceMappingURL=bl-dropdown.d.ts.map

package/dist/components/dropdown/bl-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/bl-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAevE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAG5E,OAAO,cAAqC,MAAM,yBAAyB,CAAC;AAE5E,oBAAY,eAAe,GAAG,MAAM,IAAI,CAAC;AAEzC,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAE3C;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD,OAAO,CAAC,eAAe,CAAc;IAGrC,OAAO,CAAC,QAAQ,CAAc;IAE9B,OAAO,CAAC,eAAe,CAAgC;IAE9C,OAAO,CAAC,cAAc,CAAS;IAExC;;OAEG;IAEH,KAAK,SAAqB;IAE1B;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAa;IAEnC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAa;IAE7B;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACwB,OAAO,CAAC,MAAM,CAA0B;IAEnE;;OAEG;IACyB,OAAO,CAAC,OAAO,CAA0B;IAErE,iBAAiB;IAIjB,oBAAoB;IAOpB,IAAI,MAAM,YAET;IAED,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,kBAAkB,CAAM;IAEhC,OAAO,CAAC,aAAa;IA6BrB,IAAI,OAAO,IAAI,cAAc,EAAE,CAE9B;IAED,IAAI;IAOJ,KAAK;IAOL,MAAM,IAAI,cAAc;CAoBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;KAC7B;CACF"}

package/dist/components/dropdown/bl-dropdown.js

@@ -0,0 +1,2 @@
+import{c as a,d as b}from"../../chunk-ZNZ4DINT.js";import"../../chunk-LPQ6QJUJ.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as blDropdownTag,b as default};
+//# sourceMappingURL=bl-dropdown.js.map

package/dist/components/dropdown/bl-dropdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/dropdown/bl-dropdown.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bl-dropdown.test.d.ts.map

package/dist/components/dropdown/bl-dropdown.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-dropdown.test.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/bl-dropdown.test.ts"],"names":[],"mappings":""}

package/dist/components/dropdown/group/bl-dropdown-group.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+export declare const blDropdownGroupTag = "bl-dropdown-group";
+/**
+ * @tag bl-dropdown-group
+ * @summary Baklava Dropdown Group component
+ */
+export default class BlDropdownGroup extends LitElement {
+    static get styles(): CSSResultGroup;
+    /**
+     * Sets the caption.
+     */
+    caption?: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [blDropdownGroupTag]: BlDropdownGroup;
+    }
+}
+//# sourceMappingURL=bl-dropdown-group.d.ts.map

package/dist/components/dropdown/group/bl-dropdown-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-dropdown-group.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/group/bl-dropdown-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACnD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,MAAM,IAAI,cAAc;CAS3B;AAGD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC;KACzC;CACJ"}

package/dist/components/dropdown/group/bl-dropdown-group.js

@@ -0,0 +1,2 @@
+import{a,b}from"../../../chunk-LPQ6QJUJ.js";import"../../../chunk-2TVOKUHE.js";import"../../../chunk-HG7OBTQS.js";import"../../../chunk-NZ3RGSR6.js";export{a as blDropdownGroupTag,b as default};
+//# sourceMappingURL=bl-dropdown-group.js.map

package/dist/components/dropdown/group/bl-dropdown-group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/dropdown/group/bl-dropdown-group.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bl-dropdown-group.test.d.ts.map

package/dist/components/dropdown/group/bl-dropdown-group.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-dropdown-group.test.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/group/bl-dropdown-group.test.ts"],"names":[],"mappings":""}

package/dist/components/dropdown/item/bl-dropdown-item.d.ts

@@ -0,0 +1,32 @@
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+import '../../button/bl-button';
+export declare const blDropdownItemTag = "bl-dropdown-item";
+/**
+ * @tag bl-dropdown-item
+ * @summary Baklava Dropdown Item component
+ */
+export default class BlDropdownItem extends LitElement {
+    static get styles(): CSSResultGroup;
+    /**
+     * Sets the icon name. Shows icon with bl-icon component
+     */
+    icon?: string;
+    private onClick;
+    private _handleClick;
+    private menuElement;
+    /**
+     * Focuses this action
+     */
+    focus(): void;
+    private BlDropdownGroupField;
+    private BlDropdownField;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [blDropdownItemTag]: BlDropdownItem;
+    }
+}
+//# sourceMappingURL=bl-dropdown-item.d.ts.map

package/dist/components/dropdown/item/bl-dropdown-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-dropdown-item.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/item/bl-dropdown-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAWvE,OAAO,wBAAwB,CAAC;AAIhC,eAAO,MAAM,iBAAiB,qBAAqB,CAAC;AAEpD;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAGH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEmB,OAAO,CAAC,OAAO,CAA0B;IAE1E,OAAO,CAAC,YAAY;IAIM,OAAO,CAAC,WAAW,CAAW;IAExD;;OAEG;IACF,KAAK;IAIN,OAAO,CAAC,oBAAoB,CAAyB;IACrD,OAAO,CAAC,eAAe,CAAoB;IAE3C,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAI5B,MAAM,IAAI,cAAc;CAUzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,iBAAiB,CAAC,EAAE,cAAc,CAAC;KACrC;CACF"}

package/dist/components/dropdown/item/bl-dropdown-item.js

@@ -0,0 +1,2 @@
+import{a,b}from"../../../chunk-ZNZ4DINT.js";import"../../../chunk-LPQ6QJUJ.js";import"../../../chunk-VNGNBBSS.js";import"../../../chunk-HXVY2SEZ.js";import"../../../chunk-ENFFFE4I.js";import"../../../chunk-2TVOKUHE.js";import"../../../chunk-WXJKPVRA.js";import"../../../chunk-72IJCTLJ.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-HG7OBTQS.js";import"../../../chunk-NZ3RGSR6.js";export{a as blDropdownItemTag,b as default};
+//# sourceMappingURL=bl-dropdown-item.js.map

package/dist/components/dropdown/item/bl-dropdown-item.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/dropdown/item/bl-dropdown-item.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bl-dropdown-item.test.d.ts.map

package/dist/components/dropdown/item/bl-dropdown-item.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-dropdown-item.test.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/item/bl-dropdown-item.test.ts"],"names":[],"mappings":""}

package/dist/components/pagination/bl-pagination.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-4H6GIXMH.js";import"../../chunk-EA5US64C.js";import"../../chunk-GBFJ2WUI.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-5VLVLBWY.js";import"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-4H6GIXMH.js";import"../../chunk-EA5US64C.js";import"../../chunk-K4URJOQV.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-5VLVLBWY.js";import"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-pagination.js.map

package/dist/components/select/bl-select.d.ts

@@ -59,7 +59,7 @@ export default class BlSelect extends LitElement {
     private _connectedOptions;
     private _cleanUpPopover;
     get options(): BlSelectOption[];
-    get isPopoverOpen(): boolean;
+    get opened(): boolean;
     get selectedOptions(): ISelectOption[];
     get additionalSelectedOptionCount(): number;
     get isInvalid(): boolean;

package/dist/components/select/bl-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,iBAAiB,CAAC;AACzB,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAG5D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,oBAAY,eAAe,GAAG,MAAM,IAAI,CAAC;AAGzC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAI3B,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,gBAAgB,CAAuB;IAG/C,OAAO,CAAC,8BAA8B,CAAK;IAG3C,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,yBAAyB,CAAe;IAGhD,OAAO,CAAC,qBAAqB,CAAsB;IAGnD,OAAO,CAAC,QAAQ,CAAc;IAG9B,OAAO,CAAC,YAAY,CAAc;IAEd,OAAO,CAAC,WAAW,CAAmC;IAE1E,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,OAAO,CAAC,eAAe,CAAgC;IAEvD,IAAI,OAAO,qBAEV;IAED,IAAI,aAAa,YAEhB;IAED,IAAI,eAAe,oBAElB;IAED,IAAI,6BAA6B,WAEhC;IAED,IAAI,SAAS,YAEZ;IAED,IAAI;IAMJ,KAAK;IAML,OAAO,CAAC,oBAAoB,CAO1B;IAEF,OAAO,CAAC,aAAa;IAuBrB,iBAAiB;IAGjB,oBAAoB;IAMpB,OAAO,CAAC,aAAa;IAuCrB,OAAO,CAAC,YAAY;IAMpB,MAAM;IAqBN,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,wBAAwB;IAUhC,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,yBAAyB;IAejC,OAAO,CAAC,cAAc;IAMtB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAmBpD;;;OAGG;IACH,cAAc,CAAC,MAAM,EAAE,cAAc;IAoBrC;;;OAGG;IACH,gBAAgB,CAAC,MAAM,EAAE,cAAc;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,iBAAiB,CAAC;AACzB,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAG5D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,oBAAY,eAAe,GAAG,MAAM,IAAI,CAAC;AAGzC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAI3B,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,gBAAgB,CAAuB;IAG/C,OAAO,CAAC,8BAA8B,CAAK;IAG3C,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,yBAAyB,CAAe;IAGhD,OAAO,CAAC,qBAAqB,CAAsB;IAGnD,OAAO,CAAC,QAAQ,CAAc;IAG9B,OAAO,CAAC,YAAY,CAAc;IAEd,OAAO,CAAC,WAAW,CAAmC;IAE1E,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,OAAO,CAAC,eAAe,CAAgC;IAEvD,IAAI,OAAO,qBAEV;IAED,IAAI,MAAM,YAET;IAED,IAAI,eAAe,oBAElB;IAED,IAAI,6BAA6B,WAEhC;IAED,IAAI,SAAS,YAEZ;IAED,IAAI;IAMJ,KAAK;IAML,OAAO,CAAC,oBAAoB,CAO1B;IAEF,OAAO,CAAC,aAAa;IAuBrB,iBAAiB;IAGjB,oBAAoB;IAMpB,OAAO,CAAC,aAAa;IAuCrB,OAAO,CAAC,YAAY;IAMpB,MAAM;IAqBN,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,wBAAwB;IAUhC,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,yBAAyB;IAejC,OAAO,CAAC,cAAc;IAMtB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAmBpD;;;OAGG;IACH,cAAc,CAAC,MAAM,EAAE,cAAc;IAoBrC;;;OAGG;IACH,gBAAgB,CAAC,MAAM,EAAE,cAAc;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/select/bl-select.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-GBFJ2WUI.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-K4URJOQV.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-select.js.map

package/dist/components/tab-group/bl-tab-group.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-C5HFLPOK.js";import"../../chunk-EX6STMCI.js";import"../../chunk-IDG5M2QP.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-C5HFLPOK.js";import"../../chunk-IDG5M2QP.js";import"../../chunk-EX6STMCI.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-tab-group.js.map

package/dist/custom-elements.json

@@ -265,6 +265,15 @@
               },
               "description": "Sets the type of the button. Set `submit` to use button as the submitter of parent form.",
               "fieldName": "type"
+            },
+            {
+              "name": "dropdown",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets button type to dropdown",
+              "fieldName": "dropdown"
             }
           ],
           "superclass": {
@@ -568,6 +577,120 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dropdown/bl-dropdown.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "blDropdownTag",
+          "type": {
+            "text": "string"
+          },
+          "default": "'bl-dropdown'"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BlDropdown",
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<string>"
+              },
+              "description": "Fires when dropdown opened",
+              "name": "bl-dropdown-open"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<string>"
+              },
+              "description": "Fires when dropdown closed",
+              "name": "bl-dropdown-close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Dropdown Button'",
+              "description": "Sets the dropdown button label",
+              "fieldName": "label"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "ButtonVariant"
+              },
+              "default": "'primary'",
+              "description": "Sets the dropdown button variant",
+              "fieldName": "variant"
+            },
+            {
+              "name": "kind",
+              "type": {
+                "text": "ButtonKind"
+              },
+              "default": "'default'",
+              "description": "Sets the dropdown button kind",
+              "fieldName": "kind"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "ButtonSize"
+              },
+              "default": "'medium'",
+              "description": "Sets the dropdown button size",
+              "fieldName": "size"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets button as disabled",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bl-dropdown",
+          "summary": "Baklava Dropdown component",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "blDropdownTag",
+          "declaration": {
+            "name": "blDropdownTag",
+            "module": "src/components/dropdown/bl-dropdown.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "BlDropdown",
+            "module": "src/components/dropdown/bl-dropdown.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "BlDropdown",
+            "module": "src/components/dropdown/bl-dropdown.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/icon/bl-icon.ts",
@@ -1480,6 +1603,136 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dropdown/group/bl-dropdown-group.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "blDropdownGroupTag",
+          "type": {
+            "text": "string"
+          },
+          "default": "'bl-dropdown-group'"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BlDropdownGroup",
+          "attributes": [
+            {
+              "name": "caption",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the caption.",
+              "fieldName": "caption"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bl-dropdown-group",
+          "summary": "Baklava Dropdown Group component",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "blDropdownGroupTag",
+          "declaration": {
+            "name": "blDropdownGroupTag",
+            "module": "src/components/dropdown/group/bl-dropdown-group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "BlDropdownGroup",
+            "module": "src/components/dropdown/group/bl-dropdown-group.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "BlDropdownGroup",
+            "module": "src/components/dropdown/group/bl-dropdown-group.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dropdown/item/bl-dropdown-item.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "blDropdownItemTag",
+          "type": {
+            "text": "string"
+          },
+          "default": "'bl-dropdown-item'"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BlDropdownItem",
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<string>"
+              },
+              "name": "bl-dropdown-item-click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets the icon name. Shows icon with bl-icon component",
+              "fieldName": "icon"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bl-dropdown-item",
+          "summary": "Baklava Dropdown Item component",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "blDropdownItemTag",
+          "declaration": {
+            "name": "blDropdownItemTag",
+            "module": "src/components/dropdown/item/bl-dropdown-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "BlDropdownItem",
+            "module": "src/components/dropdown/item/bl-dropdown-item.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "BlDropdownItem",
+            "module": "src/components/dropdown/item/bl-dropdown-item.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/radio-group/radio/bl-radio.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.50",
+  "version": "2.0.0-beta.52",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",
@@ -97,6 +97,7 @@
     "@web/test-runner-playwright": "^0.8.6",
     "@web/test-runner-puppeteer": "^0.10.5",
     "@webcomponents/webcomponentsjs": "^2.5.0",
+    "chromatic": "^6.11.4",
     "del": "^6.1.0",
     "del-cli": "^5.0.0",
     "esbuild": "^0.14.50",