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

package/README.md

@@ -23,4 +23,7 @@ Preferred way of using Baklava is using it via CDN. Just import library JS and C
 
 This way library will be served from a very high performant CDN and all of the Baklava web components will be ready to use inside your web project.
 
+> **⚠️ Because the scripts of the custom components are loaded into the DOM later, the baklava components may appear unstyled on the screen for a while. In order to avoid this 'FOUCE' effect, you can follow the instructions at this
+ [link](https://www.abeautifulsite.net/posts/flash-of-undefined-custom-elements/).**
+
 Please check our [Storybook Documentation](https://trendyol.github.io/baklava/) for detailed information about design system, components and contribution guideline.

package/dist/baklava.js

@@ -1,2 +1,2 @@
-import{a as g}from"./chunk-C5HFLPOK.js";import{a as b}from"./chunk-IDG5M2QP.js";import{a as I}from"./chunk-EX6STMCI.js";import{a as D}from"./chunk-7FCUFV6V.js";import{b as h,d as w}from"./chunk-ZNZ4DINT.js";import{b as P}from"./chunk-LPQ6QJUJ.js";import{a as B}from"./chunk-4H6GIXMH.js";import{a as s}from"./chunk-EA5US64C.js";import{a as n}from"./chunk-A25HQAVJ.js";import{c,f as i}from"./chunk-WFBCOT52.js";import{a as m}from"./chunk-K4URJOQV.js";import{a as x}from"./chunk-KWTSWXUL.js";import"./chunk-VNGNBBSS.js";import{a as r}from"./chunk-OEJUFPBS.js";import{a}from"./chunk-54XXQVFL.js";import{b as f,e as p}from"./chunk-FEQIC2KZ.js";import"./chunk-KQBKSEYJ.js";import"./chunk-5VLVLBWY.js";import{a as d}from"./chunk-H37QVPNF.js";import{a as u}from"./chunk-WIJU4SW3.js";import{a as l}from"./chunk-HXVY2SEZ.js";import"./chunk-ENFFFE4I.js";import"./chunk-2TVOKUHE.js";import{a as o,b as t,c as e}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{r as BlAlert,a as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,d as BlDialog,u as BlDrawer,w as BlDropdown,P as BlDropdownGroup,h as BlDropdownItem,e as BlIcon,s as BlInput,B as BlPagination,n as BlProgressIndicator,c as BlRadio,i as BlRadioGroup,m as BlSelect,x as BlSelectOption,I as BlTab,g as BlTabGroup,b as BlTabPanel,D as BlTooltip,t as getIconPath,o as setIconPath};
+import{a as g}from"./chunk-C5HFLPOK.js";import{a as b}from"./chunk-IDG5M2QP.js";import{a as I}from"./chunk-EX6STMCI.js";import{a as D}from"./chunk-7FCUFV6V.js";import{b as h,d as w}from"./chunk-ZNZ4DINT.js";import{b as P}from"./chunk-LPQ6QJUJ.js";import{a as B}from"./chunk-JHOV25H6.js";import{a as s}from"./chunk-EA5US64C.js";import{a as n}from"./chunk-A25HQAVJ.js";import{c,f as i}from"./chunk-WFBCOT52.js";import{a as m}from"./chunk-K4URJOQV.js";import{a as x}from"./chunk-KWTSWXUL.js";import"./chunk-VNGNBBSS.js";import{a as r}from"./chunk-OEJUFPBS.js";import{a}from"./chunk-54XXQVFL.js";import{b as f,e as p}from"./chunk-FEQIC2KZ.js";import"./chunk-KQBKSEYJ.js";import"./chunk-5VLVLBWY.js";import{a as d}from"./chunk-H37QVPNF.js";import{a as u}from"./chunk-WIJU4SW3.js";import{a as l}from"./chunk-EADA5CG6.js";import"./chunk-ENFFFE4I.js";import"./chunk-2TVOKUHE.js";import{a as o,b as t,c as e}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{r as BlAlert,a as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,d as BlDialog,u as BlDrawer,w as BlDropdown,P as BlDropdownGroup,h as BlDropdownItem,e as BlIcon,s as BlInput,B as BlPagination,n as BlProgressIndicator,c as BlRadio,i as BlRadioGroup,m as BlSelect,x as BlSelectOption,I as BlTab,g as BlTabGroup,b as BlTabPanel,D as BlTooltip,t as getIconPath,o as setIconPath};
 //# sourceMappingURL=baklava.js.map

package/dist/chunk-EADA5CG6.js

@@ -0,0 +1,19 @@
+import{a as u}from"./chunk-ENFFFE4I.js";import{a}from"./chunk-2TVOKUHE.js";import{a as m}from"./chunk-23UFIOHV.js";import{a as d,b as n,f as b,g as v,h as r,i as h,j as p}from"./chunk-HG7OBTQS.js";import{a as t}from"./chunk-NZ3RGSR6.js";var y=d`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify,center);align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([disabled]) .button{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary'][disabled]) .button{--main-color:transparent}:host([variant='secondary']:hover:not([disabled])) .button,:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover:not([disabled])) .button,:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant='secondary']) .active.button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`,g=y;var o=class extends b{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.target="_self";this.dropdown=!1;this.active=!1}static get styles(){return[g]}get _isActive(){return this.active}caretTemplate(){return n` <bl-icon class="open" name="arrow_up"></bl-icon>
+      <bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(e=>{var l;let i=e.nodeType;return i===e.TEXT_NODE&&((l=e.textContent)==null?void 0:l.trim())!==""||i===e.ELEMENT_NODE&&!e.hasAttribute("slot")})}render(){let s=!!this.href,e=this.icon?n`<bl-icon name=${this.icon}></bl-icon>`:"",i=n`<slot name="icon">${e}</slot> <span class="label"><slot></slot></span>`,l=this.dropdown?this.caretTemplate():"",c=u({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot,active:!s&&this._isActive});return s?n`<a
+          class=${c}
+          aria-disabled="${a(this.disabled)}"
+          aria-label="${a(this.label)}"
+          href=${a(this.href)}
+          target=${a(this.target)}
+          role="button"
+          >${i}
+        </a>`:n`<button
+          class=${c}
+          aria-disabled="${a(this.disabled)}"
+          aria-label="${a(this.label)}"
+          ?disabled=${this.disabled}
+          @click="${this._handleClick}"
+        >
+          ${i} ${l}
+        </button>`}};t([r({type:String,reflect:!0})],o.prototype,"variant",2),t([r({type:String,reflect:!0})],o.prototype,"kind",2),t([r({type:String,reflect:!0})],o.prototype,"size",2),t([r({type:String})],o.prototype,"label",2),t([r({type:Boolean,reflect:!0})],o.prototype,"disabled",2),t([r({type:String})],o.prototype,"href",2),t([r({type:String})],o.prototype,"icon",2),t([r({type:String})],o.prototype,"target",2),t([r({type:String})],o.prototype,"type",2),t([r({type:Boolean})],o.prototype,"dropdown",2),t([h({})],o.prototype,"active",2),t([p(".button")],o.prototype,"button",2),t([m("bl-click")],o.prototype,"onClick",2),o=t([v("bl-button")],o);export{o as a};
+//# sourceMappingURL=chunk-EADA5CG6.js.map

package/dist/chunk-EADA5CG6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/button/bl-button.css", "../src/components/button/bl-button.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify,center);align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([disabled]) .button{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary'][disabled]) .button{--main-color:transparent}:host([variant='secondary']:hover:not([disabled])) .button,:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover:not([disabled])) .button,:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant='secondary']) .active.button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonKind = 'default' | 'neutral' | 'success' | 'danger';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n * @cssproperty --bl-button-justify - Sets the justify-content property of button. Default value is 'center'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = 'primary';\n\n  /**\n   * Sets the button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = 'default';\n\n  /**\n   * Sets the button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = 'medium';\n\n  /**\n   * Sets the button label. Used for accessibility.\n   */\n  @property({ type: String })\n  label: string;\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Set link url. If set, button will be rendered as anchor tag.\n   */\n  @property({ type: String })\n  href?: string;\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n  @property({ type: String })\n  icon?: string;\n\n  /**\n   * Sets the anchor target. Used when `href` is set.\n   */\n  @property({ type: String })\n  target?: TargetType = '_self';\n\n  /**\n   * Sets the type of the button. Set `submit` to use button as the submitter of parent form.\n   */\n  @property({ type: String })\n  type: 'submit' | null;\n\n  /**\n   * Sets button type to dropdown\n   */\n  @property({ type: Boolean })\n  dropdown = false;\n\n  /**\n   * Active state\n   */\n  @state({})\n  active = false;\n\n  @query('.button')\n  private button: HTMLAnchorElement | HTMLButtonElement;\n\n  /**\n   * Fires when button clicked\n   */\n  @event('bl-click') private onClick: EventDispatcher<string>;\n\n  private get _isActive() {\n    return this.active;\n  }\n\n  private caretTemplate(): TemplateResult {\n    return html` <bl-icon class=\"open\" name=\"arrow_up\"></bl-icon>\n      <bl-icon class=\"close\" name=\"arrow_down\"></bl-icon>`;\n  }\n\n  private _handleClick() {\n    this.onClick('Click event fired!');\n  }\n\n  focus() {\n    this.button.focus();\n  }\n\n  get _hasIconSlot() {\n    return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n  }\n\n  get _hasDefaultSlot() {\n    const childNodes = [...this.childNodes];\n    return childNodes.some(node => {\n      const nodeType = node.nodeType;\n      // has only text node.\n      if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n        return true;\n      }\n      // has element node, it should not have slot attribute.\n      if (nodeType === node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          return true;\n        }\n      }\n      return false;\n    });\n  }\n\n  render(): TemplateResult {\n    const isAnchor = !!this.href;\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n    const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\"><slot></slot></span>`;\n    const caret = this.dropdown ? this.caretTemplate() : '';\n    const classes = classMap({\n      'button': true,\n      'has-icon': this.icon || this._hasIconSlot,\n      'has-content': this._hasDefaultSlot,\n      'active': !isAnchor && this._isActive,\n    });\n\n    return isAnchor\n      ? html`<a\n          class=${classes}\n          aria-disabled=\"${ifDefined(this.disabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          href=${ifDefined(this.href)}\n          target=${ifDefined(this.target)}\n          role=\"button\"\n          >${slots}\n        </a>`\n      : html`<button\n          class=${classes}\n          aria-disabled=\"${ifDefined(this.disabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          ?disabled=${this.disabled}\n          @click=\"${this._handleClick}\"\n        >\n          ${slots} ${caret}\n        </button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-button': BlButton;\n  }\n}\n"],
+  "mappings": "6OACO,IAAMA,EAASC,ilHACfC,EAAQF,ECoBf,IAAqBG,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAyB,UAMzB,UAAmB,UAMnB,UAAmB,SAYnB,cAAW,GAkBX,YAAsB,QAYtB,cAAW,GAMX,YAAS,GApET,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA4EA,IAAY,WAAY,CACtB,OAAO,KAAK,MACd,CAEQ,eAAgC,CACtC,OAAOC;AAAA,0DAET,CAEQ,cAAe,CACrB,KAAK,QAAQ,oBAAoB,CACnC,CAEA,OAAQ,CACN,KAAK,OAAO,MAAM,CACpB,CAEA,IAAI,cAAe,CACjB,OAAO,KAAK,cAAc,wBAAwB,IAAM,IAC1D,CAEA,IAAI,iBAAkB,CAEpB,MADmB,CAAC,GAAG,KAAK,UAAU,EACpB,KAAKC,GAAQ,CA5HnC,IAAAC,EA6HM,IAAMC,EAAWF,EAAK,SAMtB,OAJIE,IAAaF,EAAK,aAAaC,EAAAD,EAAK,cAAL,YAAAC,EAAkB,UAAW,IAI5DC,IAAaF,EAAK,cAChB,CAAEA,EAAqB,aAAa,MAAM,CAKlD,CAAC,CACH,CAEA,QAAyB,CACvB,IAAMG,EAAW,CAAC,CAAC,KAAK,KAClBC,EAAO,KAAK,KAAOL,kBAAqB,KAAK,kBAAoB,GACjEM,EAAQN,sBAAyBK,oDACjCE,EAAQ,KAAK,SAAW,KAAK,cAAc,EAAI,GAC/CC,EAAUC,EAAS,CACvB,OAAU,GACV,WAAY,KAAK,MAAQ,KAAK,aAC9B,cAAe,KAAK,gBACpB,OAAU,CAACL,GAAY,KAAK,SAC9B,CAAC,EAED,OAAOA,EACHJ;AAAA,kBACUQ;AAAA,2BACSE,EAAU,KAAK,QAAQ;AAAA,wBAC1BA,EAAU,KAAK,KAAK;AAAA,iBAC3BA,EAAU,KAAK,IAAI;AAAA,mBACjBA,EAAU,KAAK,MAAM;AAAA;AAAA,aAE3BJ;AAAA,cAELN;AAAA,kBACUQ;AAAA,2BACSE,EAAU,KAAK,QAAQ;AAAA,wBAC1BA,EAAU,KAAK,KAAK;AAAA,sBACtB,KAAK;AAAA,oBACP,KAAK;AAAA;AAAA,YAEbJ,KAASC;AAAA,kBAEnB,CACF,EA7IEI,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBf,EASnB,uBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBf,EAenB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBtBf,EAqBnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA1BPf,EA2BnB,qBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhCvBf,EAiCnB,wBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAtCPf,EAuCnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA5CPf,EA6CnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAlDPf,EAmDnB,sBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAxDPf,EAyDnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,CAAC,GA9DRf,EA+DnB,wBAMAc,EAAA,CADCE,EAAM,CAAC,CAAC,GApEUhB,EAqEnB,sBAGQc,EAAA,CADPG,EAAM,SAAS,GAvEGjB,EAwEX,sBAKmBc,EAAA,CAA1BI,EAAM,UAAU,GA7EElB,EA6EQ,uBA7ERA,EAArBc,EAAA,CADCK,EAAc,WAAW,GACLnB",
+  "names": ["styles", "r", "bl_button_default", "BlButton", "s", "bl_button_default", "$", "node", "_a", "nodeType", "isAnchor", "icon", "slots", "caret", "classes", "o", "l", "__decorateClass", "e", "t", "i", "event", "n"]
+}

package/dist/{chunk-4H6GIXMH.js → chunk-JHOV25H6.js}

@@ -1,4 +1,4 @@
-import{a as h}from"./chunk-23UFIOHV.js";import{a as p,b as r,f as u,g as c,h as s,i as g}from"./chunk-HG7OBTQS.js";import{a}from"./chunk-NZ3RGSR6.js";var m=p`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\B7 \\B7 \\B7';color:var(--bl-color-secondary)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width:768px){label{display:none}}`,o=m;var t=class extends u{constructor(){super(...arguments);this.currentPage=1;this.totalItems=0;this.itemsPerPage=10;this.hasJumper=!1;this.jumperLabel="Go To";this.hasSelect=!1;this.selectLabel="Show";this.itemsPerPageOptions=[{text:"10 Items",value:10},{text:"25 Items",value:25},{text:"50 Items",value:50},{text:"100 Items",value:100}];this.pages=[]}static get styles(){return[o]}connectedCallback(){super.connectedCallback(),setTimeout(()=>{window==null||window.addEventListener("resize",()=>this._paginate())})}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",this._paginate)}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("totalItems"))&&this._paginate(),(e.get("currentPage")||e.get("itemsPerPage"))&&this.onChange({selectedPage:this.currentPage,prevPage:e.get("currentPage"),itemsPerPage:this.itemsPerPage})}_paginate(){this.pages=[];let e=Math.ceil(Math.abs(this.totalItems/this.itemsPerPage))||1;if(e<=8){this.pages=Array.from(Array(e),(i,l)=>l+1);return}this.pages.push(1),this.currentPage<5?this.pages.push(2,3,4,5,"..."):this.currentPage>=5&&this.currentPage<=e-4?this.pages.push("...",this.currentPage-1,this.currentPage,this.currentPage+1,"..."):this.pages.push("...",e-4,e-3,e-2,e-1),this.pages.push(e)}_changePage(e){this.currentPage=e}_pageBack(){this.currentPage!==1&&this.currentPage--}_pageForward(){this.currentPage!==this._getLastPage()&&this.currentPage++}_getLastPage(){return+this.pages[this.pages.length-1]}_inputHandler(e){let i=+e.target.value,l=i>0?Math.min(this._getLastPage(),i):1;this._changePage(l)}_selectHandler(e){var i;this.itemsPerPage=+((i=e==null?void 0:e.detail[0])==null?void 0:i.value)||100,this.currentPage=1}_renderSinglePage(e){return typeof e=="string"?r`<span class="dots"></span>`:r` <li>
+import{a as o}from"./chunk-23UFIOHV.js";import{a as p,b as r,f as u,g as c,h as s,i as g}from"./chunk-HG7OBTQS.js";import{a}from"./chunk-NZ3RGSR6.js";var m=p`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\B7 \\B7 \\B7';color:var(--bl-color-content-primary)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-content-primary)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width:768px){label{display:none}}`,h=m;var t=class extends u{constructor(){super(...arguments);this.currentPage=1;this.totalItems=0;this.itemsPerPage=10;this.hasJumper=!1;this.jumperLabel="Go To";this.hasSelect=!1;this.selectLabel="Show";this.itemsPerPageOptions=[{text:"10 Items",value:10},{text:"25 Items",value:25},{text:"50 Items",value:50},{text:"100 Items",value:100}];this.pages=[]}static get styles(){return[h]}connectedCallback(){super.connectedCallback(),setTimeout(()=>{window==null||window.addEventListener("resize",()=>this._paginate())})}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",this._paginate)}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("totalItems"))&&this._paginate(),(e.get("currentPage")||e.get("itemsPerPage"))&&this.onChange({selectedPage:this.currentPage,prevPage:e.get("currentPage"),itemsPerPage:this.itemsPerPage})}_paginate(){this.pages=[];let e=Math.ceil(Math.abs(this.totalItems/this.itemsPerPage))||1;if(e<=8){this.pages=Array.from(Array(e),(i,l)=>l+1);return}this.pages.push(1),this.currentPage<5?this.pages.push(2,3,4,5,"..."):this.currentPage>=5&&this.currentPage<=e-4?this.pages.push("...",this.currentPage-1,this.currentPage,this.currentPage+1,"..."):this.pages.push("...",e-4,e-3,e-2,e-1),this.pages.push(e)}_changePage(e){this.currentPage=e}_pageBack(){this.currentPage!==1&&this.currentPage--}_pageForward(){this.currentPage!==this._getLastPage()&&this.currentPage++}_getLastPage(){return+this.pages[this.pages.length-1]}_inputHandler(e){let i=+e.target.value,l=i>0?Math.min(this._getLastPage(),i):1;this._changePage(l)}_selectHandler(e){var i;this.itemsPerPage=+((i=e==null?void 0:e.detail[0])==null?void 0:i.value)||100,this.currentPage=1}_renderSinglePage(e){return typeof e=="string"?r`<span class="dots"></span>`:r` <li>
       <bl-button
         @click="${()=>this._changePage(e)}"
         variant=${this.currentPage===e?"primary":"tertiary"}
@@ -42,5 +42,5 @@ import{a as h}from"./chunk-23UFIOHV.js";import{a as p,b as r,f as u,g as c,h as
         `:null,i=this.hasJumper?r` <div class="jumper">
           <label>${this.jumperLabel}</label>
           <bl-input value="${this.currentPage}" @bl-change="${this._inputHandler}"></bl-input>
-        </div>`:null;return r` <div class="pagination">${(()=>{if(!(!this.hasSelect&&!this.hasJumper))return r` <div class="pagination-helpers">${e} ${i}</div> `})()} ${this.renderPages()}</div>`}};a([s({attribute:"current-page",type:Number,reflect:!0})],t.prototype,"currentPage",2),a([s({attribute:"total-items",type:Number})],t.prototype,"totalItems",2),a([s({attribute:"items-per-page",type:Number,reflect:!0})],t.prototype,"itemsPerPage",2),a([s({attribute:"has-jumper",type:Boolean})],t.prototype,"hasJumper",2),a([s({attribute:"jumper-label",type:String})],t.prototype,"jumperLabel",2),a([s({attribute:"has-select",type:Boolean})],t.prototype,"hasSelect",2),a([s({attribute:"select-label",type:String})],t.prototype,"selectLabel",2),a([s({type:Array,attribute:!1})],t.prototype,"itemsPerPageOptions",2),a([g()],t.prototype,"pages",2),a([h("bl-change")],t.prototype,"onChange",2),t=a([c("bl-pagination")],t);export{t as a};
-//# sourceMappingURL=chunk-4H6GIXMH.js.map
+        </div>`:null;return r` <div class="pagination">${(()=>{if(!(!this.hasSelect&&!this.hasJumper))return r` <div class="pagination-helpers">${e} ${i}</div> `})()} ${this.renderPages()}</div>`}};a([s({attribute:"current-page",type:Number,reflect:!0})],t.prototype,"currentPage",2),a([s({attribute:"total-items",type:Number})],t.prototype,"totalItems",2),a([s({attribute:"items-per-page",type:Number,reflect:!0})],t.prototype,"itemsPerPage",2),a([s({attribute:"has-jumper",type:Boolean})],t.prototype,"hasJumper",2),a([s({attribute:"jumper-label",type:String})],t.prototype,"jumperLabel",2),a([s({attribute:"has-select",type:Boolean})],t.prototype,"hasSelect",2),a([s({attribute:"select-label",type:String})],t.prototype,"selectLabel",2),a([s({type:Array,attribute:!1})],t.prototype,"itemsPerPageOptions",2),a([g()],t.prototype,"pages",2),a([o("bl-change")],t.prototype,"onChange",2),t=a([c("bl-pagination")],t);export{t as a};
+//# sourceMappingURL=chunk-JHOV25H6.js.map

package/dist/chunk-JHOV25H6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/pagination/bl-pagination.css", "../src/components/pagination/bl-pagination.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\\\B7 \\\\B7 \\\\B7';color:var(--bl-color-content-primary)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-content-primary)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width:768px){label{display:none}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../button/bl-button';\nimport '../input/bl-input';\nimport '../select/bl-select';\n\nimport style from './bl-pagination.css';\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\n@customElement('bl-pagination')\nexport default class BlPagination extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the current page\n   */\n  @property({ attribute: 'current-page', type: Number, reflect: true })\n  currentPage = 1;\n\n  /**\n   * Sets the total items to be paginated\n   */\n  @property({ attribute: 'total-items', type: Number })\n  totalItems = 0;\n\n  /**\n   * Sets the number of items per page\n   */\n  @property({ attribute: 'items-per-page', type: Number, reflect: true })\n  itemsPerPage = 10;\n\n  /**\n   * Adds jumper element if provided as true\n   */\n  @property({ attribute: 'has-jumper', type: Boolean })\n  hasJumper = false;\n\n  /**\n   * Sets the jumper label\n   */\n  @property({ attribute: 'jumper-label', type: String })\n  jumperLabel = 'Go To';\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'has-select', type: Boolean })\n  hasSelect = false;\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'select-label', type: String })\n  selectLabel = 'Show';\n\n  /**\n   * Sets the items per page options of the select element\n   *  PROPERTY\n   */\n  @property({ type: Array, attribute: false })\n  itemsPerPageOptions = [\n    {\n      text: '10 Items',\n      value: 10,\n    },\n    {\n      text: '25 Items',\n      value: 25,\n    },\n    {\n      text: '50 Items',\n      value: 50,\n    },\n    {\n      text: '100 Items',\n      value: 100,\n    },\n  ];\n\n  @state() private pages: Array<number | string> = [];\n\n  /**\n   * Fires when the current page changes\n   */\n  @event('bl-change') private onChange: EventDispatcher<{\n    selectedPage: number;\n    prevPage: number;\n    itemsPerPage: number;\n  }>;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    setTimeout(() => {\n      window?.addEventListener('resize', () => this._paginate());\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window?.removeEventListener('resize', this._paginate);\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (\n      changedProperties.has('currentPage') ||\n      changedProperties.has('itemsPerPage') ||\n      changedProperties.has('totalItems')\n    ) {\n      this._paginate();\n    }\n\n    if (changedProperties.get('currentPage') || changedProperties.get('itemsPerPage')) {\n      this.onChange({\n        selectedPage: this.currentPage,\n        prevPage: changedProperties.get('currentPage'),\n        itemsPerPage: this.itemsPerPage,\n      });\n    }\n  }\n\n  private _paginate() {\n    this.pages = [];\n    const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n    if (pageListLength <= 8) {\n      this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n      return;\n    }\n\n    this.pages.push(1);\n\n    if (this.currentPage < 5) {\n      this.pages.push(2, 3, 4, 5, '...');\n    } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n      this.pages.push('...', this.currentPage - 1, this.currentPage, this.currentPage + 1, '...');\n    } else {\n      this.pages.push(\n        '...',\n        pageListLength - 4,\n        pageListLength - 3,\n        pageListLength - 2,\n        pageListLength - 1\n      );\n    }\n\n    this.pages.push(pageListLength);\n  }\n\n  private _changePage(page: number): void {\n    this.currentPage = page;\n  }\n\n  private _pageBack(): void {\n    if (this.currentPage === 1) return;\n    this.currentPage--;\n  }\n\n  private _pageForward(): void {\n    if (this.currentPage === this._getLastPage()) return;\n    this.currentPage++;\n  }\n\n  private _getLastPage(): number {\n    return +this.pages[this.pages.length - 1];\n  }\n\n  private _inputHandler(event: CustomEvent) {\n    const inputValue = +(event.target as HTMLInputElement).value;\n    const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n    this._changePage(newPage);\n  }\n\n  private _selectHandler(event: CustomEvent) {\n    this.itemsPerPage = +event?.detail[0]?.value || 100;\n    this.currentPage = 1;\n  }\n\n  private _renderSinglePage(page: number | string) {\n    if (typeof page === 'string') {\n      return html`<span class=\"dots\"></span>`;\n    }\n    return html` <li>\n      <bl-button\n        @click=\"${() => this._changePage(page)}\"\n        variant=${this.currentPage === page ? 'primary' : 'tertiary'}\n        kind=\"neutral\"\n      >\n        ${page}\n      </bl-button>\n    </li>`;\n  }\n\n  private renderPages() {\n    return html`\n      <div class=\"page-container\">\n        <bl-button\n          @click=\"${this._pageBack}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_left\"\n          class=\"previous\"\n          ?disabled=${this.currentPage === 1}\n        ></bl-button>\n        <ul class=\"page-list\">\n          ${window.innerWidth < 768\n            ? html`${this._renderSinglePage(this.currentPage)}`\n            : this.pages.map(page => html`${this._renderSinglePage(page)}`)}\n        </ul>\n        <bl-button\n          @click=\"${this._pageForward}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_right\"\n          class=\"next\"\n          ?disabled=${this.currentPage === this._getLastPage()}\n        ></bl-button>\n      </div>\n    `;\n  }\n\n  render(): TemplateResult {\n    const selectEl = this.hasSelect\n      ? html`\n          <div class=\"select\">\n            <label>${this.selectLabel}</label>\n            <bl-select @bl-select=\"${this._selectHandler}\">\n              ${this.itemsPerPageOptions.map(option => {\n                return html`<bl-select-option\n                  value=\"${option.value}\"\n                  ?selected=${option.value === this.itemsPerPage}\n                  >${option.text}</bl-select-option\n                >`;\n              })}\n            </bl-select>\n          </div>\n        `\n      : null;\n\n    const jumperEl = this.hasJumper\n      ? html` <div class=\"jumper\">\n          <label>${this.jumperLabel}</label>\n          <bl-input value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n        </div>`\n      : null;\n\n    const getHelperElements = () => {\n      if (!this.hasSelect && !this.hasJumper) return;\n      return html` <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div> `;\n    };\n\n    return html` <div class=\"pagination\">${getHelperElements()} ${this.renderPages()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-pagination': BlPagination;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "r", "bl_pagination_default", "BlPagination", "s", "bl_pagination_default", "changedProperties", "pageListLength", "_", "index", "page", "event", "inputValue", "newPage", "_a", "$", "selectEl", "option", "jumperEl", "__decorateClass", "e", "t", "n"]
+}

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

@@ -9,6 +9,7 @@ export declare type TargetType = '_blank' | '_parent' | '_self' | '_top';
  * @summary Baklava Button component
  *
  * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.
+ * @cssproperty --bl-button-justify - Sets the justify-content property of button. Default value is 'center'.
  *
  */
 export default class BlButton extends LitElement {

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;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"}
+{"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;;;;;;;GAOG;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-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};
+import{a}from"../../chunk-EADA5CG6.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-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};
+import{a}from"../../chunk-H37QVPNF.js";import"../../chunk-EADA5CG6.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.js

@@ -1,2 +1,2 @@
-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};
+import{a}from"../../chunk-WIJU4SW3.js";import"../../chunk-EADA5CG6.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.js

@@ -1,2 +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};
+import{c as a,d as b}from"../../chunk-ZNZ4DINT.js";import"../../chunk-LPQ6QJUJ.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-EADA5CG6.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/item/bl-dropdown-item.js

@@ -1,2 +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};
+import{a,b}from"../../../chunk-ZNZ4DINT.js";import"../../../chunk-LPQ6QJUJ.js";import"../../../chunk-VNGNBBSS.js";import"../../../chunk-EADA5CG6.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/pagination/bl-pagination.js

@@ -1,2 +1,2 @@
-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};
+import{a}from"../../chunk-JHOV25H6.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-EADA5CG6.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/custom-elements.json

@@ -177,6 +177,10 @@
             {
               "description": "Sets the display property of button. Default value is 'inline-block'.",
               "name": "--bl-button-display"
+            },
+            {
+              "description": "Sets the justify-content property of button. Default value is 'center'.",
+              "name": "--bl-button-justify"
             }
           ],
           "events": [

package/dist/themes/default.css

@@ -1,2 +1,2 @@
-@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-hebrew-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bl-color-primary: #f27a1a;--bl-color-primary-hover: #ef6114;--bl-color-secondary: #273142;--bl-color-secondary-hover: #0f131a;--bl-color-tertiary: #f1f2f7;--bl-color-tertiary-hover: #d5d9e1;--bl-color-success: #0bc15c;--bl-color-success-hover: #09a44e;--bl-color-danger: #ff5043;--bl-color-danger-hover: #ff3028;--bl-color-warning: #ffb600;--bl-color-warning-hover: #ff9800;--bl-color-alternative: #5794ff;--bl-color-alternative-hover: #457eff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #753eff;--bl-color-primary-background: #fff;--bl-color-accent-primary-background: #fef2e8;--bl-color-secondary-background: #f1f2f7;--bl-color-tertiary-background: #f7f7fa;--bl-color-success-background: #e7f9ef;--bl-color-danger-background: #ffeeec;--bl-color-warning-background: #fff8e6;--bl-color-alternative-background: #eef4ff;--bl-color-featured-background: #f4edff;--bl-color-content-primary: #273142;--bl-color-content-secondary: #6e7787;--bl-color-content-tertiary: #95a1b5;--bl-color-content-passive: #afbbca;--bl-color-content-primary-contrast: #fff;--bl-color-content-hover: #f27a1a;--bl-color-border: #d5d9e1;--bl-size-4xs: .125rem;--bl-size-3xs: .25rem;--bl-size-2xs: .5rem;--bl-size-xs: .75rem;--bl-size-s: .875rem;--bl-size-m: 1rem;--bl-size-l: 1.25rem;--bl-size-xl: 1.5rem;--bl-size-2xl: 2rem;--bl-size-3xl: 2.5rem;--bl-size-4xl: 3rem;--bl-size-5xl: 4rem;--bl-size-6xl: 5rem;--bl-font-family: "RubikVariable", sans-serif;--bl-font-weight-light: 300;--bl-font-weight-regular: 400;--bl-font-weight-medium: 500;--bl-font-weight-semibold: 600;--bl-font-weight-bold: 700;--bl-font-size-2xs: .5rem;--bl-font-size-xs: .625rem;--bl-font-size-s: .75rem;--bl-font-size-m: .875rem;--bl-font-size-l: 1rem;--bl-font-size-xl: 1.25rem;--bl-font-size-2xl: 1.5rem;--bl-font-size-3xl: 1.75rem;--bl-font-size-4xl: 2rem;--bl-font-size-5xl: 3rem;--bl-font-size-6xl: 4rem;--bl-border-radius-xs: .125rem;--bl-border-radius-s: .25rem;--bl-border-radius-m: .375rem;--bl-border-radius-l: .5rem;--bl-border-radius-pill: 62.438rem;--bl-border-radius-circle: 50%;--bl-font-display: var(--bl-font-size-5xl) var(--bl-font-family);--bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);--bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);--bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);--bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);--bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);--bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-size-4xl) var(--bl-font-family);--bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-size-3xl) var(--bl-font-family);--bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-size-2xl) var(--bl-font-family);--bl-font-title-1: var(--bl-font-size-xl) var(--bl-font-family);--bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);--bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);--bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);--bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);--bl-font-title-2: var(--bl-font-size-l) var(--bl-font-family);--bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);--bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);--bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);--bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);--bl-font-title-3: var(--bl-font-size-m) var(--bl-font-family);--bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);--bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);--bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);--bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);--bl-font-title-4: var(--bl-font-size-s) var(--bl-font-family);--bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);--bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);--bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);--bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);--bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-size-l) var(--bl-font-family);--bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-size-m) var(--bl-font-family);--bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);--bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family)}:not(:defined){visibility:hidden}
+@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-hebrew-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bl-color-primary: #f27a1a;--bl-color-primary-hover: #ef6114;--bl-color-secondary: #273142;--bl-color-secondary-hover: #0f131a;--bl-color-tertiary: #f1f2f7;--bl-color-tertiary-hover: #d5d9e1;--bl-color-success: #0bc15c;--bl-color-success-hover: #09a44e;--bl-color-danger: #ff5043;--bl-color-danger-hover: #ff3028;--bl-color-warning: #ffb600;--bl-color-warning-hover: #ff9800;--bl-color-alternative: #5794ff;--bl-color-alternative-hover: #457eff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #753eff;--bl-color-primary-background: #fff;--bl-color-accent-primary-background: #fef2e8;--bl-color-secondary-background: #f1f2f7;--bl-color-tertiary-background: #f7f7fa;--bl-color-success-background: #e7f9ef;--bl-color-danger-background: #ffeeec;--bl-color-warning-background: #fff8e6;--bl-color-alternative-background: #eef4ff;--bl-color-featured-background: #f4edff;--bl-color-content-primary: #273142;--bl-color-content-secondary: #6e7787;--bl-color-content-tertiary: #95a1b5;--bl-color-content-passive: #afbbca;--bl-color-content-primary-contrast: #fff;--bl-color-content-hover: #f27a1a;--bl-color-border: #d5d9e1;--bl-size-4xs: .125rem;--bl-size-3xs: .25rem;--bl-size-2xs: .5rem;--bl-size-xs: .75rem;--bl-size-s: .875rem;--bl-size-m: 1rem;--bl-size-l: 1.25rem;--bl-size-xl: 1.5rem;--bl-size-2xl: 2rem;--bl-size-3xl: 2.5rem;--bl-size-4xl: 3rem;--bl-size-5xl: 4rem;--bl-size-6xl: 5rem;--bl-font-family: "RubikVariable", sans-serif;--bl-font-weight-light: 300;--bl-font-weight-regular: 400;--bl-font-weight-medium: 500;--bl-font-weight-semibold: 600;--bl-font-weight-bold: 700;--bl-font-size-2xs: .5rem;--bl-font-size-xs: .625rem;--bl-font-size-s: .75rem;--bl-font-size-m: .875rem;--bl-font-size-l: 1rem;--bl-font-size-xl: 1.25rem;--bl-font-size-2xl: 1.5rem;--bl-font-size-3xl: 1.75rem;--bl-font-size-4xl: 2rem;--bl-font-size-5xl: 3rem;--bl-font-size-6xl: 4rem;--bl-border-radius-xs: .125rem;--bl-border-radius-s: .25rem;--bl-border-radius-m: .375rem;--bl-border-radius-l: .5rem;--bl-border-radius-pill: 62.438rem;--bl-border-radius-circle: 50%;--bl-font-display: var(--bl-font-size-5xl) var(--bl-font-family);--bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);--bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);--bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);--bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);--bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);--bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-size-4xl) var(--bl-font-family);--bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-size-3xl) var(--bl-font-family);--bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-size-2xl) var(--bl-font-family);--bl-font-title-1: var(--bl-font-size-xl) var(--bl-font-family);--bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);--bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);--bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);--bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);--bl-font-title-2: var(--bl-font-size-l) var(--bl-font-family);--bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);--bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);--bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);--bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);--bl-font-title-3: var(--bl-font-size-m) var(--bl-font-family);--bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);--bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);--bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);--bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);--bl-font-title-4: var(--bl-font-size-s) var(--bl-font-family);--bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);--bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);--bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);--bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);--bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-size-l) var(--bl-font-family);--bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-size-m) var(--bl-font-family);--bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);--bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family)}
 /*# sourceMappingURL=default.css.map */

package/dist/themes/default.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../node_modules/@fontsource/rubik/variable.css", "../../src/themes/default.css"],
-  "sourcesContent": ["/* rubik-cyrillic-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-cyrillic-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}  \n/* rubik-cyrillic-ext-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}  \n/* rubik-hebrew-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-hebrew-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}  \n/* rubik-latin-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-latin-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}  \n/* rubik-latin-ext-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-latin-ext-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}  \n", "@import '@fontsource/rubik/variable.css';\n\n:root {\n  /* Colors */\n  --bl-color-primary: #f27a1a;\n  --bl-color-primary-hover: #ef6114;\n  --bl-color-secondary: #273142;\n  --bl-color-secondary-hover: #0f131a;\n  --bl-color-tertiary: #f1f2f7;\n  --bl-color-tertiary-hover: #d5d9e1;\n  --bl-color-success: #0bc15c;\n  --bl-color-success-hover: #09a44e;\n  --bl-color-danger: #ff5043;\n  --bl-color-danger-hover: #ff3028;\n  --bl-color-warning: #ffb600;\n  --bl-color-warning-hover: #ff9800;\n  --bl-color-alternative: #5794ff;\n  --bl-color-alternative-hover: #457eff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #753eff;\n\n  /* Background Colors */\n  --bl-color-primary-background: #fff;\n  --bl-color-accent-primary-background: #fef2e8;\n  --bl-color-secondary-background: #f1f2f7;\n  --bl-color-tertiary-background: #f7f7fa;\n  --bl-color-success-background: #e7f9ef;\n  --bl-color-danger-background: #ffeeec;\n  --bl-color-warning-background: #fff8e6;\n  --bl-color-alternative-background: #eef4ff;\n  --bl-color-featured-background: #f4edff;\n\n  /* Content Colors */\n  --bl-color-content-primary: #273142;\n  --bl-color-content-secondary: #6e7787;\n  --bl-color-content-tertiary: #95a1b5;\n  --bl-color-content-passive: #afbbca;\n  --bl-color-content-primary-contrast: #fff;\n  --bl-color-content-hover: #f27a1a;\n  --bl-color-border: #d5d9e1;\n\n  /* Size and Spacing */\n  --bl-size-4xs: 0.125rem; /* 2px */\n  --bl-size-3xs: 0.25rem; /* 4px */\n  --bl-size-2xs: 0.5rem; /* 8px */\n  --bl-size-xs: 0.75rem; /* 12px */\n  --bl-size-s: 0.875rem; /* 14px */\n  --bl-size-m: 1rem; /* 16px */\n  --bl-size-l: 1.25rem; /* 20px */\n  --bl-size-xl: 1.5rem; /* 24px */\n  --bl-size-2xl: 2rem; /* 32px */\n  --bl-size-3xl: 2.5rem; /* 40px */\n  --bl-size-4xl: 3rem; /* 48px */\n  --bl-size-5xl: 4rem; /* 64px */\n  --bl-size-6xl: 5rem; /* 80px */\n\n  /* Typography */\n  --bl-font-family: 'RubikVariable', sans-serif;\n\n  /* Font weights */\n  --bl-font-weight-light: 300;\n  --bl-font-weight-regular: 400;\n  --bl-font-weight-medium: 500;\n  --bl-font-weight-semibold: 600;\n  --bl-font-weight-bold: 700;\n\n  /* Font sizes */\n  --bl-font-size-2xs: 0.5rem; /* 8px */\n  --bl-font-size-xs: 0.625rem; /* 10px */\n  --bl-font-size-s: 0.75rem; /* 12px */\n  --bl-font-size-m: 0.875rem; /* 14px */\n  --bl-font-size-l: 1rem; /* 16px */\n  --bl-font-size-xl: 1.25rem; /* 20px */\n  --bl-font-size-2xl: 1.5rem; /* 24px */\n  --bl-font-size-3xl: 1.75rem; /* 28px */\n  --bl-font-size-4xl: 2rem; /* 32px */\n  --bl-font-size-5xl: 3rem; /* 48px */\n  --bl-font-size-6xl: 4rem; /* 64px */\n\n  /* Border radius */\n  --bl-border-radius-xs: 0.125rem; /* 2px */\n  --bl-border-radius-s: 0.25rem; /* 4px */\n  --bl-border-radius-m: 0.375rem; /* 6px */\n  --bl-border-radius-l: 0.5rem; /* 8px */\n  --bl-border-radius-pill: 62.438rem; /* 999px */\n  --bl-border-radius-circle: 50%;\n\n  /* Font Style: Display */\n  --bl-font-display: var(--bl-font-size-5xl) var(--bl-font-family);\n  --bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);\n  --bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);\n  --bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);\n  --bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);\n  --bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);\n\n  /* Font Style: Heading 1 */\n  --bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-size-4xl) var(--bl-font-family);\n\n   /* Font Style: Heading 2 */\n   --bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-size-3xl) var(--bl-font-family);\n\n   /* Font Style: Heading 3 */\n   --bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-size-2xl) var(--bl-font-family);\n\n  /* Font Style: Title 1 */\n  --bl-font-title-1: var(--bl-font-size-xl) var(--bl-font-family);\n  --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n  --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n  --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n  --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n  /* Font Style: Title 2 */\n  --bl-font-title-2: var(--bl-font-size-l) var(--bl-font-family);\n  --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n  --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n  --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n  --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n  /* Font Style: Title 3 */\n  --bl-font-title-3: var(--bl-font-size-m) var(--bl-font-family);\n  --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n  --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n  --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n  --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n  /* Font Style: Title 4 */\n  --bl-font-title-4: var(--bl-font-size-s) var(--bl-font-family);\n  --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n  --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n  --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n  --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n  /* Font Style: Body Text 1 */\n  --bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-size-l) var(--bl-font-family);\n\n  /* Font Style: Body Text 2 */\n  --bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-size-m) var(--bl-font-family);\n\n  /* Font Style: Body Text 3 */\n  --bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);\n\n  /* Font Style: Caption */\n  --bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family);\n}\n\n/* Prevent FOUCE */\n:not(:defined) {\n  visibility: hidden;\n}\n"],
-  "mappings": "AACA,WACE,0BACA,kBACA,kBACA,oBACA,iFACA,yDAGF,WACE,0BACA,kBACA,kBACA,oBACA,qFACA,iFAGF,WACE,0BACA,kBACA,kBACA,oBACA,+EACA,gEAGF,WACE,0BACA,kBACA,kBACA,oBACA,8EACA,yJAGF,WACE,0BACA,kBACA,kBACA,oBACA,kFACA,2GCzCF,MAEE,4BACA,kCACA,8BACA,oCACA,6BACA,mCACA,4BACA,kCACA,2BACA,iCACA,4BACA,kCACA,gCACA,sCACA,6BACA,mCAGA,oCACA,8CACA,yCACA,wCACA,uCACA,sCACA,uCACA,2CACA,wCAGA,oCACA,sCACA,qCACA,oCACA,0CACA,kCACA,2BAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,8CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,+BACA,6BACA,8BACA,4BACA,mCACA,+BAGA,iEACA,4EACA,gFACA,8EACA,kFACA,0EAGA,+FAGC,iGAGA,iGAGD,gEACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,iGAGA,iGAGA,iGAGA,6FAIF,eACE",
+  "sourcesContent": ["/* rubik-cyrillic-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-cyrillic-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}  \n/* rubik-cyrillic-ext-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}  \n/* rubik-hebrew-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-hebrew-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}  \n/* rubik-latin-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-latin-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}  \n/* rubik-latin-ext-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-latin-ext-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}  \n", "@import '@fontsource/rubik/variable.css';\n\n:root {\n  /* Colors */\n  --bl-color-primary: #f27a1a;\n  --bl-color-primary-hover: #ef6114;\n  --bl-color-secondary: #273142;\n  --bl-color-secondary-hover: #0f131a;\n  --bl-color-tertiary: #f1f2f7;\n  --bl-color-tertiary-hover: #d5d9e1;\n  --bl-color-success: #0bc15c;\n  --bl-color-success-hover: #09a44e;\n  --bl-color-danger: #ff5043;\n  --bl-color-danger-hover: #ff3028;\n  --bl-color-warning: #ffb600;\n  --bl-color-warning-hover: #ff9800;\n  --bl-color-alternative: #5794ff;\n  --bl-color-alternative-hover: #457eff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #753eff;\n\n  /* Background Colors */\n  --bl-color-primary-background: #fff;\n  --bl-color-accent-primary-background: #fef2e8;\n  --bl-color-secondary-background: #f1f2f7;\n  --bl-color-tertiary-background: #f7f7fa;\n  --bl-color-success-background: #e7f9ef;\n  --bl-color-danger-background: #ffeeec;\n  --bl-color-warning-background: #fff8e6;\n  --bl-color-alternative-background: #eef4ff;\n  --bl-color-featured-background: #f4edff;\n\n  /* Content Colors */\n  --bl-color-content-primary: #273142;\n  --bl-color-content-secondary: #6e7787;\n  --bl-color-content-tertiary: #95a1b5;\n  --bl-color-content-passive: #afbbca;\n  --bl-color-content-primary-contrast: #fff;\n  --bl-color-content-hover: #f27a1a;\n  --bl-color-border: #d5d9e1;\n\n  /* Size and Spacing */\n  --bl-size-4xs: 0.125rem; /* 2px */\n  --bl-size-3xs: 0.25rem; /* 4px */\n  --bl-size-2xs: 0.5rem; /* 8px */\n  --bl-size-xs: 0.75rem; /* 12px */\n  --bl-size-s: 0.875rem; /* 14px */\n  --bl-size-m: 1rem; /* 16px */\n  --bl-size-l: 1.25rem; /* 20px */\n  --bl-size-xl: 1.5rem; /* 24px */\n  --bl-size-2xl: 2rem; /* 32px */\n  --bl-size-3xl: 2.5rem; /* 40px */\n  --bl-size-4xl: 3rem; /* 48px */\n  --bl-size-5xl: 4rem; /* 64px */\n  --bl-size-6xl: 5rem; /* 80px */\n\n  /* Typography */\n  --bl-font-family: 'RubikVariable', sans-serif;\n\n  /* Font weights */\n  --bl-font-weight-light: 300;\n  --bl-font-weight-regular: 400;\n  --bl-font-weight-medium: 500;\n  --bl-font-weight-semibold: 600;\n  --bl-font-weight-bold: 700;\n\n  /* Font sizes */\n  --bl-font-size-2xs: 0.5rem; /* 8px */\n  --bl-font-size-xs: 0.625rem; /* 10px */\n  --bl-font-size-s: 0.75rem; /* 12px */\n  --bl-font-size-m: 0.875rem; /* 14px */\n  --bl-font-size-l: 1rem; /* 16px */\n  --bl-font-size-xl: 1.25rem; /* 20px */\n  --bl-font-size-2xl: 1.5rem; /* 24px */\n  --bl-font-size-3xl: 1.75rem; /* 28px */\n  --bl-font-size-4xl: 2rem; /* 32px */\n  --bl-font-size-5xl: 3rem; /* 48px */\n  --bl-font-size-6xl: 4rem; /* 64px */\n\n  /* Border radius */\n  --bl-border-radius-xs: 0.125rem; /* 2px */\n  --bl-border-radius-s: 0.25rem; /* 4px */\n  --bl-border-radius-m: 0.375rem; /* 6px */\n  --bl-border-radius-l: 0.5rem; /* 8px */\n  --bl-border-radius-pill: 62.438rem; /* 999px */\n  --bl-border-radius-circle: 50%;\n\n  /* Font Style: Display */\n  --bl-font-display: var(--bl-font-size-5xl) var(--bl-font-family);\n  --bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);\n  --bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);\n  --bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);\n  --bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);\n  --bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);\n\n  /* Font Style: Heading 1 */\n  --bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-size-4xl) var(--bl-font-family);\n\n   /* Font Style: Heading 2 */\n   --bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-size-3xl) var(--bl-font-family);\n\n   /* Font Style: Heading 3 */\n   --bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-size-2xl) var(--bl-font-family);\n\n  /* Font Style: Title 1 */\n  --bl-font-title-1: var(--bl-font-size-xl) var(--bl-font-family);\n  --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n  --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n  --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n  --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n  /* Font Style: Title 2 */\n  --bl-font-title-2: var(--bl-font-size-l) var(--bl-font-family);\n  --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n  --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n  --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n  --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n  /* Font Style: Title 3 */\n  --bl-font-title-3: var(--bl-font-size-m) var(--bl-font-family);\n  --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n  --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n  --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n  --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n  /* Font Style: Title 4 */\n  --bl-font-title-4: var(--bl-font-size-s) var(--bl-font-family);\n  --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n  --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n  --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n  --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n  /* Font Style: Body Text 1 */\n  --bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-size-l) var(--bl-font-family);\n\n  /* Font Style: Body Text 2 */\n  --bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-size-m) var(--bl-font-family);\n\n  /* Font Style: Body Text 3 */\n  --bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);\n\n  /* Font Style: Caption */\n  --bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family);\n}\n"],
+  "mappings": "AACA,WACE,0BACA,kBACA,kBACA,oBACA,iFACA,yDAGF,WACE,0BACA,kBACA,kBACA,oBACA,qFACA,iFAGF,WACE,0BACA,kBACA,kBACA,oBACA,+EACA,gEAGF,WACE,0BACA,kBACA,kBACA,oBACA,8EACA,yJAGF,WACE,0BACA,kBACA,kBACA,oBACA,kFACA,2GCzCF,MAEE,4BACA,kCACA,8BACA,oCACA,6BACA,mCACA,4BACA,kCACA,2BACA,iCACA,4BACA,kCACA,gCACA,sCACA,6BACA,mCAGA,oCACA,8CACA,yCACA,wCACA,uCACA,sCACA,uCACA,2CACA,wCAGA,oCACA,sCACA,qCACA,oCACA,0CACA,kCACA,2BAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,8CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,+BACA,6BACA,8BACA,4BACA,mCACA,+BAGA,iEACA,4EACA,gFACA,8EACA,kFACA,0EAGA,+FAGC,iGAGA,iGAGD,gEACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,iGAGA,iGAGA,iGAGA",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.52",
+  "version": "2.0.0-beta.54",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",

package/dist/chunk-4H6GIXMH.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/pagination/bl-pagination.css", "../src/components/pagination/bl-pagination.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:' \\\\B7 \\\\B7 \\\\B7';color:var(--bl-color-secondary)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width:768px){label{display:none}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../button/bl-button';\nimport '../input/bl-input';\nimport '../select/bl-select';\n\nimport style from './bl-pagination.css';\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\n@customElement('bl-pagination')\nexport default class BlPagination extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the current page\n   */\n  @property({ attribute: 'current-page', type: Number, reflect: true })\n  currentPage = 1;\n\n  /**\n   * Sets the total items to be paginated\n   */\n  @property({ attribute: 'total-items', type: Number })\n  totalItems = 0;\n\n  /**\n   * Sets the number of items per page\n   */\n  @property({ attribute: 'items-per-page', type: Number, reflect: true })\n  itemsPerPage = 10;\n\n  /**\n   * Adds jumper element if provided as true\n   */\n  @property({ attribute: 'has-jumper', type: Boolean })\n  hasJumper = false;\n\n  /**\n   * Sets the jumper label\n   */\n  @property({ attribute: 'jumper-label', type: String })\n  jumperLabel = 'Go To';\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'has-select', type: Boolean })\n  hasSelect = false;\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: 'select-label', type: String })\n  selectLabel = 'Show';\n\n  /**\n   * Sets the items per page options of the select element\n   *  PROPERTY\n   */\n  @property({ type: Array, attribute: false })\n  itemsPerPageOptions = [\n    {\n      text: '10 Items',\n      value: 10,\n    },\n    {\n      text: '25 Items',\n      value: 25,\n    },\n    {\n      text: '50 Items',\n      value: 50,\n    },\n    {\n      text: '100 Items',\n      value: 100,\n    },\n  ];\n\n  @state() private pages: Array<number | string> = [];\n\n  /**\n   * Fires when the current page changes\n   */\n  @event('bl-change') private onChange: EventDispatcher<{\n    selectedPage: number;\n    prevPage: number;\n    itemsPerPage: number;\n  }>;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    setTimeout(() => {\n      window?.addEventListener('resize', () => this._paginate());\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window?.removeEventListener('resize', this._paginate);\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (\n      changedProperties.has('currentPage') ||\n      changedProperties.has('itemsPerPage') ||\n      changedProperties.has('totalItems')\n    ) {\n      this._paginate();\n    }\n\n    if (changedProperties.get('currentPage') || changedProperties.get('itemsPerPage')) {\n      this.onChange({\n        selectedPage: this.currentPage,\n        prevPage: changedProperties.get('currentPage'),\n        itemsPerPage: this.itemsPerPage,\n      });\n    }\n  }\n\n  private _paginate() {\n    this.pages = [];\n    const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n    if (pageListLength <= 8) {\n      this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n      return;\n    }\n\n    this.pages.push(1);\n\n    if (this.currentPage < 5) {\n      this.pages.push(2, 3, 4, 5, '...');\n    } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n      this.pages.push('...', this.currentPage - 1, this.currentPage, this.currentPage + 1, '...');\n    } else {\n      this.pages.push(\n        '...',\n        pageListLength - 4,\n        pageListLength - 3,\n        pageListLength - 2,\n        pageListLength - 1\n      );\n    }\n\n    this.pages.push(pageListLength);\n  }\n\n  private _changePage(page: number): void {\n    this.currentPage = page;\n  }\n\n  private _pageBack(): void {\n    if (this.currentPage === 1) return;\n    this.currentPage--;\n  }\n\n  private _pageForward(): void {\n    if (this.currentPage === this._getLastPage()) return;\n    this.currentPage++;\n  }\n\n  private _getLastPage(): number {\n    return +this.pages[this.pages.length - 1];\n  }\n\n  private _inputHandler(event: CustomEvent) {\n    const inputValue = +(event.target as HTMLInputElement).value;\n    const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n    this._changePage(newPage);\n  }\n\n  private _selectHandler(event: CustomEvent) {\n    this.itemsPerPage = +event?.detail[0]?.value || 100;\n    this.currentPage = 1;\n  }\n\n  private _renderSinglePage(page: number | string) {\n    if (typeof page === 'string') {\n      return html`<span class=\"dots\"></span>`;\n    }\n    return html` <li>\n      <bl-button\n        @click=\"${() => this._changePage(page)}\"\n        variant=${this.currentPage === page ? 'primary' : 'tertiary'}\n        kind=\"neutral\"\n      >\n        ${page}\n      </bl-button>\n    </li>`;\n  }\n\n  private renderPages() {\n    return html`\n      <div class=\"page-container\">\n        <bl-button\n          @click=\"${this._pageBack}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_left\"\n          class=\"previous\"\n          ?disabled=${this.currentPage === 1}\n        ></bl-button>\n        <ul class=\"page-list\">\n          ${window.innerWidth < 768\n            ? html`${this._renderSinglePage(this.currentPage)}`\n            : this.pages.map(page => html`${this._renderSinglePage(page)}`)}\n        </ul>\n        <bl-button\n          @click=\"${this._pageForward}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_right\"\n          class=\"next\"\n          ?disabled=${this.currentPage === this._getLastPage()}\n        ></bl-button>\n      </div>\n    `;\n  }\n\n  render(): TemplateResult {\n    const selectEl = this.hasSelect\n      ? html`\n          <div class=\"select\">\n            <label>${this.selectLabel}</label>\n            <bl-select @bl-select=\"${this._selectHandler}\">\n              ${this.itemsPerPageOptions.map(option => {\n                return html`<bl-select-option\n                  value=\"${option.value}\"\n                  ?selected=${option.value === this.itemsPerPage}\n                  >${option.text}</bl-select-option\n                >`;\n              })}\n            </bl-select>\n          </div>\n        `\n      : null;\n\n    const jumperEl = this.hasJumper\n      ? html` <div class=\"jumper\">\n          <label>${this.jumperLabel}</label>\n          <bl-input value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n        </div>`\n      : null;\n\n    const getHelperElements = () => {\n      if (!this.hasSelect && !this.hasJumper) return;\n      return html` <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div> `;\n    };\n\n    return html` <div class=\"pagination\">${getHelperElements()} ${this.renderPages()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-pagination': BlPagination;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["styles", "r", "bl_pagination_default", "BlPagination", "s", "bl_pagination_default", "changedProperties", "pageListLength", "_", "index", "page", "event", "inputValue", "newPage", "_a", "$", "selectEl", "option", "jumperEl", "__decorateClass", "e", "t", "n"]
-}

package/dist/chunk-HXVY2SEZ.js

@@ -1,19 +0,0 @@
-import{a as u}from"./chunk-ENFFFE4I.js";import{a}from"./chunk-2TVOKUHE.js";import{a as m}from"./chunk-23UFIOHV.js";import{a as d,b as n,f as b,g as v,h as r,i as h,j as p}from"./chunk-HG7OBTQS.js";import{a as t}from"./chunk-NZ3RGSR6.js";var y=d`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify,'center');align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([disabled]) .button{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary'][disabled]) .button{--main-color:transparent}:host([variant='secondary']:hover:not([disabled])) .button,:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover:not([disabled])) .button,:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant='secondary']) .active.button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`,g=y;var o=class extends b{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.target="_self";this.dropdown=!1;this.active=!1}static get styles(){return[g]}get _isActive(){return this.active}caretTemplate(){return n` <bl-icon class="open" name="arrow_up"></bl-icon>
-      <bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(e=>{var l;let i=e.nodeType;return i===e.TEXT_NODE&&((l=e.textContent)==null?void 0:l.trim())!==""||i===e.ELEMENT_NODE&&!e.hasAttribute("slot")})}render(){let s=!!this.href,e=this.icon?n`<bl-icon name=${this.icon}></bl-icon>`:"",i=n`<slot name="icon">${e}</slot> <span class="label"><slot></slot></span>`,l=this.dropdown?this.caretTemplate():"",c=u({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot,active:!s&&this._isActive});return s?n`<a
-          class=${c}
-          aria-disabled="${a(this.disabled)}"
-          aria-label="${a(this.label)}"
-          href=${a(this.href)}
-          target=${a(this.target)}
-          role="button"
-          >${i}
-        </a>`:n`<button
-          class=${c}
-          aria-disabled="${a(this.disabled)}"
-          aria-label="${a(this.label)}"
-          ?disabled=${this.disabled}
-          @click="${this._handleClick}"
-        >
-          ${i} ${l}
-        </button>`}};t([r({type:String,reflect:!0})],o.prototype,"variant",2),t([r({type:String,reflect:!0})],o.prototype,"kind",2),t([r({type:String,reflect:!0})],o.prototype,"size",2),t([r({type:String})],o.prototype,"label",2),t([r({type:Boolean,reflect:!0})],o.prototype,"disabled",2),t([r({type:String})],o.prototype,"href",2),t([r({type:String})],o.prototype,"icon",2),t([r({type:String})],o.prototype,"target",2),t([r({type:String})],o.prototype,"type",2),t([r({type:Boolean})],o.prototype,"dropdown",2),t([h({})],o.prototype,"active",2),t([p(".button")],o.prototype,"button",2),t([m("bl-click")],o.prototype,"onClick",2),o=t([v("bl-button")],o);export{o as a};
-//# sourceMappingURL=chunk-HXVY2SEZ.js.map

package/dist/chunk-HXVY2SEZ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/button/bl-button.css", "../src/components/button/bl-button.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify,'center');align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([disabled]) .button{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary'][disabled]) .button{--main-color:transparent}:host([variant='secondary']:hover:not([disabled])) .button,:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover:not([disabled])) .button,:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant='secondary']) .active.button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonKind = 'default' | 'neutral' | 'success' | 'danger';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = 'primary';\n\n  /**\n   * Sets the button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = 'default';\n\n  /**\n   * Sets the button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = 'medium';\n\n  /**\n   * Sets the button label. Used for accessibility.\n   */\n  @property({ type: String })\n  label: string;\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Set link url. If set, button will be rendered as anchor tag.\n   */\n  @property({ type: String })\n  href?: string;\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n  @property({ type: String })\n  icon?: string;\n\n  /**\n   * Sets the anchor target. Used when `href` is set.\n   */\n  @property({ type: String })\n  target?: TargetType = '_self';\n\n  /**\n   * Sets the type of the button. Set `submit` to use button as the submitter of parent form.\n   */\n  @property({ type: String })\n  type: 'submit' | null;\n\n  /**\n   * Sets button type to dropdown\n   */\n  @property({ type: Boolean })\n  dropdown = false;\n\n  /**\n   * Active state\n   */\n  @state({})\n  active = false;\n\n  @query('.button')\n  private button: HTMLAnchorElement | HTMLButtonElement;\n\n  /**\n   * Fires when button clicked\n   */\n  @event('bl-click') private onClick: EventDispatcher<string>;\n\n  private get _isActive() {\n    return this.active;\n  }\n\n  private caretTemplate(): TemplateResult {\n    return html` <bl-icon class=\"open\" name=\"arrow_up\"></bl-icon>\n      <bl-icon class=\"close\" name=\"arrow_down\"></bl-icon>`;\n  }\n\n  private _handleClick() {\n    this.onClick('Click event fired!');\n  }\n\n  focus() {\n    this.button.focus();\n  }\n\n  get _hasIconSlot() {\n    return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n  }\n\n  get _hasDefaultSlot() {\n    const childNodes = [...this.childNodes];\n    return childNodes.some(node => {\n      const nodeType = node.nodeType;\n      // has only text node.\n      if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n        return true;\n      }\n      // has element node, it should not have slot attribute.\n      if (nodeType === node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          return true;\n        }\n      }\n      return false;\n    });\n  }\n\n  render(): TemplateResult {\n    const isAnchor = !!this.href;\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n    const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\"><slot></slot></span>`;\n    const caret = this.dropdown ? this.caretTemplate() : '';\n    const classes = classMap({\n      'button': true,\n      'has-icon': this.icon || this._hasIconSlot,\n      'has-content': this._hasDefaultSlot,\n      'active': !isAnchor && this._isActive,\n    });\n\n    return isAnchor\n      ? html`<a\n          class=${classes}\n          aria-disabled=\"${ifDefined(this.disabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          href=${ifDefined(this.href)}\n          target=${ifDefined(this.target)}\n          role=\"button\"\n          >${slots}\n        </a>`\n      : html`<button\n          class=${classes}\n          aria-disabled=\"${ifDefined(this.disabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          ?disabled=${this.disabled}\n          @click=\"${this._handleClick}\"\n        >\n          ${slots} ${caret}\n        </button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-button': BlButton;\n  }\n}\n"],
-  "mappings": "6OACO,IAAMA,EAASC,mlHACfC,EAAQF,ECmBf,IAAqBG,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAyB,UAMzB,UAAmB,UAMnB,UAAmB,SAYnB,cAAW,GAkBX,YAAsB,QAYtB,cAAW,GAMX,YAAS,GApET,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA4EA,IAAY,WAAY,CACtB,OAAO,KAAK,MACd,CAEQ,eAAgC,CACtC,OAAOC;AAAA,0DAET,CAEQ,cAAe,CACrB,KAAK,QAAQ,oBAAoB,CACnC,CAEA,OAAQ,CACN,KAAK,OAAO,MAAM,CACpB,CAEA,IAAI,cAAe,CACjB,OAAO,KAAK,cAAc,wBAAwB,IAAM,IAC1D,CAEA,IAAI,iBAAkB,CAEpB,MADmB,CAAC,GAAG,KAAK,UAAU,EACpB,KAAKC,GAAQ,CA3HnC,IAAAC,EA4HM,IAAMC,EAAWF,EAAK,SAMtB,OAJIE,IAAaF,EAAK,aAAaC,EAAAD,EAAK,cAAL,YAAAC,EAAkB,UAAW,IAI5DC,IAAaF,EAAK,cAChB,CAAEA,EAAqB,aAAa,MAAM,CAKlD,CAAC,CACH,CAEA,QAAyB,CACvB,IAAMG,EAAW,CAAC,CAAC,KAAK,KAClBC,EAAO,KAAK,KAAOL,kBAAqB,KAAK,kBAAoB,GACjEM,EAAQN,sBAAyBK,oDACjCE,EAAQ,KAAK,SAAW,KAAK,cAAc,EAAI,GAC/CC,EAAUC,EAAS,CACvB,OAAU,GACV,WAAY,KAAK,MAAQ,KAAK,aAC9B,cAAe,KAAK,gBACpB,OAAU,CAACL,GAAY,KAAK,SAC9B,CAAC,EAED,OAAOA,EACHJ;AAAA,kBACUQ;AAAA,2BACSE,EAAU,KAAK,QAAQ;AAAA,wBAC1BA,EAAU,KAAK,KAAK;AAAA,iBAC3BA,EAAU,KAAK,IAAI;AAAA,mBACjBA,EAAU,KAAK,MAAM;AAAA;AAAA,aAE3BJ;AAAA,cAELN;AAAA,kBACUQ;AAAA,2BACSE,EAAU,KAAK,QAAQ;AAAA,wBAC1BA,EAAU,KAAK,KAAK;AAAA,sBACtB,KAAK;AAAA,oBACP,KAAK;AAAA;AAAA,YAEbJ,KAASC;AAAA,kBAEnB,CACF,EA7IEI,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBf,EASnB,uBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBf,EAenB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBtBf,EAqBnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA1BPf,EA2BnB,qBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhCvBf,EAiCnB,wBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAtCPf,EAuCnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA5CPf,EA6CnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAlDPf,EAmDnB,sBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAxDPf,EAyDnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,CAAC,GA9DRf,EA+DnB,wBAMAc,EAAA,CADCE,EAAM,CAAC,CAAC,GApEUhB,EAqEnB,sBAGQc,EAAA,CADPG,EAAM,SAAS,GAvEGjB,EAwEX,sBAKmBc,EAAA,CAA1BI,EAAM,UAAU,GA7EElB,EA6EQ,uBA7ERA,EAArBc,EAAA,CADCK,EAAc,WAAW,GACLnB",
-  "names": ["styles", "r", "bl_button_default", "BlButton", "s", "bl_button_default", "$", "node", "_a", "nodeType", "isAnchor", "icon", "slots", "caret", "classes", "o", "l", "__decorateClass", "e", "t", "i", "event", "n"]
-}