@trendyol/baklava 2.0.0-beta.15 → 2.0.0-beta.18

package/dist/{chunk-OLHTJRSI.js → chunk-DGRXEOW7.js}

@@ -1,4 +1,4 @@
-import{a as f,b as u,c as g,d as l,e as v,f as y,g as T,h as x,j as w,k as m,l as E,m as p}from"./chunk-6TYTDGI6.js";import{a as r}from"./chunk-NZ3RGSR6.js";var s=class extends E{constructor(t){if(super(t),this.it=l,t.type!==w.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===l||t==null)return this.ft=void 0,this.it=t;if(t===g)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.ft;this.it=t;let i=[t];return i.raw=i,this.ft={_$litType$:this.constructor.resultType,strings:i,values:[]}}};s.directiveName="unsafeHTML",s.resultType=1;var G=m(s);var n=class extends s{};n.directiveName="unsafeSVG",n.resultType=2;var L=m(n);var P="./assets";function M(a){P=a}function $(){return P}var N=import.meta.url;N&&M(N.split("/").slice(0,-1).concat("assets").join("/"));var D=f`:host {
+import{a as w,b as m,c as E}from"./chunk-72IJCTLJ.js";import{a as p}from"./chunk-23UFIOHV.js";import{a as f,b as u,c as g,d as l,e as v,f as y,g as T,h as x}from"./chunk-BEHH5JPC.js";import{a as r}from"./chunk-NZ3RGSR6.js";var s=class extends E{constructor(t){if(super(t),this.it=l,t.type!==w.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===l||t==null)return this.ft=void 0,this.it=t;if(t===g)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.ft;this.it=t;let i=[t];return i.raw=i,this.ft={_$litType$:this.constructor.resultType,strings:i,values:[]}}};s.directiveName="unsafeHTML",s.resultType=1;var G=m(s);var n=class extends s{};n.directiveName="unsafeSVG",n.resultType=2;var L=m(n);var P="./assets";function M(a){P=a}function $(){return P}var N=import.meta.url;N&&M(N.split("/").slice(0,-1).concat("assets").join("/"));var D=f`:host {
   display: inline-block;
   position: relative;
   width: 1em;
@@ -18,4 +18,4 @@ import{a as f,b as u,c as g,d as l,e as v,f as y,g as T,h as x,j as w,k as m,l a
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-//# sourceMappingURL=chunk-OLHTJRSI.js.map
+//# sourceMappingURL=chunk-DGRXEOW7.js.map

package/dist/{chunk-OLHTJRSI.js.map → chunk-DGRXEOW7.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../node_modules/lit-html/src/directives/unsafe-html.ts", "../node_modules/lit-html/src/directives/unsafe-svg.ts", "../src/utilities/asset-paths.ts", "../src/components/icon/bl-icon.css", "../src/components/icon/bl-icon.ts"],
   "sourcesContent": ["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing, TemplateResult, noChange} from '../lit-html.js';\nimport {directive, Directive, PartInfo, PartType} from '../directive.js';\n\nconst HTML_RESULT = 1;\n\nexport class UnsafeHTMLDirective extends Directive {\n  static directiveName = 'unsafeHTML';\n  static resultType = HTML_RESULT;\n\n  private _value: unknown = nothing;\n  private _templateResult?: TemplateResult;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.CHILD) {\n      throw new Error(\n        `${\n          (this.constructor as typeof UnsafeHTMLDirective).directiveName\n        }() can only be used in child bindings`\n      );\n    }\n  }\n\n  render(value: string | typeof nothing | typeof noChange | undefined | null) {\n    if (value === nothing || value == null) {\n      this._templateResult = undefined;\n      return (this._value = value);\n    }\n    if (value === noChange) {\n      return value;\n    }\n    if (typeof value != 'string') {\n      throw new Error(\n        `${\n          (this.constructor as typeof UnsafeHTMLDirective).directiveName\n        }() called with a non-string value`\n      );\n    }\n    if (value === this._value) {\n      return this._templateResult;\n    }\n    this._value = value;\n    const strings = [value] as unknown as TemplateStringsArray;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (strings as any).raw = strings;\n    // WARNING: impersonating a TemplateResult like this is extremely\n    // dangerous. Third-party directives should not do this.\n    return (this._templateResult = {\n      // Cast to a known set of integers that satisfy ResultType so that we\n      // don't have to export ResultType and possibly encourage this pattern.\n      // This property needs to remain unminified.\n      ['_$litType$']: (this.constructor as typeof UnsafeHTMLDirective)\n        .resultType as 1 | 2,\n      strings,\n      values: [],\n    });\n  }\n}\n\n/**\n * Renders the result as HTML, rather than text.\n *\n * The values `undefined`, `null`, and `nothing`, will all result in no content\n * (empty string) being rendered.\n *\n * Note, this is unsafe to use with any user-provided input that hasn't been\n * sanitized or escaped, as it may lead to cross-site-scripting\n * vulnerabilities.\n */\nexport const unsafeHTML = directive(UnsafeHTMLDirective);\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {directive} from '../directive.js';\nimport {UnsafeHTMLDirective} from './unsafe-html.js';\n\nconst SVG_RESULT = 2;\n\nclass UnsafeSVGDirective extends UnsafeHTMLDirective {\n  static override directiveName = 'unsafeSVG';\n  static override resultType = SVG_RESULT;\n}\n\n/**\n * Renders the result as SVG, rather than text.\n *\n * The values `undefined`, `null`, and `nothing`, will all result in no content\n * (empty string) being rendered.\n *\n * Note, this is unsafe to use with any user-provided input that hasn't been\n * sanitized or escaped, as it may lead to cross-site-scripting\n * vulnerabilities.\n */\nexport const unsafeSVG = directive(UnsafeSVGDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {UnsafeSVGDirective};\n", "let iconPath = './assets';\n\nexport function setIconPath(path: string) {\n  iconPath = path;\n}\n\nexport function getIconPath() {\n  return iconPath;\n}\n\nconst modulePath = import.meta.url;\n\nif (modulePath) {\n  setIconPath(modulePath.split('/').slice(0, -1).concat('assets').join('/'));\n}\n", "import {css} from 'lit';\nexport const styles = css`:host {\n  display: inline-block;\n  position: relative;\n  width: 1em;\n  height: 1em;\n  min-width: 1em;\n  min-height: 1em;\n}\n\n:host div,\n:host svg {\n  width: 100%;\n  height: 100%;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { getIconPath } from '../../utilities/asset-paths';\nimport { event, EventDispatcher } from '../../utilities/event';\n\nimport style from './bl-icon.css';\n\nconst requestMap = new Map<string, Promise<Response>>();\n\n/**\n * @tag bl-icon\n * @summary Baklava Icon component\n *\n * @cssproperty font-size - Setting size of icon. Default is current font size in DOM place\n * @cssproperty color - Setting color of icon. Default is `currentColor`\n */\n@customElement('bl-icon')\nexport default class BlIcon extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private _iconName: string;\n\n  /**\n   * Name of the icon to show\n   */\n  @property()\n  get name(): string {\n    return this._iconName;\n  }\n\n  set name(value: string) {\n    if (value !== this._iconName) {\n      this._iconName = value;\n      this.load();\n    }\n  }\n\n  /**\n   * Fires when SVG icon loaded\n   */\n  @event('bl-load') private onLoad: EventDispatcher<string>;\n\n  /**\n   * Fires when SVG icon failed to load\n   */\n  @event('bl-error') private onError: EventDispatcher<string>;\n\n  @state() private svg: string;\n\n  async load() {\n    const iconPath = getIconPath();\n    const fileUrl = `${iconPath}/${this.name}.svg`;\n\n    if (!requestMap.has(fileUrl)) {\n      requestMap.set(fileUrl, fetch(fileUrl));\n    }\n\n    try {\n      const iconRequest = await requestMap.get(fileUrl);\n      const res = await iconRequest?.clone();\n\n      if (res?.ok) {\n        this.svg = await res.text();\n        this.onLoad(`${this.name} icon loaded`);\n        this.requestUpdate();\n      } else {\n        this.onError(`${this.name} icon failed to load`);\n      }\n    } catch (error) {\n      this.onError(`${this.name} icon failed to load [${error}]`);\n    }\n  }\n\n  render(): TemplateResult {\n    return html`<div aria-hidden=\"true\">${unsafeSVG(this.svg)}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-icon': BlIcon;\n  }\n}\n"],
-  "mappings": "iKAWaA,gBAA4BC,CAAAA,CAOvCC,YAAYC,EAAAA,CAEV,GADAC,MAAMD,CAAAA,EAJAE,KAAAA,GAAkBC,EAKpBH,EAASI,OAASC,EAASC,MAC7B,MAAUC,MAELL,KAAKH,YAA2CS,cADnD,uCAAA,CAAA,CAONC,OAAOC,EAAAA,CACL,GAAIA,IAAUP,GAAWO,GAAS,KAEhC,OADAR,KAAKS,GAAAA,OACGT,KAAKU,GAASF,EAExB,GAAIA,IAAUG,EACZ,OAAOH,EAET,GAAoB,OAATA,GAAS,SAClB,MAAUH,MAELL,KAAKH,YAA2CS,cADnD,mCAAA,EAKJ,GAAIE,IAAUR,KAAKU,GACjB,OAAOV,KAAKS,GAEdT,KAAKU,GAASF,EACd,IAAMI,EAAU,CAACJ,CAAAA,EAKjB,OAHCI,EAAgBC,IAAMD,EAGfZ,KAAKS,GAAkB,CAI7BK,WAAiBd,KAAKH,YACnBkB,WACHH,QAAAA,EACAI,OAAQ,CAAA,CAAA,CAAA,CAAA,EAhDLrB,EAAAA,cAAgB,aAChBA,EAAAA,WAJW,EAAA,IAkEPsB,EAAaC,EAAUvB,CAAAA,EChEpC,IAAMwB,EAAN,cAAiCC,CAAAA,CAAAA,EACfD,EAAAA,cAAgB,YAChBA,EAAAA,WAJC,EAAA,IAiBNE,EAAYC,EAAUH,CAAAA,EC1BnC,IAAII,EAAW,WAER,SAASC,EAAYC,EAAc,CACxCF,EAAWE,CACb,CAEO,SAASC,GAAc,CAC5B,OAAOH,CACT,CAEA,IAAMI,EAAa,YAAY,IAE3BA,GACFH,EAAYG,EAAW,MAAM,GAAG,EAAE,MAAM,EAAG,EAAE,EAAE,OAAO,QAAQ,EAAE,KAAK,GAAG,CAAC,ECZpE,IAAMC,EAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAefC,EAAQF,ECRf,IAAMG,EAAa,IAAI,IAUFC,EAArB,cAAoCC,CAAW,CAC7C,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAQA,IAAI,MAAe,CACjB,OAAO,KAAK,SACd,CAEA,IAAI,KAAKC,EAAe,CAClBA,IAAU,KAAK,YACjB,KAAK,UAAYA,EACjB,KAAK,KAAK,EAEd,CAcA,MAAM,MAAO,CAEX,IAAMC,EAAU,GADCC,EAAY,KACE,KAAK,WAE/BN,EAAW,IAAIK,CAAO,GACzBL,EAAW,IAAIK,EAAS,MAAMA,CAAO,CAAC,EAGxC,GAAI,CACF,IAAME,EAAc,MAAMP,EAAW,IAAIK,CAAO,EAC1CG,EAAM,MAAMD,GAAA,YAAAA,EAAa,SAE3BC,GAAA,MAAAA,EAAK,IACP,KAAK,IAAM,MAAMA,EAAI,KAAK,EAC1B,KAAK,OAAO,GAAG,KAAK,kBAAkB,EACtC,KAAK,cAAc,GAEnB,KAAK,QAAQ,GAAG,KAAK,0BAA0B,CAEnD,OAASC,EAAP,CACA,KAAK,QAAQ,GAAG,KAAK,6BAA6BA,IAAQ,CAC5D,CACF,CAEA,QAAyB,CACvB,OAAOC,4BAA+BC,EAAU,KAAK,GAAG,SAC1D,CACF,EAlDMC,EAAA,CADHC,EAAS,GAVSZ,EAWf,oBAcsBW,EAAA,CAAzBE,EAAM,SAAS,GAzBGb,EAyBO,sBAKCW,EAAA,CAA1BE,EAAM,UAAU,GA9BEb,EA8BQ,uBAEVW,EAAA,CAAhBG,EAAM,GAhCYd,EAgCF,mBAhCEA,EAArBW,EAAA,CADCI,EAAc,SAAS,GACHf",
+  "mappings": "mOAWaA,gBAA4BC,CAAAA,CAOvCC,YAAYC,EAAAA,CAEV,GADAC,MAAMD,CAAAA,EAJAE,KAAAA,GAAkBC,EAKpBH,EAASI,OAASC,EAASC,MAC7B,MAAUC,MAELL,KAAKH,YAA2CS,cADnD,uCAAA,CAAA,CAONC,OAAOC,EAAAA,CACL,GAAIA,IAAUP,GAAWO,GAAS,KAEhC,OADAR,KAAKS,GAAAA,OACGT,KAAKU,GAASF,EAExB,GAAIA,IAAUG,EACZ,OAAOH,EAET,GAAoB,OAATA,GAAS,SAClB,MAAUH,MAELL,KAAKH,YAA2CS,cADnD,mCAAA,EAKJ,GAAIE,IAAUR,KAAKU,GACjB,OAAOV,KAAKS,GAEdT,KAAKU,GAASF,EACd,IAAMI,EAAU,CAACJ,CAAAA,EAKjB,OAHCI,EAAgBC,IAAMD,EAGfZ,KAAKS,GAAkB,CAI7BK,WAAiBd,KAAKH,YACnBkB,WACHH,QAAAA,EACAI,OAAQ,CAAA,CAAA,CAAA,CAAA,EAhDLrB,EAAAA,cAAgB,aAChBA,EAAAA,WAJW,EAAA,IAkEPsB,EAAaC,EAAUvB,CAAAA,EChEpC,IAAMwB,EAAN,cAAiCC,CAAAA,CAAAA,EACfD,EAAAA,cAAgB,YAChBA,EAAAA,WAJC,EAAA,IAiBNE,EAAYC,EAAUH,CAAAA,EC1BnC,IAAII,EAAW,WAER,SAASC,EAAYC,EAAc,CACxCF,EAAWE,CACb,CAEO,SAASC,GAAc,CAC5B,OAAOH,CACT,CAEA,IAAMI,EAAa,YAAY,IAE3BA,GACFH,EAAYG,EAAW,MAAM,GAAG,EAAE,MAAM,EAAG,EAAE,EAAE,OAAO,QAAQ,EAAE,KAAK,GAAG,CAAC,ECZpE,IAAMC,EAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAefC,EAAQF,ECRf,IAAMG,EAAa,IAAI,IAUFC,EAArB,cAAoCC,CAAW,CAC7C,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAQA,IAAI,MAAe,CACjB,OAAO,KAAK,SACd,CAEA,IAAI,KAAKC,EAAe,CAClBA,IAAU,KAAK,YACjB,KAAK,UAAYA,EACjB,KAAK,KAAK,EAEd,CAcA,MAAM,MAAO,CAEX,IAAMC,EAAU,GADCC,EAAY,KACE,KAAK,WAE/BN,EAAW,IAAIK,CAAO,GACzBL,EAAW,IAAIK,EAAS,MAAMA,CAAO,CAAC,EAGxC,GAAI,CACF,IAAME,EAAc,MAAMP,EAAW,IAAIK,CAAO,EAC1CG,EAAM,MAAMD,GAAA,YAAAA,EAAa,SAE3BC,GAAA,MAAAA,EAAK,IACP,KAAK,IAAM,MAAMA,EAAI,KAAK,EAC1B,KAAK,OAAO,GAAG,KAAK,kBAAkB,EACtC,KAAK,cAAc,GAEnB,KAAK,QAAQ,GAAG,KAAK,0BAA0B,CAEnD,OAASC,EAAP,CACA,KAAK,QAAQ,GAAG,KAAK,6BAA6BA,IAAQ,CAC5D,CACF,CAEA,QAAyB,CACvB,OAAOC,4BAA+BC,EAAU,KAAK,GAAG,SAC1D,CACF,EAlDMC,EAAA,CADHC,EAAS,GAVSZ,EAWf,oBAcsBW,EAAA,CAAzBE,EAAM,SAAS,GAzBGb,EAyBO,sBAKCW,EAAA,CAA1BE,EAAM,UAAU,GA9BEb,EA8BQ,uBAEVW,EAAA,CAAhBG,EAAM,GAhCYd,EAgCF,mBAhCEA,EAArBW,EAAA,CADCI,EAAc,SAAS,GACHf",
   "names": ["UnsafeHTMLDirective", "Directive", "constructor", "partInfo", "super", "this", "nothing", "type", "PartType", "CHILD", "Error", "directiveName", "render", "value", "_templateResult", "_value", "noChange", "strings", "raw", "_$litType$", "resultType", "values", "unsafeHTML", "directive", "UnsafeSVGDirective", "UnsafeHTMLDirective", "unsafeSVG", "directive", "iconPath", "setIconPath", "path", "getIconPath", "modulePath", "styles", "r", "bl_icon_default", "requestMap", "BlIcon", "s", "bl_icon_default", "value", "fileUrl", "getIconPath", "iconRequest", "res", "error", "$", "o", "__decorateClass", "e", "event", "t", "n"]
 }

package/dist/chunk-FP5POXZC.js

@@ -0,0 +1,57 @@
+import{a as r,b as i,e as a,f as l,g as o}from"./chunk-BEHH5JPC.js";import{a as t}from"./chunk-NZ3RGSR6.js";var c=r`:host {
+  display: inline-block;
+  max-width: 100%;
+}
+
+.badge {
+  --bg-color: var(--bl-badge-bg-color, var(--bl-color-accent-primary-background));
+  --color: var(--bl-badge-color, var(--bl-color-primary));
+  --font: var(--bl-font-title-4-medium);
+  --padding-vertical: var(--bl-size-3xs);
+  --padding-horizontal: var(--bl-size-3xs);
+  --margin-icon: var(--bl-size-3xs);
+  --icon-size: var(--bl-size-s);
+  --height: var(--bl-size-xl);
+
+  display: flex;
+  gap: var(--margin-icon);
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  border: none;
+  border-radius: var(--bl-size-4xs);
+  margin: 0;
+  padding: var(--padding-vertical) var(--padding-horizontal);
+  background-color: var(--bg-color);
+  color: var(--color, white);
+  font: var(--font);
+  font-kerning: none;
+  height: var(--height);
+}
+
+:host([size='small']) .badge {
+  --font: var(--bl-font-caption-small-text);
+  --height: var(--bl-size-m);
+}
+
+:host([size='large']) .badge {
+  --font: var(--bl-font-title-3-medium);
+  --padding-vertical: var(--bl-size-2xs);
+  --padding-horizontal: var(--bl-size-2xs);
+  --height: var(--bl-size-2xl);
+  --icon-size: var(--bl-size-m);
+}
+
+:host ::slotted(bl-icon) {
+  font-size: var(--icon-size);
+}
+
+:host([size='small']) bl-icon {
+  display: none;
+}
+`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?i`<bl-icon name=${this.icon}></bl-icon>`:"";return i`<span class="badge">
+      <slot name="icon">${s}</slot>
+      <slot></slot>
+    </span>`}};t([o({type:String,reflect:!0})],e.prototype,"size",2),t([o({type:String})],e.prototype,"icon",2),e=t([l("bl-badge")],e);export{e as a};
+//# sourceMappingURL=chunk-FP5POXZC.js.map

package/dist/chunk-FP5POXZC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/badge/bl-badge.css", "../src/components/badge/bl-badge.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n  display: inline-block;\n  max-width: 100%;\n}\n\n.badge {\n  --bg-color: var(--bl-badge-bg-color, var(--bl-color-accent-primary-background));\n  --color: var(--bl-badge-color, var(--bl-color-primary));\n  --font: var(--bl-font-title-4-medium);\n  --padding-vertical: var(--bl-size-3xs);\n  --padding-horizontal: var(--bl-size-3xs);\n  --margin-icon: var(--bl-size-3xs);\n  --icon-size: var(--bl-size-s);\n  --height: var(--bl-size-xl);\n\n  display: flex;\n  gap: var(--margin-icon);\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  border-radius: var(--bl-size-4xs);\n  margin: 0;\n  padding: var(--padding-vertical) var(--padding-horizontal);\n  background-color: var(--bg-color);\n  color: var(--color, white);\n  font: var(--font);\n  font-kerning: none;\n  height: var(--height);\n}\n\n:host([size='small']) .badge {\n  --font: var(--bl-font-caption-small-text);\n  --height: var(--bl-size-m);\n}\n\n:host([size='large']) .badge {\n  --font: var(--bl-font-title-3-medium);\n  --padding-vertical: var(--bl-size-2xs);\n  --padding-horizontal: var(--bl-size-2xs);\n  --height: var(--bl-size-2xl);\n  --icon-size: var(--bl-size-m);\n}\n\n:host ::slotted(bl-icon) {\n  font-size: var(--icon-size);\n}\n\n:host([size='small']) bl-icon {\n  display: none;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport style from './bl-badge.css';\nimport '../icon/bl-icon';\n\nexport type BadgeSize = 'small' | 'medium' | 'large';\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty --bl-badge-bg-color - Sets the background color of badge. Default value is `--bl-color-accent-primary-background`\n * @cssproperty --bl-badge-color - Sets the color of badge. Default value is `--bl-color-primary`\n */\n\n@customElement('bl-badge')\nexport default class BlBadge extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the badge size\n   */\n  @property({ type: String, reflect: true })\n  size: BadgeSize = 'medium';\n\n  /**\n   * Sets the name of the icon\n   */\n  @property({ type: String })\n  icon?: string;\n\n  render(): TemplateResult {\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n\n    return html`<span class=\"badge\">\n      <slot name=\"icon\">${icon}</slot>\n      <slot></slot>\n    </span>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-badge': BlBadge;\n  }\n}\n"],
+  "mappings": "4GACO,IAAMA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqDfC,EAAQD,ECtCf,IAAqBE,EAArB,cAAqCC,CAAW,CAAhD,kCASE,UAAkB,SARlB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAcA,QAAyB,CACvB,IAAMC,EAAO,KAAK,KAAOC,kBAAqB,KAAK,kBAAoB,GAEvE,OAAOA;AAAA,0BACeD;AAAA;AAAA,YAGxB,CACF,EAhBEE,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBN,EASnB,oBAMAK,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAdPN,EAenB,oBAfmBA,EAArBK,EAAA,CADCE,EAAc,UAAU,GACJP",
+  "names": ["styles", "bl_badge_default", "BlBadge", "s", "bl_badge_default", "icon", "$", "__decorateClass", "e", "n"]
+}

package/dist/chunk-HLQIZBQW.js

@@ -0,0 +1,7 @@
+import{a as d,b as h,c as l}from"./chunk-72IJCTLJ.js";import{c as a}from"./chunk-BEHH5JPC.js";var u=h(class extends l{constructor(s){var e;if(super(s),s.type!==d.ATTRIBUTE||s.name!=="class"||((e=s.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(e=>s[e]).join(" ")+" "}update(s,[e]){var i,r;if(this.et===void 0){this.et=new Set,s.strings!==void 0&&(this.st=new Set(s.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(let t in e)e[t]&&!(!((i=this.st)===null||i===void 0)&&i.has(t))&&this.et.add(t);return this.render(e)}let n=s.element.classList;this.et.forEach(t=>{t in e||(n.remove(t),this.et.delete(t))});for(let t in e){let o=!!e[t];o===this.et.has(t)||((r=this.st)===null||r===void 0?void 0:r.has(t))||(o?(n.add(t),this.et.add(t)):(n.remove(t),this.et.delete(t)))}return a}});export{u as a};
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk-HLQIZBQW.js.map

package/dist/{chunk-4HPQWL76.js.map → chunk-HLQIZBQW.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../node_modules/lit-html/src/directives/class-map.ts"],
   "sourcesContent": ["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange} from '../lit-html.js';\nimport {\n  directive,\n  Directive,\n  DirectiveParameters,\n  PartInfo,\n  PartType,\n} from '../directive.js';\n\n/**\n * A key-value set of class names to truthy values.\n */\nexport interface ClassInfo {\n  readonly [name: string]: string | boolean | number;\n}\n\nclass ClassMapDirective extends Directive {\n  /**\n   * Stores the ClassInfo object applied to a given AttributePart.\n   * Used to unset existing values when a new ClassInfo object is applied.\n   */\n  private _previousClasses?: Set<string>;\n  private _staticClasses?: Set<string>;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (\n      partInfo.type !== PartType.ATTRIBUTE ||\n      partInfo.name !== 'class' ||\n      (partInfo.strings?.length as number) > 2\n    ) {\n      throw new Error(\n        '`classMap()` can only be used in the `class` attribute ' +\n          'and must be the only part in the attribute.'\n      );\n    }\n  }\n\n  render(classInfo: ClassInfo) {\n    // Add spaces to ensure separation from static classes\n    return (\n      ' ' +\n      Object.keys(classInfo)\n        .filter((key) => classInfo[key])\n        .join(' ') +\n      ' '\n    );\n  }\n\n  override update(part: AttributePart, [classInfo]: DirectiveParameters<this>) {\n    // Remember dynamic classes on the first render\n    if (this._previousClasses === undefined) {\n      this._previousClasses = new Set();\n      if (part.strings !== undefined) {\n        this._staticClasses = new Set(\n          part.strings\n            .join(' ')\n            .split(/\\s/)\n            .filter((s) => s !== '')\n        );\n      }\n      for (const name in classInfo) {\n        if (classInfo[name] && !this._staticClasses?.has(name)) {\n          this._previousClasses.add(name);\n        }\n      }\n      return this.render(classInfo);\n    }\n\n    const classList = part.element.classList;\n\n    // Remove old classes that no longer apply\n    // We use forEach() instead of for-of so that we don't require down-level\n    // iteration.\n    this._previousClasses.forEach((name) => {\n      if (!(name in classInfo)) {\n        classList.remove(name);\n        this._previousClasses!.delete(name);\n      }\n    });\n\n    // Add or remove classes based on their classMap value\n    for (const name in classInfo) {\n      // We explicitly want a loose truthy check of `value` because it seems\n      // more convenient that '' and 0 are skipped.\n      const value = !!classInfo[name];\n      if (\n        value !== this._previousClasses.has(name) &&\n        !this._staticClasses?.has(name)\n      ) {\n        if (value) {\n          classList.add(name);\n          this._previousClasses.add(name);\n        } else {\n          classList.remove(name);\n          this._previousClasses.delete(name);\n        }\n      }\n    }\n    return noChange;\n  }\n}\n\n/**\n * A directive that applies dynamic CSS classes.\n *\n * This must be used in the `class` attribute and must be the only part used in\n * the attribute. It takes each property in the `classInfo` argument and adds\n * the property name to the element's `classList` if the property value is\n * truthy; if the property value is falsey, the property name is removed from\n * the element's `class`.\n *\n * For example `{foo: bar}` applies the class `foo` if the value of `bar` is\n * truthy.\n *\n * @param classInfo\n */\nexport const classMap = directive(ClassMapDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {ClassMapDirective};\n"],
-  "mappings": "4DA2HaA,EAAWC,EArGxB,cAAgCC,CAAAA,CAQ9BC,YAAYC,EAAAA,CAAAA,IAAAA,EAEV,GADAC,MAAMD,CAAAA,EAEJA,EAASE,OAASC,EAASC,WAC3BJ,EAASK,OAAS,WAATA,EACRL,EAASM,WADDD,MACCC,IAAAA,OAAAA,OAAAA,EAASC,QAAoB,EAEvC,MAAUC,MACR,oGAAA,CAAA,CAMNC,OAAOC,EAAAA,CAEL,MACE,IACAC,OAAOC,KAAKF,CAAAA,EACTG,OAAQC,GAAQJ,EAAUI,EAAAA,EAC1BC,KAAK,GAAA,EACR,GAAA,CAIKC,OAAOC,EAAAA,CAAsBP,CAAAA,EAAAA,CAAAA,IAAAA,EAAAA,EAEpC,GAAIQ,KAAKC,KAAT,OAAyC,CACvCD,KAAKC,GAAmB,IAAIC,IACxBH,EAAKX,UADmBc,SAE1BF,KAAKG,GAAiB,IAAID,IACxBH,EAAKX,QACFS,KAAK,GAAA,EACLO,MAAM,IAAA,EACNT,OAAQU,GAAMA,IAAM,EAANA,CAAAA,GAGrB,QAAWlB,KAAQK,EACbA,EAAUL,IAAAA,EAAAA,GAAAA,EAAUa,KAAKG,MAAfhB,MAAegB,IAAAA,SAAAA,EAAgBG,IAAInB,CAAAA,IAC/Ca,KAAKC,GAAiBM,IAAIpB,CAAAA,EAG9B,OAAOa,KAAKT,OAAOC,CAAAA,CAAAA,CAGrB,IAAMgB,EAAYT,EAAKU,QAAQD,UAK/BR,KAAKC,GAAiBS,QAASvB,GAAAA,CACvBA,KAAQK,IACZgB,EAAUG,OAAOxB,CAAAA,EACjBa,KAAKC,GAAkBW,OAAOzB,CAAAA,EAAAA,CAAAA,EAKlC,QAAWA,KAAQK,EAAW,CAG5B,IAAMqB,EAAAA,CAAAA,CAAUrB,EAAUL,GAExB0B,IAAUb,KAAKC,GAAiBK,IAAInB,CAAAA,KAAAA,EACnCa,KAAKG,MAD8BhB,MAC9BgB,IAAAA,OAAAA,OAAAA,EAAgBG,IAAInB,CAAAA,KAEtB0B,GACFL,EAAUD,IAAIpB,CAAAA,EACda,KAAKC,GAAiBM,IAAIpB,CAAAA,IAE1BqB,EAAUG,OAAOxB,CAAAA,EACjBa,KAAKC,GAAiBW,OAAOzB,CAAAA,GAAAA,CAInC,OAAO2B,CAAAA,CAAAA,CAAAA",
+  "mappings": "kGA2HaA,EAAWC,EArGxB,cAAgCC,CAAAA,CAQ9BC,YAAYC,EAAAA,CAAAA,IAAAA,EAEV,GADAC,MAAMD,CAAAA,EAEJA,EAASE,OAASC,EAASC,WAC3BJ,EAASK,OAAS,WAATA,EACRL,EAASM,WADDD,MACCC,IAAAA,OAAAA,OAAAA,EAASC,QAAoB,EAEvC,MAAUC,MACR,oGAAA,CAAA,CAMNC,OAAOC,EAAAA,CAEL,MACE,IACAC,OAAOC,KAAKF,CAAAA,EACTG,OAAQC,GAAQJ,EAAUI,EAAAA,EAC1BC,KAAK,GAAA,EACR,GAAA,CAIKC,OAAOC,EAAAA,CAAsBP,CAAAA,EAAAA,CAAAA,IAAAA,EAAAA,EAEpC,GAAIQ,KAAKC,KAAT,OAAyC,CACvCD,KAAKC,GAAmB,IAAIC,IACxBH,EAAKX,UADmBc,SAE1BF,KAAKG,GAAiB,IAAID,IACxBH,EAAKX,QACFS,KAAK,GAAA,EACLO,MAAM,IAAA,EACNT,OAAQU,GAAMA,IAAM,EAANA,CAAAA,GAGrB,QAAWlB,KAAQK,EACbA,EAAUL,IAAAA,EAAAA,GAAAA,EAAUa,KAAKG,MAAfhB,MAAegB,IAAAA,SAAAA,EAAgBG,IAAInB,CAAAA,IAC/Ca,KAAKC,GAAiBM,IAAIpB,CAAAA,EAG9B,OAAOa,KAAKT,OAAOC,CAAAA,CAAAA,CAGrB,IAAMgB,EAAYT,EAAKU,QAAQD,UAK/BR,KAAKC,GAAiBS,QAASvB,GAAAA,CACvBA,KAAQK,IACZgB,EAAUG,OAAOxB,CAAAA,EACjBa,KAAKC,GAAkBW,OAAOzB,CAAAA,EAAAA,CAAAA,EAKlC,QAAWA,KAAQK,EAAW,CAG5B,IAAMqB,EAAAA,CAAAA,CAAUrB,EAAUL,GAExB0B,IAAUb,KAAKC,GAAiBK,IAAInB,CAAAA,KAAAA,EACnCa,KAAKG,MAD8BhB,MAC9BgB,IAAAA,OAAAA,OAAAA,EAAgBG,IAAInB,CAAAA,KAEtB0B,GACFL,EAAUD,IAAIpB,CAAAA,EACda,KAAKC,GAAiBM,IAAIpB,CAAAA,IAE1BqB,EAAUG,OAAOxB,CAAAA,EACjBa,KAAKC,GAAiBW,OAAOzB,CAAAA,GAAAA,CAInC,OAAO2B,CAAAA,CAAAA,CAAAA",
   "names": ["classMap", "directive", "Directive", "constructor", "partInfo", "super", "type", "PartType", "ATTRIBUTE", "name", "strings", "length", "Error", "render", "classInfo", "Object", "keys", "filter", "key", "join", "update", "part", "this", "_previousClasses", "Set", "_staticClasses", "split", "s", "has", "add", "classList", "element", "forEach", "remove", "delete", "value", "noChange"]
 }

package/dist/chunk-LZXRWVZI.js

@@ -0,0 +1,185 @@
+import{a as s}from"./chunk-23UFIOHV.js";import{a as l,b as r,e as a,f as n,g as o}from"./chunk-BEHH5JPC.js";import{a as e}from"./chunk-NZ3RGSR6.js";var v=l`:host {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background-color: var(--bl-color-primary-background);
+}
+
+.container {
+  --title-padding-vertical: var(--bl-size-m);
+  --title-padding-horizontal: var(--bl-size-xl);
+  --title-color: var(--bl-color-secondary);
+  --caption-color: var(--bl-color-secondary);
+  --icon-color: var(--bl-color-secondary);
+  --border-bottom-width: var(--bl-size-4xs);
+  --border-left-space: var(--bl-size-xl);
+  --font-title: var(--bl-font-title-3-medium);
+  --font-caption: var(--bl-font-title-4-regular);
+  --tab-right-padding: var(--bl-size-xl);
+  --help-container-width: var(--bl-size-2xl);
+  --tab-height: calc(var(--bl-size-3xl) + var(--bl-size-s));
+
+  display: flex;
+  border: none;
+  cursor: pointer;
+  background-color: initial;
+  width: max-content;
+  height: var(--tab-height);
+  padding: 0 var(--tab-right-padding);
+}
+
+.container::after {
+  position: absolute;
+  content: '';
+  right: 0;
+  top: var(--bl-size-m);
+  height: calc(100% - var(--bl-size-2xl));
+  border-right: 1px solid var(--bl-color-tertiary-hover);
+}
+
+:host(:last-of-type) .container::after {
+  border-right: none;
+}
+
+:host .container::before {
+  content: '';
+  position: absolute;
+  opacity: 0;
+  bottom: calc(-1 * var(--bl-size-4xs));
+  left: var(--border-left-space);
+  width: calc(100% - var(--bl-size-4xl));
+  border-bottom: var(--border-bottom-width) solid var(--bl-color-primary);
+}
+
+:host([selected]:not([disabled])) .container::before {
+  opacity: 1;
+}
+
+:host(:hover) .container,
+:host([selected]) .container {
+  --title-color: var(--bl-color-primary);
+  --icon-color: var(--bl-color-primary);
+}
+
+:host([disabled]) .container {
+  cursor: not-allowed;
+
+  --title-color: var(--bl-color-content-passive);
+  --caption-color: var(--bl-color-content-passive);
+  --icon-color: var(--bl-color-content-passive);
+}
+
+:host(:hover) :where(.title, .icon) {
+  transition: color 120ms ease-out;
+}
+
+:host([selected]) .border-bottom {
+  display: inline-block;
+}
+
+:host([disabled]) .container:hover {
+  cursor: not-allowed;
+}
+
+:host([help-text]) button {
+  padding-right: 0;
+}
+
+.tab-button {
+  width: max-content;
+}
+
+.help-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--help-container-width);
+  height: 100%;
+  font-size: var(--bl-font-size-m);
+  pointer-events: visible;
+  padding-right: var(--tab-right-padding);
+}
+
+bl-tooltip {
+  --bl-tooltip-position: fixed;
+}
+
+.title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font: var(--font-title);
+  color: var(--title-color);
+  line-height: var(--bl-size-m);
+  white-space: nowrap;
+}
+
+.title-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  margin: auto;
+}
+
+.badge-container {
+  padding-left: var(--bl-size-3xs);
+  display: flex;
+  margin-bottom: 1px;
+}
+
+.caption {
+  font: var(--font-caption);
+  line-height: var(--bl-size-xs);
+  color: var(--caption-color);
+  text-align: center;
+  margin-top: var(--bl-size-4xs);
+}
+
+.icon {
+  display: flex;
+  color: var(--icon-color);
+  font-size: var(--bl-font-size-l);
+  margin-right: var(--bl-size-3xs);
+  margin-bottom: 1px;
+}
+
+:host([notify]) .title::after {
+  content: '';
+  height: var(--bl-size-2xs);
+  width: var(--bl-size-2xs);
+  border-radius: var(--bl-size-3xs);
+  margin-left: var(--bl-size-3xs);
+  background-color: var(--bl-color-danger);
+  margin-bottom: 1px;
+}
+`,c=v;var t=class extends a{constructor(){super(...arguments);this.icon="";this.notify=!1;this.badge="";this.selected=!1;this.disabled=!1}static get styles(){return[c]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var i;this.tabGroup=this.closest("bl-tab-group"),(i=this.tabGroup)==null||i.registerTab(this)})}disconnectedCallback(){var i;super.disconnectedCallback(),(i=this.tabGroup)==null||i.unregisterTab(this)}select(){this._onSelect(this.name)}render(){let i=r` <slot></slot>`,b=this.helpText?r` <div class="help-container">
+          <bl-tooltip>
+            <bl-button
+              slot="tooltip-trigger"
+              icon="info"
+              text
+              label="${this.helpText}"
+              secondary
+            ></bl-button>
+            ${this.helpText}
+          </bl-tooltip>
+        </div>`:null,p=this.icon?r` <div class="icon">
+          <bl-icon name="${this.icon}"></bl-icon>
+        </div>`:null,d=this.badge?r` <div class="badge-container">
+          <bl-badge size="small">${this.badge}</bl-badge>
+        </div>`:null,h=this.caption?r` <div class="caption">${this.caption}</div>`:null;return r`
+      <button
+        ?disabled="${this.disabled}"
+        role="tab"
+        class="container"
+        @click="${()=>this.select()}"
+      >
+        <div class="title-container">
+          <div class="title">${p} ${i} ${d}</div>
+          ${h}
+        </div>
+        ${b}
+      </button>
+    `}};e([o({type:String})],t.prototype,"caption",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([o({type:String})],t.prototype,"icon",2),e([o({type:Boolean,reflect:!0})],t.prototype,"notify",2),e([o({type:String})],t.prototype,"badge",2),e([o({type:Boolean,reflect:!0})],t.prototype,"selected",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([s("bl-tab-selected")],t.prototype,"_onSelect",2),t=e([n("bl-tab")],t);export{t as a};
+//# sourceMappingURL=chunk-LZXRWVZI.js.map

package/dist/chunk-LZXRWVZI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/tab-group/tab/bl-tab.css", "../src/components/tab-group/tab/bl-tab.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--bl-color-primary-background);\n}\n\n.container {\n  --title-padding-vertical: var(--bl-size-m);\n  --title-padding-horizontal: var(--bl-size-xl);\n  --title-color: var(--bl-color-secondary);\n  --caption-color: var(--bl-color-secondary);\n  --icon-color: var(--bl-color-secondary);\n  --border-bottom-width: var(--bl-size-4xs);\n  --border-left-space: var(--bl-size-xl);\n  --font-title: var(--bl-font-title-3-medium);\n  --font-caption: var(--bl-font-title-4-regular);\n  --tab-right-padding: var(--bl-size-xl);\n  --help-container-width: var(--bl-size-2xl);\n  --tab-height: calc(var(--bl-size-3xl) + var(--bl-size-s));\n\n  display: flex;\n  border: none;\n  cursor: pointer;\n  background-color: initial;\n  width: max-content;\n  height: var(--tab-height);\n  padding: 0 var(--tab-right-padding);\n}\n\n.container::after {\n  position: absolute;\n  content: '';\n  right: 0;\n  top: var(--bl-size-m);\n  height: calc(100% - var(--bl-size-2xl));\n  border-right: 1px solid var(--bl-color-tertiary-hover);\n}\n\n:host(:last-of-type) .container::after {\n  border-right: none;\n}\n\n:host .container::before {\n  content: '';\n  position: absolute;\n  opacity: 0;\n  bottom: calc(-1 * var(--bl-size-4xs));\n  left: var(--border-left-space);\n  width: calc(100% - var(--bl-size-4xl));\n  border-bottom: var(--border-bottom-width) solid var(--bl-color-primary);\n}\n\n:host([selected]:not([disabled])) .container::before {\n  opacity: 1;\n}\n\n:host(:hover) .container,\n:host([selected]) .container {\n  --title-color: var(--bl-color-primary);\n  --icon-color: var(--bl-color-primary);\n}\n\n:host([disabled]) .container {\n  cursor: not-allowed;\n\n  --title-color: var(--bl-color-content-passive);\n  --caption-color: var(--bl-color-content-passive);\n  --icon-color: var(--bl-color-content-passive);\n}\n\n:host(:hover) :where(.title, .icon) {\n  transition: color 120ms ease-out;\n}\n\n:host([selected]) .border-bottom {\n  display: inline-block;\n}\n\n:host([disabled]) .container:hover {\n  cursor: not-allowed;\n}\n\n:host([help-text]) button {\n  padding-right: 0;\n}\n\n.tab-button {\n  width: max-content;\n}\n\n.help-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: var(--help-container-width);\n  height: 100%;\n  font-size: var(--bl-font-size-m);\n  pointer-events: visible;\n  padding-right: var(--tab-right-padding);\n}\n\nbl-tooltip {\n  --bl-tooltip-position: fixed;\n}\n\n.title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font: var(--font-title);\n  color: var(--title-color);\n  line-height: var(--bl-size-m);\n  white-space: nowrap;\n}\n\n.title-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  margin: auto;\n}\n\n.badge-container {\n  padding-left: var(--bl-size-3xs);\n  display: flex;\n  margin-bottom: 1px;\n}\n\n.caption {\n  font: var(--font-caption);\n  line-height: var(--bl-size-xs);\n  color: var(--caption-color);\n  text-align: center;\n  margin-top: var(--bl-size-4xs);\n}\n\n.icon {\n  display: flex;\n  color: var(--icon-color);\n  font-size: var(--bl-font-size-l);\n  margin-right: var(--bl-size-3xs);\n  margin-bottom: 1px;\n}\n\n:host([notify]) .title::after {\n  content: '';\n  height: var(--bl-size-2xs);\n  width: var(--bl-size-2xs);\n  border-radius: var(--bl-size-3xs);\n  margin-left: var(--bl-size-3xs);\n  background-color: var(--bl-color-danger);\n  margin-bottom: 1px;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../../utilities/event';\n\nimport style from './bl-tab.css';\nimport type BlTabGroup from '../bl-tab-group';\n\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\n@customElement('bl-tab')\nexport default class BlTab extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private tabGroup: BlTabGroup | null;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this.tabGroup = this.closest<BlTabGroup>('bl-tab-group');\n      // FIXME: We need to warn if parent is not tab-group\n      this.tabGroup?.registerTab(this);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.tabGroup?.unregisterTab(this);\n  }\n\n  /**\n   * Sets the caption of tab\n   */\n  @property({ type: String })\n  caption: string;\n\n  /**\n   * Name of the tab that should match `tab-panel`'s `tab` attribute\n   */\n  @property({ type: String, reflect: true })\n  name: string;\n\n  /**\n   * Set tooltip text. Should be set to display information icon.\n   */\n  @property({ type: String, attribute: 'help-text', reflect: true })\n  helpText: string;\n\n  /**\n   * Name of the icon which display on the left side of the tab.\n   */\n  @property({ type: String })\n  icon = '';\n\n  /**\n   * Shows notification dot.\n   */\n  @property({ type: Boolean, reflect: true })\n  notify = false;\n\n  /**\n   * Sets the content of the badge.\n   */\n  @property({ type: String })\n  badge = '';\n\n  /**\n   * Set `tab` as selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Set `tab` as disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Fires when tab is selected.\n   */\n  @event('bl-tab-selected') private _onSelect: EventDispatcher<string>;\n\n  /**\n   * Set tab selected.\n   */\n  select() {\n    this._onSelect(this.name);\n  }\n\n  render(): TemplateResult {\n    const title = html` <slot></slot>`;\n\n    const helpTooltip = this.helpText\n      ? html` <div class=\"help-container\">\n          <bl-tooltip>\n            <bl-button\n              slot=\"tooltip-trigger\"\n              icon=\"info\"\n              text\n              label=\"${this.helpText}\"\n              secondary\n            ></bl-button>\n            ${this.helpText}\n          </bl-tooltip>\n        </div>`\n      : null;\n\n    const icon = this.icon\n      ? html` <div class=\"icon\">\n          <bl-icon name=\"${this.icon}\"></bl-icon>\n        </div>`\n      : null;\n\n    const badge = this.badge\n      ? html` <div class=\"badge-container\">\n          <bl-badge size=\"small\">${this.badge}</bl-badge>\n        </div>`\n      : null;\n\n    const caption = this.caption ? html` <div class=\"caption\">${this.caption}</div>` : null;\n\n    return html`\n      <button\n        ?disabled=\"${this.disabled}\"\n        role=\"tab\"\n        class=\"container\"\n        @click=\"${() => this.select()}\"\n      >\n        <div class=\"title-container\">\n          <div class=\"title\">${icon} ${title} ${badge}</div>\n          ${caption}\n        </div>\n        ${helpTooltip}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tab': BlTab;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "r", "bl_tab_default", "BlTab", "s", "bl_tab_default", "_a", "title", "$", "helpTooltip", "icon", "badge", "caption", "__decorateClass", "e", "event"]
+}

package/dist/chunk-SQ3STNEW.js

@@ -0,0 +1,7 @@
+import{d as t}from"./chunk-BEHH5JPC.js";var r=o=>o!=null?o:t;export{r as a};
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk-SQ3STNEW.js.map

package/dist/{chunk-7SB56BMG.js → chunk-U6ZMWZI6.js}

@@ -1,4 +1,4 @@
-import{a as l}from"./chunk-2OZ27HBE.js";import{a as h}from"./chunk-4HPQWL76.js";import{a as s,b as i,e as c,f as u,g as e,m as d}from"./chunk-6TYTDGI6.js";import{a as o}from"./chunk-NZ3RGSR6.js";var v=s`:host {
+import{a as l}from"./chunk-SQ3STNEW.js";import{a as h}from"./chunk-HLQIZBQW.js";import{a as d}from"./chunk-23UFIOHV.js";import{a as s,b as i,e as c,f as u,g as e}from"./chunk-BEHH5JPC.js";import{a as o}from"./chunk-NZ3RGSR6.js";var v=s`:host {
   display: var(--bl-button-display, inline-block);
   max-width: 100%;
   position: relative;
@@ -36,7 +36,7 @@ import{a as l}from"./chunk-2OZ27HBE.js";import{a as h}from"./chunk-4HPQWL76.js";
   user-select: none;
 }
 
-.button:hover {
+:host(:hover) {
   --bl-button-bg-color: var(--bl-button-main-hover-color);
   --bl-button-border-color: var(--bl-button-main-hover-color);
 }
@@ -145,4 +145,4 @@ import{a as l}from"./chunk-2OZ27HBE.js";import{a as h}from"./chunk-4HPQWL76.js";
         >
           ${n}
         </button>`}_handleClick(){this.onClick("Click event fired!")}};o([e({type:Boolean,reflect:!0})],t.prototype,"primary",2),o([e({type:Boolean,reflect:!0})],t.prototype,"secondary",2),o([e({type:Boolean,reflect:!0})],t.prototype,"success",2),o([e({type:Boolean,reflect:!0})],t.prototype,"danger",2),o([e({type:Boolean,reflect:!0})],t.prototype,"outline",2),o([e({type:Boolean,reflect:!0})],t.prototype,"text",2),o([e({type:String,reflect:!0})],t.prototype,"size",2),o([e({type:String})],t.prototype,"label",2),o([e({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([e({type:String})],t.prototype,"href",2),o([e({type:String})],t.prototype,"icon",2),o([e({type:String})],t.prototype,"target",2),o([d("bl-click")],t.prototype,"onClick",2),t=o([u("bl-button")],t);export{t as a};
-//# sourceMappingURL=chunk-7SB56BMG.js.map
+//# sourceMappingURL=chunk-U6ZMWZI6.js.map

package/dist/{chunk-7SB56BMG.js.map → chunk-U6ZMWZI6.js.map}

@@ -1,7 +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 {\n  display: var(--bl-button-display, inline-block);\n  max-width: 100%;\n  position: relative;\n\n  --bl-button-main-color: var(--bl-color-primary);\n  --bl-button-main-hover-color: var(--bl-color-primary-hover);\n  --bl-button-content-color: #fff;\n  --bl-button-bg-color: var(--bl-button-main-color);\n  --bl-button-border-color: var(--bl-button-main-color);\n  --bl-button-padding-vertical: var(--bl-size-2xs);\n  --bl-button-padding-horizontal: var(--bl-size-m);\n  --bl-button-margin-icon: var(--bl-button-padding-vertical);\n  --bl-button-icon-size: var(--bl-size-m);\n  --bl-button-font: var(--bl-font-title-3-medium);\n  --bl-button-height: var(--bl-size-2xl);\n}\n\n.button {\n  display: flex;\n  gap: var(--bl-button-margin-icon);\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: var(--bl-button-height);\n  border: solid 1px var(--bl-button-border-color);\n  border-radius: 6px;\n  text-decoration: none;\n  padding: var(--bl-button-padding-vertical) var(--bl-button-padding-horizontal);\n  cursor: pointer;\n  background-color: var(--bl-button-bg-color);\n  color: var(--bl-button-content-color);\n  font: var(--bl-button-font);\n  font-kerning: none;\n  user-select: none;\n}\n\n.button:hover {\n  --bl-button-bg-color: var(--bl-button-main-hover-color);\n  --bl-button-border-color: var(--bl-button-main-hover-color);\n}\n\n.label {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n:host([size='small']) {\n  --bl-button-font: var(--bl-font-title-4-medium);\n  --bl-button-padding-vertical: var(--bl-size-3xs);\n  --bl-button-padding-horizontal: var(--bl-size-2xs);\n  --bl-button-icon-size: var(--bl-size-s);\n  --bl-button-height: var(--bl-size-xl);\n}\n\n:host([size='large']) {\n  --bl-button-font: var(--bl-font-title-3-medium);\n  --bl-button-padding-vertical: var(--bl-size-xs);\n  --bl-button-padding-horizontal: var(--bl-size-xl);\n  --bl-button-margin-icon: var(--bl-size-2xs);\n  --bl-button-height: var(--bl-size-3xl);\n}\n\n.button:focus {\n  outline: none;\n}\n\n:host ::slotted(bl-icon) {\n  font-size: var(--bl-button-icon-size);\n}\n\n.has-icon:not(.has-content) {\n  --bl-button-padding-horizontal: var(--bl-button-padding-vertical);\n  --bl-button-margin-icon: 0;\n}\n\n:host([secondary]) {\n  --bl-button-main-color: var(--bl-color-secondary);\n  --bl-button-main-hover-color: var(--bl-color-secondary-hover);\n}\n\n:host([success]) {\n  --bl-button-main-color: var(--bl-color-success);\n  --bl-button-main-hover-color: var(--bl-color-success-hover);\n}\n\n:host([danger]) {\n  --bl-button-main-color: var(--bl-color-danger);\n  --bl-button-main-hover-color: var(--bl-color-danger-hover);\n}\n\n:host([text]) {\n  --bl-button-content-color: var(--bl-button-main-color);\n  --bl-button-border-color: transparent;\n  --bl-button-bg-color: transparent;\n}\n\n:host([text]) .button {\n  text-decoration: underline;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n\n  --bl-button-main-color: var(--bl-color-tertiary);\n  --bl-button-main-hover-color: var(--bl-color-tertiary);\n  --bl-button-content-color: var(--bl-color-content-passive);\n  --bl-button-bg-color: var(--bl-button-main-color);\n}\n\n:host([disabled]) .button {\n  pointer-events: none;\n  text-decoration: none;\n}\n\n:host([outline]) {\n  --bl-button-bg-color: transparent;\n}\n\n:host([outline]:not(:hover):not([disabled])) {\n  --bl-button-content-color: var(--bl-button-main-color);\n}\n\n:host([text]:not([disabled])) .button:hover {\n  --bl-button-content-color: var(--bl-button-main-hover-color);\n  --bl-button-border-color: transparent;\n  --bl-button-bg-color: transparent;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } 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 ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @property {boolean} primary - Sets variant to primary\n * @property {boolean} secondary - Sets variant to secondary\n * @property {boolean} success - Sets variant to success\n * @property {boolean} danger - Sets variant to danger\n * @property {boolean} outline - Sets button version to outline\n * @property {boolean} text - Sets the button version to text\n * @property {boolean} disabled - Disables the button\n * @property {string} size - Sets the button size\n * @property {string} icon - Sets the name of the icon\n * @property {string} href - Sets link of the button\n * @property {string} target - Sets button target (should be defined with href)\n * @property {string} label - Sets the accessibility text for the button. Use it with icon-only buttons.\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  @property({ type: Boolean, reflect: true })\n  primary = false;\n\n  @property({ type: Boolean, reflect: true })\n  secondary = false;\n\n  @property({ type: Boolean, reflect: true })\n  success = false;\n\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  @property({ type: Boolean, reflect: true })\n  outline = false;\n\n  @property({ type: Boolean, reflect: true })\n  text = false;\n\n  @property({ type: String, reflect: true })\n  size: ButtonSize = 'medium';\n\n  @property({ type: String })\n  label: string;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  href?: string;\n\n  @property({ type: String })\n  icon?: string;\n\n  @property({ type: String })\n  target?: TargetType = '_self';\n\n  /**\n   * Fires when button clicked\n   */\n  @event('bl-click') private onClick: EventDispatcher<string>;\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 ? true : false;\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 classes = classMap({\n      'button': true,\n      'has-icon': this.icon || this._hasIconSlot,\n      'has-content': this._hasDefaultSlot,\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}</a\n        >`\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}\n        </button>`;\n  }\n\n  private _handleClick() {\n    this.onClick('Click event fired!');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-button': BlButton;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n  display: var(--bl-button-display, inline-block);\n  max-width: 100%;\n  position: relative;\n\n  --bl-button-main-color: var(--bl-color-primary);\n  --bl-button-main-hover-color: var(--bl-color-primary-hover);\n  --bl-button-content-color: #fff;\n  --bl-button-bg-color: var(--bl-button-main-color);\n  --bl-button-border-color: var(--bl-button-main-color);\n  --bl-button-padding-vertical: var(--bl-size-2xs);\n  --bl-button-padding-horizontal: var(--bl-size-m);\n  --bl-button-margin-icon: var(--bl-button-padding-vertical);\n  --bl-button-icon-size: var(--bl-size-m);\n  --bl-button-font: var(--bl-font-title-3-medium);\n  --bl-button-height: var(--bl-size-2xl);\n}\n\n.button {\n  display: flex;\n  gap: var(--bl-button-margin-icon);\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: var(--bl-button-height);\n  border: solid 1px var(--bl-button-border-color);\n  border-radius: 6px;\n  text-decoration: none;\n  padding: var(--bl-button-padding-vertical) var(--bl-button-padding-horizontal);\n  cursor: pointer;\n  background-color: var(--bl-button-bg-color);\n  color: var(--bl-button-content-color);\n  font: var(--bl-button-font);\n  font-kerning: none;\n  user-select: none;\n}\n\n:host(:hover) {\n  --bl-button-bg-color: var(--bl-button-main-hover-color);\n  --bl-button-border-color: var(--bl-button-main-hover-color);\n}\n\n.label {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n:host([size='small']) {\n  --bl-button-font: var(--bl-font-title-4-medium);\n  --bl-button-padding-vertical: var(--bl-size-3xs);\n  --bl-button-padding-horizontal: var(--bl-size-2xs);\n  --bl-button-icon-size: var(--bl-size-s);\n  --bl-button-height: var(--bl-size-xl);\n}\n\n:host([size='large']) {\n  --bl-button-font: var(--bl-font-title-3-medium);\n  --bl-button-padding-vertical: var(--bl-size-xs);\n  --bl-button-padding-horizontal: var(--bl-size-xl);\n  --bl-button-margin-icon: var(--bl-size-2xs);\n  --bl-button-height: var(--bl-size-3xl);\n}\n\n.button:focus {\n  outline: none;\n}\n\n:host ::slotted(bl-icon) {\n  font-size: var(--bl-button-icon-size);\n}\n\n.has-icon:not(.has-content) {\n  --bl-button-padding-horizontal: var(--bl-button-padding-vertical);\n  --bl-button-margin-icon: 0;\n}\n\n:host([secondary]) {\n  --bl-button-main-color: var(--bl-color-secondary);\n  --bl-button-main-hover-color: var(--bl-color-secondary-hover);\n}\n\n:host([success]) {\n  --bl-button-main-color: var(--bl-color-success);\n  --bl-button-main-hover-color: var(--bl-color-success-hover);\n}\n\n:host([danger]) {\n  --bl-button-main-color: var(--bl-color-danger);\n  --bl-button-main-hover-color: var(--bl-color-danger-hover);\n}\n\n:host([text]) {\n  --bl-button-content-color: var(--bl-button-main-color);\n  --bl-button-border-color: transparent;\n  --bl-button-bg-color: transparent;\n}\n\n:host([text]) .button {\n  text-decoration: underline;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n\n  --bl-button-main-color: var(--bl-color-tertiary);\n  --bl-button-main-hover-color: var(--bl-color-tertiary);\n  --bl-button-content-color: var(--bl-color-content-passive);\n  --bl-button-bg-color: var(--bl-button-main-color);\n}\n\n:host([disabled]) .button {\n  pointer-events: none;\n  text-decoration: none;\n}\n\n:host([outline]) {\n  --bl-button-bg-color: transparent;\n}\n\n:host([outline]:not(:hover):not([disabled])) {\n  --bl-button-content-color: var(--bl-button-main-color);\n}\n\n:host([text]:not([disabled])) .button:hover {\n  --bl-button-content-color: var(--bl-button-main-hover-color);\n  --bl-button-border-color: transparent;\n  --bl-button-bg-color: transparent;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } 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 ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @property {boolean} primary - Sets variant to primary\n * @property {boolean} secondary - Sets variant to secondary\n * @property {boolean} success - Sets variant to success\n * @property {boolean} danger - Sets variant to danger\n * @property {boolean} outline - Sets button version to outline\n * @property {boolean} text - Sets the button version to text\n * @property {boolean} disabled - Disables the button\n * @property {string} size - Sets the button size\n * @property {string} icon - Sets the name of the icon\n * @property {string} href - Sets link of the button\n * @property {string} target - Sets button target (should be defined with href)\n * @property {string} label - Sets the accessibility text for the button. Use it with icon-only buttons.\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  @property({ type: Boolean, reflect: true })\n  primary = false;\n\n  @property({ type: Boolean, reflect: true })\n  secondary = false;\n\n  @property({ type: Boolean, reflect: true })\n  success = false;\n\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  @property({ type: Boolean, reflect: true })\n  outline = false;\n\n  @property({ type: Boolean, reflect: true })\n  text = false;\n\n  @property({ type: String, reflect: true })\n  size: ButtonSize = 'medium';\n\n  @property({ type: String })\n  label: string;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  href?: string;\n\n  @property({ type: String })\n  icon?: string;\n\n  @property({ type: String })\n  target?: TargetType = '_self';\n\n  /**\n   * Fires when button clicked\n   */\n  @event('bl-click') private onClick: EventDispatcher<string>;\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 classes = classMap({\n      'button': true,\n      'has-icon': this.icon || this._hasIconSlot,\n      'has-content': this._hasDefaultSlot,\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}</a\n        >`\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}\n        </button>`;\n  }\n\n  private _handleClick() {\n    this.onClick('Click event fired!');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-button': BlButton;\n  }\n}\n"],
+  "mappings": "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",
   "names": ["styles", "r", "bl_button_default", "BlButton", "s", "bl_button_default", "node", "_a", "nodeType", "isAnchor", "icon", "$", "slots", "classes", "o", "__decorateClass", "event", "n"]
 }

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-L4EJFUQV.js";import"../../chunk-OLHTJRSI.js";import"../../chunk-6TYTDGI6.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-FP5POXZC.js";import"../../chunk-DGRXEOW7.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-BEHH5JPC.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-badge.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-7SB56BMG.js";import"../../chunk-2OZ27HBE.js";import"../../chunk-OLHTJRSI.js";import"../../chunk-4HPQWL76.js";import"../../chunk-6TYTDGI6.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-U6ZMWZI6.js";import"../../chunk-SQ3STNEW.js";import"../../chunk-HLQIZBQW.js";import"../../chunk-DGRXEOW7.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-BEHH5JPC.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-button.js.map

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

@@ -1,2 +1,2 @@
-import{c as a}from"../../chunk-OLHTJRSI.js";import"../../chunk-6TYTDGI6.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{c as a}from"../../chunk-DGRXEOW7.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-BEHH5JPC.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-icon.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-WP2DP4K4.js";import"../../chunk-2OZ27HBE.js";import"../../chunk-OLHTJRSI.js";import"../../chunk-4HPQWL76.js";import"../../chunk-6TYTDGI6.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-675JRUTN.js";import"../../chunk-SQ3STNEW.js";import"../../chunk-HLQIZBQW.js";import"../../chunk-DGRXEOW7.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-BEHH5JPC.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-input.js.map

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

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-4HMEMZY7.js";import"../../chunk-LZXRWVZI.js";import"../../chunk-5AGXQPQY.js";import"../../chunk-23UFIOHV.js";import"../../chunk-BEHH5JPC.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+//# sourceMappingURL=bl-tab-group.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{a}from"../../../chunk-LZXRWVZI.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-BEHH5JPC.js";import"../../../chunk-NZ3RGSR6.js";export{a as default};
+//# sourceMappingURL=bl-tab.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{a}from"../../../chunk-5AGXQPQY.js";import"../../../chunk-BEHH5JPC.js";import"../../../chunk-NZ3RGSR6.js";export{a as default};
+//# sourceMappingURL=bl-tab-panel.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-F7EPILE3.js";import"../../chunk-4HPQWL76.js";import"../../chunk-6TYTDGI6.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-7NRCA735.js";import"../../chunk-HLQIZBQW.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-BEHH5JPC.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-tooltip.js.map