@trendyol/baklava 2.0.0-beta.22 → 2.0.0-beta.25

package/dist/chunk-SJW4HPSY.js

@@ -0,0 +1,7 @@
+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,f as v,g as y,h as T,i as x}from"./chunk-S7TTXZFP.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;height:1em;min-width:1em;min-height:1em}:host div,:host svg{width:100%;height:100%}`,b=D;var d=new Map,e=class extends v{static get styles(){return[b]}get name(){return this._iconName}set name(i){i!==this._iconName&&(this._iconName=i,this.load())}async load(){let c=`${$()}/${this.name}.svg`;d.has(c)||d.set(c,fetch(c));try{let o=await d.get(c),h=await(o==null?void 0:o.clone());h!=null&&h.ok?(this.svg=await h.text(),this.onLoad(`${this.name} icon loaded`),this.requestUpdate()):this.onError(`${this.name} icon failed to load`)}catch(o){this.onError(`${this.name} icon failed to load [${o}]`)}}render(){return u`<div aria-hidden="true">${L(this.svg)}</div>`}};r([T()],e.prototype,"name",1),r([p("bl-load")],e.prototype,"onLoad",2),r([p("bl-error")],e.prototype,"onError",2),r([x()],e.prototype,"svg",2),e=r([y("bl-icon")],e);export{M as a,$ as b,e as c};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk-SJW4HPSY.js.map

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

@@ -1,7 +1,7 @@
 {
   "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": "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",
+  "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{display:inline-block;position:relative;width:1em;height:1em;min-width:1em;min-height:1em}:host div,:host svg{width:100%;height:100%}`;\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": "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,8IACfC,EAAQF,ECMf,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-VX2FHEEO.js

@@ -0,0 +1,25 @@
+import{a as s}from"./chunk-E2DT737L.js";import{a as $}from"./chunk-W53DEGK2.js";import{a as o,b as f,c as x}from"./chunk-72IJCTLJ.js";import{a as c}from"./chunk-23UFIOHV.js";import{a as v,b as n,c as p,d as b,e as u,f as h,g as m,h as l,i as g,j as y}from"./chunk-S7TTXZFP.js";import{a as e}from"./chunk-NZ3RGSR6.js";var{H:M}=u;var _=r=>r.strings===void 0;var P={},T=(r,a=P)=>r._$AH=a;var A=f(class extends x{constructor(r){if(super(r),r.type!==o.PROPERTY&&r.type!==o.ATTRIBUTE&&r.type!==o.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!_(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[a]){if(a===p||a===b)return a;let i=r.element,d=r.name;if(r.type===o.PROPERTY){if(a===i[d])return p}else if(r.type===o.BOOLEAN_ATTRIBUTE){if(!!a===i.hasAttribute(d))return p}else if(r.type===o.ATTRIBUTE&&i.getAttribute(d)===a+"")return p;return T(r),a}});var C=v`:host{display:inline-block;width:200px;position:relative;--bl-input-padding-vertical:var(--bl-size-2xs);--bl-input-padding-horizontal:var(--bl-size-xs);--bl-input-border-color:var(--bl-color-border);--bl-input-icon-color:var(--bl-color-content-tertiary);--bl-input-text-color:var(--bl-color-content-primary);--bl-input-height:var(--bl-size-2xl)}input{outline:0;box-sizing:border-box;height:var(--bl-input-height);border:solid 1px var(--bl-input-border-color);width:100%;font:var(--bl-font-title-3-regular);padding:0 var(--bl-input-padding-horizontal);margin:0;border-radius:4px;color:var(--bl-input-text-color)}bl-icon{position:absolute;top:var(--bl-input-padding-vertical);right:var(--bl-input-padding-horizontal);font-size:var(--bl-size-m);z-index:1;color:var(--bl-input-icon-color)}input:focus{--bl-input-border-color:var(--bl-color-primary)}:host([label-fixed]) bl-icon{top:calc(var(--bl-input-padding-vertical) + var(--bl-size-m))}input:focus ~ bl-icon{--bl-input-icon-color:var(--bl-color-primary)}:host ::placeholder{color:var(--bl-color-content-tertiary)}:host([label]) ::placeholder{color:transparent;transition:color ease-out .4s}:host input:focus::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-content-tertiary)}input:disabled{background-color:var(--bl-color-primary-background);--bl-input-text-color:var(--bl-color-content-tertiary)}input.dirty:invalid{--bl-input-border-color:var(--bl-color-danger)}input.has-icon{padding-right:calc(var(--bl-size-xs) * 2 + var(--bl-size-m))}.error-icon,.invalid-text{display:none}label{position:absolute;top:var(--bl-input-padding-vertical);left:var(--bl-input-padding-horizontal);transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);color:var(--bl-color-content-tertiary);padding:0}:where(input:focus,input.has-value) ~ label{top:0;left:var(--bl-size-2xs);transform:translateY(-50%);font:var(--bl-font-form-label);color:var(--bl-color-content-secondary);padding:0 var(--bl-size-3xs);background-color:var(--bl-color-primary-background);pointer-events:initial}:host([label-fixed]){padding-top:var(--bl-size-m)}:host([label-fixed]) label{top:0;left:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-form-label);color:var(--bl-color-content-secondary);padding:0}.dirty:invalid ~ label{color:var(--bl-color-danger)}.invalid-text,.help-text{font:var(--bl-font-title-4-regular);padding:var(--bl-size-3xs) var(--bl-input-padding-horizontal);margin:0}.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}.error-icon{color:var(--bl-color-danger)}.dirty:invalid ~ .invalid-text{display:block}.dirty:invalid ~ .help-text{display:none}.dirty:invalid ~ .error-icon{display:inline-block}.dirty:invalid ~ .custom-icon ~ .error-icon{display:none}.dirty:invalid ~ .custom-icon{--bl-input-icon-color:var(--bl-color-danger)}:host([size='large']){--bl-input-height:var(--bl-size-3xl);--bl-input-padding-vertical:var(--bl-size-xs);--bl-input-padding-horizontal:var(--bl-size-m)}`,z=C;var t=class extends h{constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.size="medium";this.disabled=!1;this.labelFixed=!1;this._dirty=!1}static get styles(){return[z]}reportValidity(){this._dirty=!0,this.input.checkValidity()}get dirty(){return this._dirty}get hasValue(){var i;return((i=this.input)==null?void 0:i.value.length)>0}get _invalidText(){var i;return this.customInvalidText||((i=this.input)==null?void 0:i.validationMessage)}get _invalidState(){var i;return this.input&&!((i=this.input)!=null&&i.validity.valid)}inputHandler(){var i;this.validity=(i=this.input)==null?void 0:i.validity,this.value=this.input.value,this.onInput(this.input.value)}changeHandler(){this._dirty=!0,this.onChange(this.input.value)}firstUpdated(){var i;this.validity=(i=this.input)==null?void 0:i.validity,this._invalidState&&this.requestUpdate()}render(){let i=this._invalidState?n`<p class="invalid-text">${this._invalidText}</p>`:"",d=this.helpText?n`<p class="help-text">${this.helpText}</p>`:"",S=this.icon?n` <bl-icon class="custom-icon" name="${this.icon}"></bl-icon>`:"",E=this.label?n`<label>${this.label}</label>`:"",R={dirty:this.dirty,"has-icon":this.icon||this.dirty&&this._invalidState,"has-value":this.hasValue};return n`
+      <input
+        type=${this.type}
+        class=${$(R)}
+        .value=${A(this.value)}
+        placeholder="${s(this.placeholder)}"
+        minlength="${s(this.minlength)}"
+        maxlength="${s(this.maxlength)}"
+        min="${s(this.min)}"
+        max="${s(this.max)}"
+        ?required=${this.required}
+        ?disabled=${this.disabled}
+        @change=${this.changeHandler}
+        @input=${this.inputHandler}
+      />
+      ${E} ${S}
+      <bl-icon class="error-icon" name="alert"></bl-icon>
+      ${i} ${d}
+    `}};e([y("input")],t.prototype,"input",2),e([l({})],t.prototype,"type",2),e([l({})],t.prototype,"label",2),e([l({})],t.prototype,"placeholder",2),e([l()],t.prototype,"value",2),e([l({type:Boolean})],t.prototype,"required",2),e([l({type:Number})],t.prototype,"minlength",2),e([l({type:Number})],t.prototype,"maxlength",2),e([l({type:Number})],t.prototype,"min",2),e([l({type:Number})],t.prototype,"max",2),e([l({type:String})],t.prototype,"icon",2),e([l({type:String,reflect:!0})],t.prototype,"size",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({type:Boolean,attribute:"label-fixed"})],t.prototype,"labelFixed",2),e([l({type:String,attribute:"invalid-text"})],t.prototype,"customInvalidText",2),e([l({type:String,attribute:"help-text"})],t.prototype,"helpText",2),e([c("bl-change")],t.prototype,"onChange",2),e([c("bl-input")],t.prototype,"onInput",2),e([g()],t.prototype,"_dirty",2),t=e([m("bl-input")],t);export{t as a};
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk-VX2FHEEO.js.map

package/dist/chunk-VX2FHEEO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/lit-html/src/directive-helpers.ts", "../node_modules/lit-html/src/directives/live.ts", "../src/components/input/bl-input.css", "../src/components/input/bl-input.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {_$LH, Part, DirectiveParent, TemplateResult} from './lit-html.js';\nimport {\n  DirectiveResult,\n  DirectiveClass,\n  PartInfo,\n  AttributePartInfo,\n} from './directive.js';\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\n\nconst {_ChildPart: ChildPart} = _$LH;\n\ntype ChildPart = InstanceType<typeof ChildPart>;\n\nconst ENABLE_SHADYDOM_NOPATCH = true;\n\nconst wrap =\n  ENABLE_SHADYDOM_NOPATCH &&\n  window.ShadyDOM?.inUse &&\n  window.ShadyDOM?.noPatch === true\n    ? window.ShadyDOM!.wrap\n    : (node: Node) => node;\n\n/**\n * Tests if a value is a primitive value.\n *\n * See https://tc39.github.io/ecma262/#sec-typeof-operator\n */\nexport const isPrimitive = (value: unknown): value is Primitive =>\n  value === null || (typeof value != 'object' && typeof value != 'function');\n\nexport const TemplateResultType = {\n  HTML: 1,\n  SVG: 2,\n} as const;\n\nexport type TemplateResultType =\n  typeof TemplateResultType[keyof typeof TemplateResultType];\n\n/**\n * Tests if a value is a TemplateResult.\n */\nexport const isTemplateResult = (\n  value: unknown,\n  type?: TemplateResultType\n): value is TemplateResult =>\n  type === undefined\n    ? // This property needs to remain unminified.\n      (value as TemplateResult)?.['_$litType$'] !== undefined\n    : (value as TemplateResult)?.['_$litType$'] === type;\n\n/**\n * Tests if a value is a DirectiveResult.\n */\nexport const isDirectiveResult = (value: unknown): value is DirectiveResult =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'] !== undefined;\n\n/**\n * Retrieves the Directive class for a DirectiveResult\n */\nexport const getDirectiveClass = (value: unknown): DirectiveClass | undefined =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'];\n\n/**\n * Tests whether a part has only a single-expression with no strings to\n * interpolate between.\n *\n * Only AttributePart and PropertyPart can have multiple expressions.\n * Multi-expression parts have a `strings` property and single-expression\n * parts do not.\n */\nexport const isSingleExpression = (part: PartInfo) =>\n  (part as AttributePartInfo).strings === undefined;\n\nconst createMarker = () => document.createComment('');\n\n/**\n * Inserts a ChildPart into the given container ChildPart's DOM, either at the\n * end of the container ChildPart, or before the optional `refPart`.\n *\n * This does not add the part to the containerPart's committed value. That must\n * be done by callers.\n *\n * @param containerPart Part within which to add the new ChildPart\n * @param refPart Part before which to add the new ChildPart; when omitted the\n *     part added to the end of the `containerPart`\n * @param part Part to insert, or undefined to create a new part\n */\nexport const insertPart = (\n  containerPart: ChildPart,\n  refPart?: ChildPart,\n  part?: ChildPart\n): ChildPart => {\n  const container = wrap(containerPart._$startNode).parentNode!;\n\n  const refNode =\n    refPart === undefined ? containerPart._$endNode : refPart._$startNode;\n\n  if (part === undefined) {\n    const startNode = wrap(container).insertBefore(createMarker(), refNode);\n    const endNode = wrap(container).insertBefore(createMarker(), refNode);\n    part = new ChildPart(\n      startNode,\n      endNode,\n      containerPart,\n      containerPart.options\n    );\n  } else {\n    const endNode = wrap(part._$endNode!).nextSibling;\n    const oldParent = part._$parent;\n    const parentChanged = oldParent !== containerPart;\n    if (parentChanged) {\n      part._$reparentDisconnectables?.(containerPart);\n      // Note that although `_$reparentDisconnectables` updates the part's\n      // `_$parent` reference after unlinking from its current parent, that\n      // method only exists if Disconnectables are present, so we need to\n      // unconditionally set it here\n      part._$parent = containerPart;\n      // Since the _$isConnected getter is somewhat costly, only\n      // read it once we know the subtree has directives that need\n      // to be notified\n      let newConnectionState;\n      if (\n        part._$notifyConnectionChanged !== undefined &&\n        (newConnectionState = containerPart._$isConnected) !==\n          oldParent!._$isConnected\n      ) {\n        part._$notifyConnectionChanged(newConnectionState);\n      }\n    }\n    if (endNode !== refNode || parentChanged) {\n      let start: Node | null = part._$startNode;\n      while (start !== endNode) {\n        const n: Node | null = wrap(start!).nextSibling;\n        wrap(container).insertBefore(start!, refNode);\n        start = n;\n      }\n    }\n  }\n\n  return part;\n};\n\n/**\n * Sets the value of a Part.\n *\n * Note that this should only be used to set/update the value of user-created\n * parts (i.e. those created using `insertPart`); it should not be used\n * by directives to set the value of the directive's container part. Directives\n * should return a value from `update`/`render` to update their part state.\n *\n * For directives that require setting their part value asynchronously, they\n * should extend `AsyncDirective` and call `this.setValue()`.\n *\n * @param part Part to set\n * @param value Value to set\n * @param index For `AttributePart`s, the index to set\n * @param directiveParent Used internally; should not be set by user\n */\nexport const setChildPartValue = <T extends ChildPart>(\n  part: T,\n  value: unknown,\n  directiveParent: DirectiveParent = part\n): T => {\n  part._$setValue(value, directiveParent);\n  return part;\n};\n\n// A sentinal value that can never appear as a part value except when set by\n// live(). Used to force a dirty-check to fail and cause a re-render.\nconst RESET_VALUE = {};\n\n/**\n * Sets the committed value of a ChildPart directly without triggering the\n * commit stage of the part.\n *\n * This is useful in cases where a directive needs to update the part such\n * that the next update detects a value change or not. When value is omitted,\n * the next update will be guaranteed to be detected as a change.\n *\n * @param part\n * @param value\n */\nexport const setCommittedValue = (part: Part, value: unknown = RESET_VALUE) =>\n  (part._$committedValue = value);\n\n/**\n * Returns the committed value of a ChildPart.\n *\n * The committed value is used for change detection and efficient updates of\n * the part. It can differ from the value set by the template or directive in\n * cases where the template value is transformed before being commited.\n *\n * - `TemplateResult`s are committed as a `TemplateInstance`\n * - Iterables are committed as `Array<ChildPart>`\n * - All other types are committed as the template value or value returned or\n *   set by a directive.\n *\n * @param part\n */\nexport const getCommittedValue = (part: ChildPart) => part._$committedValue;\n\n/**\n * Removes a ChildPart from the DOM, including any of its content.\n *\n * @param part The Part to remove\n */\nexport const removePart = (part: ChildPart) => {\n  part._$notifyConnectionChanged?.(false, true);\n  let start: ChildNode | null = part._$startNode;\n  const end: ChildNode | null = wrap(part._$endNode!).nextSibling;\n  while (start !== end) {\n    const n: ChildNode | null = wrap(start!).nextSibling;\n    (wrap(start!) as ChildNode).remove();\n    start = n;\n  }\n};\n\nexport const clearPart = (part: ChildPart) => {\n  part._$clear();\n};\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange, nothing} from '../lit-html.js';\nimport {\n  directive,\n  Directive,\n  DirectiveParameters,\n  PartInfo,\n  PartType,\n} from '../directive.js';\nimport {isSingleExpression, setCommittedValue} from '../directive-helpers.js';\n\nclass LiveDirective extends Directive {\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (\n      !(\n        partInfo.type === PartType.PROPERTY ||\n        partInfo.type === PartType.ATTRIBUTE ||\n        partInfo.type === PartType.BOOLEAN_ATTRIBUTE\n      )\n    ) {\n      throw new Error(\n        'The `live` directive is not allowed on child or event bindings'\n      );\n    }\n    if (!isSingleExpression(partInfo)) {\n      throw new Error('`live` bindings can only contain a single expression');\n    }\n  }\n\n  render(value: unknown) {\n    return value;\n  }\n\n  override update(part: AttributePart, [value]: DirectiveParameters<this>) {\n    if (value === noChange || value === nothing) {\n      return value;\n    }\n    const element = part.element;\n    const name = part.name;\n\n    if (part.type === PartType.PROPERTY) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (value === (element as any)[name]) {\n        return noChange;\n      }\n    } else if (part.type === PartType.BOOLEAN_ATTRIBUTE) {\n      if (!!value === element.hasAttribute(name)) {\n        return noChange;\n      }\n    } else if (part.type === PartType.ATTRIBUTE) {\n      if (element.getAttribute(name) === String(value)) {\n        return noChange;\n      }\n    }\n    // Resets the part's value, causing its dirty-check to fail so that it\n    // always sets the value.\n    setCommittedValue(part);\n    return value;\n  }\n}\n\n/**\n * Checks binding values against live DOM values, instead of previously bound\n * values, when determining whether to update the value.\n *\n * This is useful for cases where the DOM value may change from outside of\n * lit-html, such as with a binding to an `<input>` element's `value` property,\n * a content editable elements text, or to a custom element that changes it's\n * own properties or attributes.\n *\n * In these cases if the DOM value changes, but the value set through lit-html\n * bindings hasn't, lit-html won't know to update the DOM value and will leave\n * it alone. If this is not what you want--if you want to overwrite the DOM\n * value with the bound value no matter what--use the `live()` directive:\n *\n * ```js\n * html`<input .value=${live(x)}>`\n * ```\n *\n * `live()` performs a strict equality check agains the live DOM value, and if\n * the new value is equal to the live value, does nothing. This means that\n * `live()` should not be used when the binding will cause a type conversion. If\n * you use `live()` with an attribute binding, make sure that only strings are\n * passed in, or the binding will update every render.\n */\nexport const live = directive(LiveDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {LiveDirective};\n", "import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;width:200px;position:relative;--bl-input-padding-vertical:var(--bl-size-2xs);--bl-input-padding-horizontal:var(--bl-size-xs);--bl-input-border-color:var(--bl-color-border);--bl-input-icon-color:var(--bl-color-content-tertiary);--bl-input-text-color:var(--bl-color-content-primary);--bl-input-height:var(--bl-size-2xl)}input{outline:0;box-sizing:border-box;height:var(--bl-input-height);border:solid 1px var(--bl-input-border-color);width:100%;font:var(--bl-font-title-3-regular);padding:0 var(--bl-input-padding-horizontal);margin:0;border-radius:4px;color:var(--bl-input-text-color)}bl-icon{position:absolute;top:var(--bl-input-padding-vertical);right:var(--bl-input-padding-horizontal);font-size:var(--bl-size-m);z-index:1;color:var(--bl-input-icon-color)}input:focus{--bl-input-border-color:var(--bl-color-primary)}:host([label-fixed]) bl-icon{top:calc(var(--bl-input-padding-vertical) + var(--bl-size-m))}input:focus ~ bl-icon{--bl-input-icon-color:var(--bl-color-primary)}:host ::placeholder{color:var(--bl-color-content-tertiary)}:host([label]) ::placeholder{color:transparent;transition:color ease-out .4s}:host input:focus::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-content-tertiary)}input:disabled{background-color:var(--bl-color-primary-background);--bl-input-text-color:var(--bl-color-content-tertiary)}input.dirty:invalid{--bl-input-border-color:var(--bl-color-danger)}input.has-icon{padding-right:calc(var(--bl-size-xs) * 2 + var(--bl-size-m))}.error-icon,.invalid-text{display:none}label{position:absolute;top:var(--bl-input-padding-vertical);left:var(--bl-input-padding-horizontal);transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);color:var(--bl-color-content-tertiary);padding:0}:where(input:focus,input.has-value) ~ label{top:0;left:var(--bl-size-2xs);transform:translateY(-50%);font:var(--bl-font-form-label);color:var(--bl-color-content-secondary);padding:0 var(--bl-size-3xs);background-color:var(--bl-color-primary-background);pointer-events:initial}:host([label-fixed]){padding-top:var(--bl-size-m)}:host([label-fixed]) label{top:0;left:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-form-label);color:var(--bl-color-content-secondary);padding:0}.dirty:invalid ~ label{color:var(--bl-color-danger)}.invalid-text,.help-text{font:var(--bl-font-title-4-regular);padding:var(--bl-size-3xs) var(--bl-input-padding-horizontal);margin:0}.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}.error-icon{color:var(--bl-color-danger)}.dirty:invalid ~ .invalid-text{display:block}.dirty:invalid ~ .help-text{display:none}.dirty:invalid ~ .error-icon{display:inline-block}.dirty:invalid ~ .custom-icon ~ .error-icon{display:none}.dirty:invalid ~ .custom-icon{--bl-input-icon-color:var(--bl-color-danger)}:host([size='large']){--bl-input-height:var(--bl-size-3xl);--bl-input-padding-vertical:var(--bl-size-xs);--bl-input-padding-horizontal:var(--bl-size-m)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../icon/bl-icon';\n\nimport style from './bl-input.css';\n\nexport type InputSize = 'medium' | 'large';\n/**\n * @tag bl-input\n * @summary Baklava Input component\n */\n@customElement('bl-input')\nexport default class BlInput extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  @query('input') private input: HTMLInputElement;\n\n  /**\n   * Type of the input. It's used to set `type` attribute of native input inside. Only `text` and `number` is supported for now.\n   */\n  @property({})\n  type: 'text' | 'number' = 'text';\n\n  /**\n   * Sets label of the input\n   */\n  @property({})\n  label?: string;\n\n  /**\n   * Sets placeholder of the input\n   */\n  @property({})\n  placeholder?: string;\n\n  /**\n   * Sets initial value of the input\n   */\n  @property()\n  value = '';\n\n  /**\n   * Makes input a mandatory field\n   */\n  @property({ type: Boolean })\n  required = false;\n\n  /**\n   * Sets minimum length of the input\n   */\n  @property({ type: Number })\n  minlength?: number;\n\n  /**\n   * Sets maximum length of the input\n   */\n  @property({ type: Number })\n  maxlength?: number;\n\n  /**\n   * Sets the smallest number can be entered to a `number` input\n   */\n  @property({ type: Number })\n  min?: number;\n\n  /**\n   * Sets the biggest number can be entered to a `number` input\n   */\n  @property({ type: Number })\n  max?: number;\n\n  /**\n   * Sets the custom icon name. `bl-icon` component is used to show an icon\n   */\n  @property({ type: String })\n  icon?: string;\n\n  /**\n   * Sets input size.\n   */\n  @property({ type: String, reflect: true })\n  size?: InputSize = 'medium';\n\n  /**\n   * Disables the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Makes label as fixed positioned\n   */\n  @property({ type: Boolean, attribute: 'label-fixed' })\n  labelFixed = false;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: 'invalid-text' })\n  customInvalidText?: string;\n\n  /**\n   * Adds help text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText?: string;\n\n  /**\n   * Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.\n   */\n  @event('bl-change') private onChange: EventDispatcher<string>;\n\n  /**\n   * Fires when the value of an input element has been changed.\n   */\n  @event('bl-input') private onInput: EventDispatcher<string>;\n\n  /**\n   * Current validity state of input\n   */\n  validity: ValidityState;\n\n  /**\n   * Runs input validation\n   */\n  reportValidity() {\n    this._dirty = true;\n    this.input.checkValidity();\n  }\n\n  @state() private _dirty = false;\n\n  private get dirty(): boolean {\n    return this._dirty;\n  }\n\n  private get hasValue(): boolean {\n    return this.input?.value.length > 0;\n  }\n\n  private get _invalidText() {\n    return this.customInvalidText || this.input?.validationMessage;\n  }\n\n  private get _invalidState() {\n    return this.input && !this.input?.validity.valid;\n  }\n\n  private inputHandler() {\n    this.validity = this.input?.validity;\n    this.value = this.input.value;\n    this.onInput(this.input.value);\n  }\n\n  private changeHandler() {\n    this._dirty = true;\n    this.onChange(this.input.value);\n  }\n\n  firstUpdated() {\n    this.validity = this.input?.validity;\n    if (this._invalidState) {\n      this.requestUpdate();\n    }\n  }\n\n  render(): TemplateResult {\n    const invalidMessage = this._invalidState\n      ? html`<p class=\"invalid-text\">${this._invalidText}</p>`\n      : ``;\n    const helpMessage = this.helpText ? html`<p class=\"help-text\">${this.helpText}</p>` : ``;\n    const icon = this.icon\n      ? html` <bl-icon class=\"custom-icon\" name=\"${this.icon}\"></bl-icon>`\n      : '';\n    const label = this.label ? html`<label>${this.label}</label>` : '';\n\n    const classes = {\n      'dirty': this.dirty,\n      'has-icon': this.icon || (this.dirty && this._invalidState),\n      'has-value': this.hasValue,\n    };\n\n    return html`\n      <input\n        type=${this.type}\n        class=${classMap(classes)}\n        .value=${live(this.value)}\n        placeholder=\"${ifDefined(this.placeholder)}\"\n        minlength=\"${ifDefined(this.minlength)}\"\n        maxlength=\"${ifDefined(this.maxlength)}\"\n        min=\"${ifDefined(this.min)}\"\n        max=\"${ifDefined(this.max)}\"\n        ?required=${this.required}\n        ?disabled=${this.disabled}\n        @change=${this.changeHandler}\n        @input=${this.inputHandler}\n      />\n      ${label} ${icon}\n      <bl-icon class=\"error-icon\" name=\"alert\"></bl-icon>\n      ${invalidMessage} ${helpMessage}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-input': BlInput;\n  }\n}\n"],
+  "mappings": "6TAeA,GAAA,CAAOA,EAAYC,CAAAA,EAAaC,EAAhC,IA+DaC,EAAsBC,GAChCA,EAA2BC,UADKD,OA/DnC,IAkKME,EAAc,CAAA,EAaPC,EAAoB,CAACC,EAAYC,EAAiBH,IAC5DE,EAAKE,KAAmBD,MCpGdE,EAAOC,EA3EpB,cAA4BC,CAAAA,CAC1BC,YAAYC,EAAAA,CAEV,GADAC,MAAMD,CAAAA,EAGFA,EAASE,OAASC,EAASC,UAC3BJ,EAASE,OAASC,EAASE,WAC3BL,EAASE,OAASC,EAASG,kBAG7B,MAAUC,MACR,gEAAA,EAGJ,GAAA,CAAKC,EAAmBR,CAAAA,EACtB,MAAUO,MAAM,sDAAA,CAAA,CAIpBE,OAAOC,EAAAA,CACL,OAAOA,CAAAA,CAGAC,OAAOC,EAAAA,CAAsBF,CAAAA,EAAAA,CACpC,GAAIA,IAAUG,GAAYH,IAAUI,EAClC,OAAOJ,EAET,IAAMK,EAAUH,EAAKG,QACfC,EAAOJ,EAAKI,KAElB,GAAIJ,EAAKV,OAASC,EAASC,UAEzB,GAAIM,IAAWK,EAAgBC,GAC7B,OAAOH,UAEAD,EAAKV,OAASC,EAASG,mBAChC,GAAA,CAAA,CAAMI,IAAUK,EAAQE,aAAaD,CAAAA,EACnC,OAAOH,UAEAD,EAAKV,OAASC,EAASE,WAC5BU,EAAQG,aAAaF,CAAAA,IAAiBN,EAAPS,GACjC,OAAON,EAMX,OADAO,EAAkBR,CAAAA,EACXF,CAAAA,CAAAA,CAAAA,EC9DJ,IAAMW,EAASC,k9FACfC,EAAQF,ECcf,IAAqBG,EAArB,cAAqCC,CAAW,CAAhD,kCAWE,UAA0B,OAkB1B,WAAQ,GAMR,cAAW,GAoCX,UAAmB,SAMnB,cAAW,GAMX,gBAAa,GAqCJ,KAAQ,OAAS,GAvH1B,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAgHA,gBAAiB,CACf,KAAK,OAAS,GACd,KAAK,MAAM,cAAc,CAC3B,CAIA,IAAY,OAAiB,CAC3B,OAAO,KAAK,MACd,CAEA,IAAY,UAAoB,CA9IlC,IAAAC,EA+II,QAAOA,EAAA,KAAK,QAAL,YAAAA,EAAY,MAAM,QAAS,CACpC,CAEA,IAAY,cAAe,CAlJ7B,IAAAA,EAmJI,OAAO,KAAK,qBAAqBA,EAAA,KAAK,QAAL,YAAAA,EAAY,kBAC/C,CAEA,IAAY,eAAgB,CAtJ9B,IAAAA,EAuJI,OAAO,KAAK,OAAS,GAACA,EAAA,KAAK,QAAL,MAAAA,EAAY,SAAS,MAC7C,CAEQ,cAAe,CA1JzB,IAAAA,EA2JI,KAAK,UAAWA,EAAA,KAAK,QAAL,YAAAA,EAAY,SAC5B,KAAK,MAAQ,KAAK,MAAM,MACxB,KAAK,QAAQ,KAAK,MAAM,KAAK,CAC/B,CAEQ,eAAgB,CACtB,KAAK,OAAS,GACd,KAAK,SAAS,KAAK,MAAM,KAAK,CAChC,CAEA,cAAe,CArKjB,IAAAA,EAsKI,KAAK,UAAWA,EAAA,KAAK,QAAL,YAAAA,EAAY,SACxB,KAAK,eACP,KAAK,cAAc,CAEvB,CAEA,QAAyB,CACvB,IAAMC,EAAiB,KAAK,cACxBC,4BAA+B,KAAK,mBACpC,GACEC,EAAc,KAAK,SAAWD,yBAA4B,KAAK,eAAiB,GAChFE,EAAO,KAAK,KACdF,wCAA2C,KAAK,mBAChD,GACEG,EAAQ,KAAK,MAAQH,WAAc,KAAK,gBAAkB,GAE1DI,EAAU,CACd,MAAS,KAAK,MACd,WAAY,KAAK,MAAS,KAAK,OAAS,KAAK,cAC7C,YAAa,KAAK,QACpB,EAEA,OAAOJ;AAAA;AAAA,eAEI,KAAK;AAAA,gBACJK,EAASD,CAAO;AAAA,iBACfE,EAAK,KAAK,KAAK;AAAA,uBACTA,EAAU,KAAK,WAAW;AAAA,qBAC5BA,EAAU,KAAK,SAAS;AAAA,qBACxBA,EAAU,KAAK,SAAS;AAAA,eAC9BA,EAAU,KAAK,GAAG;AAAA,eAClBA,EAAU,KAAK,GAAG;AAAA,oBACb,KAAK;AAAA,oBACL,KAAK;AAAA,kBACP,KAAK;AAAA,iBACN,KAAK;AAAA;AAAA,QAEdH,KAASD;AAAA;AAAA,QAETH,KAAkBE;AAAA,KAExB,CACF,EA3L0BM,EAAA,CAAvBC,EAAM,OAAO,GALKb,EAKK,qBAMxBY,EAAA,CADCE,EAAS,CAAC,CAAC,GAVOd,EAWnB,oBAMAY,EAAA,CADCE,EAAS,CAAC,CAAC,GAhBOd,EAiBnB,qBAMAY,EAAA,CADCE,EAAS,CAAC,CAAC,GAtBOd,EAuBnB,2BAMAY,EAAA,CADCE,EAAS,GA5BSd,EA6BnB,qBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,CAAC,GAlCRd,EAmCnB,wBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GAxCPd,EAyCnB,yBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GA9CPd,EA+CnB,yBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GApDPd,EAqDnB,mBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GA1DPd,EA2DnB,mBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GAhEPd,EAiEnB,oBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAtEtBd,EAuEnB,oBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA5EvBd,EA6EnB,wBAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,QAAS,UAAW,aAAc,CAAC,GAlFlCd,EAmFnB,0BAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,CAAC,GAxFlCd,EAyFnB,iCAMAY,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,UAAW,WAAY,CAAC,GA9F/Bd,EA+FnB,wBAK4BY,EAAA,CAA3BG,EAAM,WAAW,GApGCf,EAoGS,wBAKDY,EAAA,CAA1BG,EAAM,UAAU,GAzGEf,EAyGQ,uBAeVY,EAAA,CAAhBI,EAAM,GAxHYhB,EAwHF,sBAxHEA,EAArBY,EAAA,CADCK,EAAc,UAAU,GACJjB",
+  "names": ["_ChildPart", "ChildPart", "_$LH", "isSingleExpression", "part", "strings", "RESET_VALUE", "setCommittedValue", "part", "value", "_$committedValue", "live", "directive", "Directive", "constructor", "partInfo", "super", "type", "PartType", "PROPERTY", "ATTRIBUTE", "BOOLEAN_ATTRIBUTE", "Error", "isSingleExpression", "render", "value", "update", "part", "noChange", "nothing", "element", "name", "hasAttribute", "getAttribute", "String", "setCommittedValue", "styles", "r", "bl_input_default", "BlInput", "s", "bl_input_default", "_a", "invalidMessage", "$", "helpMessage", "icon", "label", "classes", "o", "l", "__decorateClass", "i", "e", "event", "t", "n"]
+}

package/dist/{chunk-HLQIZBQW.js → chunk-W53DEGK2.js}

@@ -1,7 +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};
+import{a as d,b as h,c as l}from"./chunk-72IJCTLJ.js";import{c as a}from"./chunk-S7TTXZFP.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
+//# sourceMappingURL=chunk-W53DEGK2.js.map

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

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-AS43M6VT.js";import"../../chunk-E2DT737L.js";import"../../chunk-W53DEGK2.js";import"../../chunk-SJW4HPSY.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-S7TTXZFP.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+//# sourceMappingURL=bl-alert.js.map

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

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

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

@@ -1,2 +1,2 @@
-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};
+import{a}from"../../chunk-E6WXDMOY.js";import"../../chunk-SJW4HPSY.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-S7TTXZFP.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-RSHPTQX4.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};
+import{a}from"../../chunk-DT3I7BV7.js";import"../../chunk-E2DT737L.js";import"../../chunk-W53DEGK2.js";import"../../chunk-SJW4HPSY.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-S7TTXZFP.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-DGRXEOW7.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-BEHH5JPC.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{c as a}from"../../chunk-SJW4HPSY.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-S7TTXZFP.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-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};
+import{a}from"../../chunk-VX2FHEEO.js";import"../../chunk-E2DT737L.js";import"../../chunk-W53DEGK2.js";import"../../chunk-SJW4HPSY.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-S7TTXZFP.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-input.js.map

package/dist/components/progress-indicator/bl-progress-indicator.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-AMTKE3PJ.js";import"../../chunk-BEHH5JPC.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-DJNJ4CN4.js";import"../../chunk-S7TTXZFP.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-progress-indicator.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-BVALTOFF.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};
+import{a}from"../../chunk-RLRHLKBD.js";import"../../chunk-W53DEGK2.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-S7TTXZFP.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-tooltip.js.map

package/dist/custom-elements.json

@@ -2,6 +2,104 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/components/alert/bl-alert.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BlAlert",
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<boolean>"
+              },
+              "description": "Fires when close button clicked.",
+              "name": "bl-close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "AlertVariant"
+              },
+              "default": "'info'",
+              "description": "Sets alert variant",
+              "fieldName": "variant"
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "'string' | undefined"
+              },
+              "description": "Sets alert description",
+              "fieldName": "description"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "boolean | string | undefined"
+              },
+              "description": "Allows to customize alert icon",
+              "fieldName": "icon"
+            },
+            {
+              "name": "closable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays a close button.",
+              "fieldName": "closable"
+            },
+            {
+              "name": "caption",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sets alert caption.",
+              "fieldName": "caption"
+            },
+            {
+              "name": "closed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets alert components display state.",
+              "fieldName": "closed"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bl-alert",
+          "summary": "Baklava Alert component",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "BlAlert",
+            "module": "src/components/alert/bl-alert.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bl-alert",
+          "declaration": {
+            "name": "BlAlert",
+            "module": "src/components/alert/bl-alert.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/badge/bl-badge.ts",
@@ -314,8 +412,9 @@
             {
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "''",
               "description": "Sets initial value of the input",
               "fieldName": "value"
             },

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: #3469ff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #5e2eff;--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-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-font-display-1: var(--bl-font-weight-bold) var(--bl-font-size-6xl) var(--bl-font-family);--bl-font-display-2: var(--bl-font-size-5xl) var(--bl-font-family);--bl-font-display-2-light: var(--bl-font-weight-light) var(--bl-font-display-2);--bl-font-display-2-regular: var(--bl-font-weight-regular) var(--bl-font-display-2);--bl-font-display-2-medium: var(--bl-font-weight-medium) var(--bl-font-display-2);--bl-font-display-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-display-2);--bl-font-display-2-bold: var(--bl-font-weight-bold) var(--bl-font-display-2);--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-form-label: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family);--bl-font-caption-small-text: var(--bl-font-weight-bold) var(--bl-font-size-2xs) var(--bl-font-family);--bl-font-caption-text: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);--bl-font-caption-medium: var(--bl-font-weight-medium) var(--bl-font-size-s) var(--bl-font-family);--bl-font-caption-long-text: var(--bl-font-weight-regular) var(--bl-font-size-s) 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: #3469ff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #5e2eff;--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-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-1: var(--bl-font-weight-bold) var(--bl-font-size-6xl) var(--bl-font-family);--bl-font-display-2: var(--bl-font-size-5xl) var(--bl-font-family);--bl-font-display-2-light: var(--bl-font-weight-light) var(--bl-font-display-2);--bl-font-display-2-regular: var(--bl-font-weight-regular) var(--bl-font-display-2);--bl-font-display-2-medium: var(--bl-font-weight-medium) var(--bl-font-display-2);--bl-font-display-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-display-2);--bl-font-display-2-bold: var(--bl-font-weight-bold) var(--bl-font-display-2);--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-form-label: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family);--bl-font-caption-small-text: var(--bl-font-weight-bold) var(--bl-font-size-2xs) var(--bl-font-family);--bl-font-caption-text: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);--bl-font-caption-medium: var(--bl-font-weight-medium) var(--bl-font-size-s) var(--bl-font-family);--bl-font-caption-long-text: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family)}:not(:defined){visibility:hidden}
 /*# 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: #3469ff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #5e2eff;\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-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  /* Font Style: Display 1 */\n  --bl-font-display-1: var(--bl-font-weight-bold) var(--bl-font-size-6xl) var(--bl-font-family);\n\n  /* Font Style: Display 2 */\n  --bl-font-display-2: var(--bl-font-size-5xl) var(--bl-font-family);\n  --bl-font-display-2-light: var(--bl-font-weight-light) var(--bl-font-display-2);\n  --bl-font-display-2-regular: var(--bl-font-weight-regular) var(--bl-font-display-2);\n  --bl-font-display-2-medium: var(--bl-font-weight-medium) var(--bl-font-display-2);\n  --bl-font-display-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-display-2);\n  --bl-font-display-2-bold: var(--bl-font-weight-bold) var(--bl-font-display-2);\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: Form Label */\n  --bl-font-form-label: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family);\n\n  /* Font Style: Caption */\n  --bl-font-caption-small-text: var(--bl-font-weight-bold) var(--bl-font-size-2xs)\n    var(--bl-font-family);\n  --bl-font-caption-text: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);\n  --bl-font-caption-medium: var(--bl-font-weight-medium) var(--bl-font-size-s) var(--bl-font-family);\n  --bl-font-caption-long-text: var(--bl-font-weight-regular) var(--bl-font-size-s)\n    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,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,8FAGA,mEACA,gFACA,oFACA,kFACA,sFACA,8EAGA,gEACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,gGAGA,uGAEA,kGACA,mGACA,uGAKF,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: #3469ff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #5e2eff;\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-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 1 */\n  --bl-font-display-1: var(--bl-font-weight-bold) var(--bl-font-size-6xl) var(--bl-font-family);\n\n  /* Font Style: Display 2 */\n  --bl-font-display-2: var(--bl-font-size-5xl) var(--bl-font-family);\n  --bl-font-display-2-light: var(--bl-font-weight-light) var(--bl-font-display-2);\n  --bl-font-display-2-regular: var(--bl-font-weight-regular) var(--bl-font-display-2);\n  --bl-font-display-2-medium: var(--bl-font-weight-medium) var(--bl-font-display-2);\n  --bl-font-display-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-display-2);\n  --bl-font-display-2-bold: var(--bl-font-weight-bold) var(--bl-font-display-2);\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: Form Label */\n  --bl-font-form-label: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family);\n\n  /* Font Style: Caption */\n  --bl-font-caption-small-text: var(--bl-font-weight-bold) var(--bl-font-size-2xs)\n    var(--bl-font-family);\n  --bl-font-caption-text: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);\n  --bl-font-caption-medium: var(--bl-font-weight-medium) var(--bl-font-size-s) var(--bl-font-family);\n  --bl-font-caption-long-text: var(--bl-font-weight-regular) var(--bl-font-size-s)\n    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,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,8FAGA,mEACA,gFACA,oFACA,kFACA,sFACA,8EAGA,gEACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,gGAGA,uGAEA,kGACA,mGACA,uGAKF,eACE",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.22",
+  "version": "2.0.0-beta.25",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",
@@ -28,13 +28,12 @@
     "serve": "node scripts/build.js --serve",
     "storybook:dev": "start-storybook -p 1994",
     "lint": "npm-run-all -s lint:*",
-    "lint:eslint": "eslint .",
     "lint:tsc": "tsc --noEmit",
-    "lint:prettier": "prettier --check src/",
-    "lint:style": "stylelint --fix src/components/**/*.css",
+    "lint:eslint": "eslint .",
+    "lint:style": "stylelint src/**/*.css",
     "format": "npm-run-all -s format:*",
     "format:code": "eslint --fix ./src && prettier --write ./src",
-    "fix": "npm run fmt && npm run lint",
+    "fix": "npm run format && npm run lint",
     "chromatic": "npx chromatic --only-changed --project-token 14b660c71183 --force-rebuild",
     "ci": "rm -rf node_modules && npm install --frozen-lockfile",
     "clean": "npm-run-all -s clean:*",
@@ -60,8 +59,6 @@
     "@floating-ui/dom": "^0.5.4",
     "@fontsource/rubik": "^4.5.9",
     "@lit-labs/react": "^1.0.7",
-    "@rollup/plugin-replace": "^4.0.0",
-    "@types/estree": "0.0.47",
     "lit": "^2.2.3"
   },
   "engines": {
@@ -73,16 +70,19 @@
     "@commitlint/prompt-cli": "^16.2.4",
     "@custom-elements-manifest/analyzer": "^0.6.3",
     "@open-wc/testing": "^3.1.6",
+    "@rollup/plugin-replace": "^4.0.0",
     "@storybook/addon-a11y": "6.5.9",
     "@storybook/addon-actions": "6.5.9",
     "@storybook/addon-essentials": "6.5.9",
     "@storybook/addon-interactions": "^6.5.9",
     "@storybook/addon-links": "6.5.9",
     "@storybook/addon-storysource": "6.5.9",
+    "@storybook/addon-viewport": "^6.5.10",
     "@storybook/jest": "^0.0.10",
     "@storybook/storybook-deployer": "^2.8.11",
     "@storybook/testing-library": "^0.0.13",
     "@storybook/web-components": "6.5.9",
+    "@types/estree": "0.0.47",
     "@types/prettier": "^2.6.4",
     "@typescript-eslint/eslint-plugin": "^5.18.0",
     "@typescript-eslint/parser": "^5.18.0",
@@ -98,35 +98,20 @@
     "esbuild-plugin-lit-css": "^2.0.0",
     "eslint": "^8.12.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-storybook": "^0.5.12",
     "globby": "^13.1.1",
     "husky": "^7.0.4",
     "lint-staged": "^10.5.4",
     "minimist": "^1.2.6",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.13",
-    "postcss-lit": "^0.4.3",
     "prettier": "^2.0.4",
-    "rimraf": "^3.0.2",
     "rollup-plugin-lit-css": "^4.0.0",
     "storybook": "6.5.9",
-    "stylelint": "^14.6.1",
+    "stylelint": "^14.11.0",
     "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^25.0.0",
+    "stylelint-config-standard": "^28.0.0",
     "ts-lit-plugin": "^1.2.1",
     "typescript": "4.6.3",
     "wait-on": "^5.3.0"
   },
-  "lint-staged": {
-    "**/*.{js,,ts,}": [
-      "bash -c tsc --noEmit",
-      "npx prettier",
-      "npx eslint --fix"
-    ],
-    "**/*.{css,}": [
-      "npx stylelint --fix src/components/**/*.css"
-    ]
-  },
   "customElements": "dist/custom-elements.json"
 }

package/dist/chunk-4HMEMZY7.js

@@ -1,29 +0,0 @@
-import{a as i,b as r,e as n,f as c}from"./chunk-BEHH5JPC.js";import{a as l}from"./chunk-NZ3RGSR6.js";var o=i`.tabs {
-  background-color: var(--bl-color-primary-background);
-  border-bottom: var(--bl-size-4xs) solid var(--bl-color-secondary-background);
-  display: flex;
-  flex-direction: row;
-}
-
-.tabs-list {
-  overflow-x: scroll;
-
-  /* FIXME: use variables */
-  border-radius: 6px 6px 0 0;
-}
-
-.panels {
-  /* FIXME: use variables */
-  border-radius: 0 0 6px 6px;
-}
-`,d=o;var s=class extends n{constructor(){super(...arguments);this._connectedTabs=[];this._connectedPanels=[]}static get styles(){return[d]}get tabs(){return this._connectedTabs}get panels(){return this._connectedPanels}registerTab(e){let t=this._connectedTabs.filter(a=>!a.disabled).length===0&&!e.disabled;this._connectedTabs.push(e),(!e.disabled&&e.selected||t)&&(this.selectedTabName=e.name)}unregisterTab(e){var t;this._connectedTabs.splice(this._connectedTabs.indexOf(e),1),e.selected&&((t=this._connectedTabs.find(a=>!a.disabled))==null||t.select())}registerTabPanel(e){e.visible=e.tab===this.selectedTabName,this._connectedPanels.push(e)}unregisterTabPanel(e){this._connectedTabs.splice(this._connectedPanels.indexOf(e),1)}get selectedTabName(){return this._selectedTabName}set selectedTabName(e){this._selectedTabName=e,this._connectedTabs.forEach(t=>{t.selected=e===t.name}),this._connectedPanels.forEach(t=>{t.visible=t.tab===this._selectedTabName})}_handleTabSelected(e){this.selectedTabName=e.detail}render(){return r` <div class="container" @bl-tab-selected="${this._handleTabSelected}">
-      <div role="tablist" class="tabs-list">
-        <div class="tabs">
-          <slot name="tabs"></slot>
-        </div>
-      </div>
-      <div role="tabpanel" class="panels">
-        <slot></slot>
-      </div>
-    </div>`}};s=l([c("bl-tab-group")],s);export{s as a};
-//# sourceMappingURL=chunk-4HMEMZY7.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/tab-group/bl-tab-group.css", "../src/components/tab-group/bl-tab-group.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.tabs {\n  background-color: var(--bl-color-primary-background);\n  border-bottom: var(--bl-size-4xs) solid var(--bl-color-secondary-background);\n  display: flex;\n  flex-direction: row;\n}\n\n.tabs-list {\n  overflow-x: scroll;\n\n  /* FIXME: use variables */\n  border-radius: 6px 6px 0 0;\n}\n\n.panels {\n  /* FIXME: use variables */\n  border-radius: 0 0 6px 6px;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport style from './bl-tab-group.css';\nimport './tab-panel/bl-tab-panel';\nimport './tab/bl-tab';\nimport type BlTabPanel from './tab-panel/bl-tab-panel';\nimport type BlTab from './tab/bl-tab';\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\n@customElement('bl-tab-group')\nexport default class BlTabGroup extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private _connectedTabs: BlTab[] = [];\n  private _connectedPanels: BlTabPanel[] = [];\n\n  get tabs() {\n    return this._connectedTabs;\n  }\n\n  get panels() {\n    return this._connectedPanels;\n  }\n\n  /**\n   * This method is used by `tab` component to register them self to the tab group.\n   * @param tab BlTab reference to be registered\n   */\n  registerTab(tab: BlTab) {\n    const isFirstAndNotDisabled =\n      this._connectedTabs.filter(t => !t.disabled).length === 0 && !tab.disabled;\n    this._connectedTabs.push(tab);\n    if ((!tab.disabled && tab.selected) || isFirstAndNotDisabled) {\n      this.selectedTabName = tab.name;\n    }\n  }\n\n  /**\n   * This method is used by `tab` component to unregister them self to the tab group.\n   * @param tab BlTab reference to be unregistered\n   */\n  unregisterTab(tab: BlTab) {\n    this._connectedTabs.splice(this._connectedTabs.indexOf(tab), 1);\n    if (tab.selected) {\n      this._connectedTabs.find(t => !t.disabled)?.select();\n    }\n  }\n\n  /**\n   * This method is used by `tab-panel` component to register them self to the tab group.\n   * @param panel BlTabPanel reference to be registered\n   */\n  registerTabPanel(panel: BlTabPanel) {\n    panel.visible = panel.tab === this.selectedTabName;\n    this._connectedPanels.push(panel);\n  }\n\n  /**\n   * This method is used by `tab-panel` component to unregister them self to the tab group.\n   * @param panel BlTabPanel reference to be unregistered\n   */\n  unregisterTabPanel(panel: BlTabPanel) {\n    this._connectedTabs.splice(this._connectedPanels.indexOf(panel), 1);\n  }\n\n  private _selectedTabName: string;\n\n  get selectedTabName() {\n    return this._selectedTabName;\n  }\n\n  set selectedTabName(name: string) {\n    this._selectedTabName = name;\n    this._connectedTabs.forEach(t => {\n      t.selected = name === t.name;\n    });\n    this._connectedPanels.forEach(p => {\n      p.visible = p.tab === this._selectedTabName;\n    });\n  }\n\n  private _handleTabSelected(e: CustomEvent) {\n    this.selectedTabName = e.detail;\n  }\n\n  render(): TemplateResult {\n    return html` <div class=\"container\" @bl-tab-selected=\"${this._handleTabSelected}\">\n      <div role=\"tablist\" class=\"tabs-list\">\n        <div class=\"tabs\">\n          <slot name=\"tabs\"></slot>\n        </div>\n      </div>\n      <div role=\"tabpanel\" class=\"panels\">\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tab-group': BlTabGroup;\n  }\n}\n"],
-  "mappings": "qGACO,IAAMA,EAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBfC,EAAQF,ECPf,IAAqBG,EAArB,cAAwCC,CAAW,CAAnD,kCAKE,KAAQ,eAA0B,CAAC,EACnC,KAAQ,iBAAiC,CAAC,EAL1C,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAKA,IAAI,MAAO,CACT,OAAO,KAAK,cACd,CAEA,IAAI,QAAS,CACX,OAAO,KAAK,gBACd,CAMA,YAAYC,EAAY,CACtB,IAAMC,EACJ,KAAK,eAAe,OAAOC,GAAK,CAACA,EAAE,QAAQ,EAAE,SAAW,GAAK,CAACF,EAAI,SACpE,KAAK,eAAe,KAAKA,CAAG,GACvB,CAACA,EAAI,UAAYA,EAAI,UAAaC,KACrC,KAAK,gBAAkBD,EAAI,KAE/B,CAMA,cAAcA,EAAY,CA9C5B,IAAAG,EA+CI,KAAK,eAAe,OAAO,KAAK,eAAe,QAAQH,CAAG,EAAG,CAAC,EAC1DA,EAAI,YACNG,EAAA,KAAK,eAAe,KAAKD,GAAK,CAACA,EAAE,QAAQ,IAAzC,MAAAC,EAA4C,SAEhD,CAMA,iBAAiBC,EAAmB,CAClCA,EAAM,QAAUA,EAAM,MAAQ,KAAK,gBACnC,KAAK,iBAAiB,KAAKA,CAAK,CAClC,CAMA,mBAAmBA,EAAmB,CACpC,KAAK,eAAe,OAAO,KAAK,iBAAiB,QAAQA,CAAK,EAAG,CAAC,CACpE,CAIA,IAAI,iBAAkB,CACpB,OAAO,KAAK,gBACd,CAEA,IAAI,gBAAgBC,EAAc,CAChC,KAAK,iBAAmBA,EACxB,KAAK,eAAe,QAAQ,GAAK,CAC/B,EAAE,SAAWA,IAAS,EAAE,IAC1B,CAAC,EACD,KAAK,iBAAiB,QAAQC,GAAK,CACjCA,EAAE,QAAUA,EAAE,MAAQ,KAAK,gBAC7B,CAAC,CACH,CAEQ,mBAAmB,EAAgB,CACzC,KAAK,gBAAkB,EAAE,MAC3B,CAEA,QAAyB,CACvB,OAAOC,8CAAiD,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAU/D,CACF,EAzFqBV,EAArBW,EAAA,CADCC,EAAc,cAAc,GACRZ",
-  "names": ["styles", "r", "bl_tab_group_default", "BlTabGroup", "s", "bl_tab_group_default", "tab", "isFirstAndNotDisabled", "t", "_a", "panel", "name", "p", "$", "__decorateClass", "n"]
-}

package/dist/chunk-5AGXQPQY.js

@@ -1,14 +0,0 @@
-import{a as o,b as s,e as a,f as p,g as l}from"./chunk-BEHH5JPC.js";import{a as r}from"./chunk-NZ3RGSR6.js";var u=o`:host {
-  display: none;
-
-  /* FIXME: use variables */
-  border-radius: 0 0 6px 6px;
-}
-
-:host([visible]) {
-  display: block;
-  padding: var(--bl-size-xl);
-  background-color: var(--bl-color-primary-background);
-}
-`,i=u;var t=class extends a{constructor(){super(...arguments);this.visible=!1}static get styles(){return[i]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var e;this.tabGroup=this.closest("bl-tab-group"),(e=this.tabGroup)==null||e.registerTabPanel(this)})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.tabGroup)==null||e.unregisterTabPanel(this)}render(){return s`<slot></slot>`}};r([l({type:String,reflect:!0})],t.prototype,"tab",2),r([l({type:Boolean,reflect:!0})],t.prototype,"visible",2),t=r([p("bl-tab-panel")],t);export{t as a};
-//# sourceMappingURL=chunk-5AGXQPQY.js.map