@trendyol/baklava 3.4.0-beta.17 → 3.4.0-beta.18

package/dist/{chunk-2Q566BEQ.js → chunk-SIQYHQUN.js}

@@ -1,4 +1,4 @@
-import{a as y}from"./chunk-ECPWEUBG.js";import{b as C,d as E,f as I,g as V,h as L}from"./chunk-EZSEQHRH.js";import{a as $}from"./chunk-EG7U7PM3.js";import{a as k}from"./chunk-XDUIVR6I.js";import{a as f}from"./chunk-6LT7O7T2.js";import{a as x}from"./chunk-DINNT5P2.js";import{a as m}from"./chunk-GRL4DWKG.js";import{a as z,c as h}from"./chunk-HBPBDC7T.js";import{a as T,b as a,c as u,e as b,f as S}from"./chunk-5MOOXA2X.js";import{a as w,b as d,f as g}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var R=w`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display:grid;gap:var(--bl-size-3xs);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--background-color:var(--bl-color-neutral-full);--border-color:var(--bl-color-neutral-lighter);--border-focus-color:var(--bl-color-primary-highlight);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--label-color:var(--bl-color-neutral-dark);--placeholder-color:var(--bl-color-neutral-light);--height:var(--bl-size-2xl);--menu-padding:0 var(--bl-size-m);--menu-margin-top:var(--bl-size-2xs);--font-size:var(--bl-font-size-m);--disabled-color:var(--bl-color-neutral-lightest);--menu-height:250px;--popover-position:var(--bl-popover-position, fixed)}:host([multiple][view-select-all]) .select-wrapper{--menu-height:290px}:host([size=large]) .select-wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .select-wrapper{--height:var(--bl-size-xl);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--font-size:var(--bl-font-size-s)}:host([disabled]) .select-wrapper{--placeholder-color:var(--bl-color-neutral-light)}.dirty.invalid{--border-color:var(--bl-color-danger);--border-focus-color:var(--bl-color-danger-highlight);--label-color:var(--bl-color-danger)}.select-input{display:grid;align-items:center;justify-content:space-between;grid-template-columns:1fr max-content max-content;cursor:pointer;box-sizing:border-box;height:var(--height);border:solid 1px var(--border-color);font:var(--bl-font-title-3-regular);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));border-radius:var(--bl-border-radius-s);color:var(--text-color);background-color:var(--background-color);-webkit-user-select:none;user-select:none;margin:0;width:auto;min-width:100%}.label,.placeholder{color:var(--placeholder-color);padding-inline-start:var(--label-padding);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.select-wrapper.selected .placeholder,:host(:not([placeholder])) .placeholder,:host([label]:not([label-fixed])) .select-wrapper:not(.select-open) .placeholder{display:none}:host(:not([label])) .label,:host([label-fixed]) .label{display:none}.remove-all{display:none}.selected .remove-all{display:block}:host([disabled]) .remove-all,:host([disabled]) .remove-all::after{display:none}.dropdown-icon{font-size:var(--bl-font-size-m)}.dropdown-icon.open{display:none}.select-open .dropdown-icon.open{display:inline-block}.select-open .dropdown-icon.closed{display:none}.selected .dropdown-icon{--icon-color:var(--bl-color-neutral-darker)}:host([disabled]) .dropdown-icon{--icon-color:var(--bl-color-neutral-light)}.select-input:focus-visible,.select-open .select-input{border:solid 1px var(--border-focus-color);outline:0}:host([disabled]){cursor:not-allowed}:host([disabled]) .select-input{pointer-events:none;background-color:var(--disabled-color)}.select-input .selected-options{padding:0;padding-inline-start:var(--label-padding);margin:0;list-style:none;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([disabled]) .select-input .selected-options{color:var(--bl-color-neutral-light)}.selected-options li{display:inline;font-size:var(--font-size);color:var(--text-color)}.selected-options li:not(:last-child)::after{content:", "}.select-input:not(.has-overflowed-options) .additional-selection-count{display:none}:host([disabled]) .additional-selection-count{color:var(--bl-color-neutral-light)}:host([disabled]) .selected-options li{color:var(--bl-color-neutral-light)}.select-input .actions{display:flex;align-items:center;justify-content:center;gap:var(--bl-size-4xs);margin-inline-start:var(--bl-size-2xs)}.popover{--left:0;--top:0;position:var(--popover-position);border:solid 1px var(--border-color);background-color:var(--background-color);font:var(--bl-font-title-3-regular);border-radius:var(--bl-border-radius-s);padding:var(--menu-padding);outline:0;box-sizing:border-box;max-height:var(--menu-height);overflow-y:auto;display:none;flex-direction:column;z-index:var(--bl-index-popover);width:100%;top:var(--top);left:var(--left)}:host(:empty) .popover{display:none}.popover-no-result{display:flex;flex-direction:column;gap:var(--bl-size-2xs);align-items:center;justify-content:center;height:80px}.select-open .popover{display:flex;border:solid 1px var(--border-focus-color)}bl-icon{color:var(--icon-color)}label,legend{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;display:block;top:var(--padding-vertical);left:var(--padding-horizontal);inset-inline-end:calc(var(--bl-size-2xs) + var(--bl-size-m) + var(--bl-size-2xs));transition:.1s ease-in;pointer-events:none;opacity:0;font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--placeholder-color)}legend{height:0;visibility:hidden;display:none}legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:host(:not([placeholder])) .selected .label,:host([placeholder]) :where(.select-open,.selected) .label{display:none}:where(.select-open,.selected) label{top:0;transform:translateY(-50%);font:var(--bl-font-caption);color:var(--label-color);pointer-events:initial;right:var(--padding-horizontal);opacity:1}:host([label]) :where(.select-open,.selected) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host([label-fixed]) label{position:static;padding:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--label-color);opacity:1}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.select-open .help-text,.select-open .invalid-text{visibility:hidden}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.select-all{position:sticky;top:0;padding:var(--bl-size-xs) 0;background:var(--background-color);z-index:1;font:var(--bl-font-title-3-regular);box-shadow:10px 0 0 var(--background-color),-10px 0 0 var(--background-color)}.select-all::after{position:absolute;content:"";width:100%;bottom:0;border-bottom:1px solid var(--bl-color-neutral-lighter)}.search-bar-input{font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--text-color);border:none;outline:0;background-color:transparent;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box}.search-bar-input::placeholder{color:var(--placeholder-color)}.search-bar-input:focus-visible{outline:0}.search-spinner{padding-inline-end:var(--bl-font-size-2xs)}.action-divider{display:none}.select-wrapper .action-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}.actions bl-icon{padding:4px}`,P=R;var A,i=class extends k(g){constructor(){super(...arguments);this.size="medium";this.required=!1;this.disabled=!1;this.clearable=!1;this.multiple=!1;this.autofocus=!1;this.labelFixed=!1;this.viewSelectAll=!1;this.searchBar=!1;this.searchBarLoadingState=!1;this._isPopoverOpen=!1;this._additionalSelectedOptionCount=0;this._searchText="";this.userLang=((A=document.querySelector("html"))==null?void 0:A.getAttribute("lang"))||navigator.language;this._connectedOptions=[];this._cleanUpPopover=null;this._selectedOptions=[];this.dirty=!1;this._interactOutsideHandler=e=>{var l;let t=e.composedPath();(l=t==null?void 0:t.find(s=>s.tagName==="BL-SELECT"))!=null&&l.contains(this)||this.close()};this.focusedOptionIndex=-1;this.lastKeyPressedTime=0;this.typedCharacters="";this.keyPressThreshold=500}static get styles(){return[P]}get value(){return this._value}set value(e){if(this._value=e,Array.isArray(e)){let t=new FormData;e.forEach(l=>t.append(this.name,`${l}`)),this.setValue(t)}else this.setValue(e);this.setOptionsSelected()}shouldFormValueUpdate(){return this.value!==null&&this.value!==""}setOptionsSelected(){this._connectedOptions.forEach(e=>e.selected=this.value===e.value||Array.isArray(this.value)&&this.value.includes(e.value)),this._selectedOptions=[...this.options.filter(e=>e.selected)]}get options(){return this._connectedOptions}get opened(){return this._isPopoverOpen}get noResultFound(){return this._searchText!==""&&this._connectedOptions.every(e=>e.hidden)}get selectedOptions(){return this._selectedOptions}get additionalSelectedOptionCount(){return this._additionalSelectedOptionCount}validityCallback(){if(this.customInvalidText)return this.customInvalidText;let e=document.createElement("select");return e.required=this.required,e.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}resetFormControl(){this.value=this._initialValue}open(){this.searchBar&&setTimeout(()=>{var e,t,l;(l=(t=(e=document.activeElement)==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("input"))==null||l.focus()},100),this._isPopoverOpen=!0,this._setupPopover(),document.addEventListener("click",this._interactOutsideHandler,!0),document.addEventListener("focus",this._interactOutsideHandler,!0)}close(){this._handleSearchOptions({target:{value:""}}),this._isPopoverOpen=!1,this.focusedOptionIndex=-1,this._cleanUpPopover&&this._cleanUpPopover(),document.removeEventListener("click",this._interactOutsideHandler,!0),document.removeEventListener("focus",this._interactOutsideHandler,!0)}_setupPopover(){this._cleanUpPopover=V(this._selectInput,this._popover,()=>{L(this._selectInput,this._popover,{placement:"bottom",strategy:"fixed",middleware:[C(),E(8),I({apply(e){Object.assign(e.elements.floating.style,{width:`${e.elements.reference.getBoundingClientRect().width}px`})}})]}).then(({x:e,y:t})=>{this._popover.style.setProperty("--left",`${e}px`),this._popover.style.setProperty("--top",`${t}px`)})})}_handleToggleButtonClick(e){e.stopPropagation(),this._togglePopover()}connectedCallback(){var e;super.connectedCallback(),(e=this.form)==null||e.addEventListener("submit",t=>{this.reportValidity()||t.preventDefault()})}disconnectedCallback(){super.disconnectedCallback(),this._cleanUpPopover&&this._cleanUpPopover()}inputTemplate(){var O;let e=d`<ul class="selected-options">
+import{a as y}from"./chunk-ECPWEUBG.js";import{b as C,d as E,f as I,g as V,h as L}from"./chunk-EZSEQHRH.js";import{a as z}from"./chunk-EG7U7PM3.js";import{a as $}from"./chunk-XDUIVR6I.js";import{a as f}from"./chunk-6LT7O7T2.js";import{a as x}from"./chunk-DINNT5P2.js";import{a as m}from"./chunk-GRL4DWKG.js";import{a as k,c as h}from"./chunk-HBPBDC7T.js";import{a as T,b as a,c as u,e as b,f as S}from"./chunk-5MOOXA2X.js";import{a as w,b as d,f as g}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var R=w`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display:grid;gap:var(--bl-size-3xs);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--background-color:var(--bl-color-neutral-full);--border-color:var(--bl-color-neutral-lighter);--border-focus-color:var(--bl-color-primary-highlight);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--label-color:var(--bl-color-neutral-dark);--placeholder-color:var(--bl-color-neutral-light);--height:var(--bl-size-2xl);--menu-padding:0 var(--bl-size-m);--menu-margin-top:var(--bl-size-2xs);--font-size:var(--bl-font-size-m);--disabled-color:var(--bl-color-neutral-lightest);--menu-height:250px;--popover-position:var(--bl-popover-position, fixed)}:host([multiple][view-select-all]) .select-wrapper{--menu-height:290px}:host([size=large]) .select-wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .select-wrapper{--height:var(--bl-size-xl);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--font-size:var(--bl-font-size-s)}:host([disabled]) .select-wrapper{--placeholder-color:var(--bl-color-neutral-light)}.dirty.invalid{--border-color:var(--bl-color-danger);--border-focus-color:var(--bl-color-danger-highlight);--label-color:var(--bl-color-danger)}.select-input{display:grid;align-items:center;justify-content:space-between;grid-template-columns:1fr max-content max-content;cursor:pointer;box-sizing:border-box;height:var(--height);border:solid 1px var(--border-color);font:var(--bl-font-title-3-regular);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));border-radius:var(--bl-border-radius-s);color:var(--text-color);background-color:var(--background-color);-webkit-user-select:none;user-select:none;margin:0;width:auto;min-width:100%}.label,.placeholder{color:var(--placeholder-color);padding-inline-start:var(--label-padding);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.select-wrapper.selected .placeholder,:host(:not([placeholder])) .placeholder,:host([label]:not([label-fixed])) .select-wrapper:not(.select-open) .placeholder{display:none}:host(:not([label])) .label,:host([label-fixed]) .label{display:none}.remove-all{display:none}.selected .remove-all{display:block}:host([disabled]) .remove-all,:host([disabled]) .remove-all::after{display:none}.dropdown-icon{font-size:var(--bl-font-size-m)}.dropdown-icon.open{display:none}.select-open .dropdown-icon.open{display:inline-block}.select-open .dropdown-icon.closed{display:none}.selected .dropdown-icon{--icon-color:var(--bl-color-neutral-darker)}:host([disabled]) .dropdown-icon{--icon-color:var(--bl-color-neutral-light)}.select-input:focus-visible,.select-open .select-input{border:solid 1px var(--border-focus-color);outline:0}:host([disabled]){cursor:not-allowed}:host([disabled]) .select-input{pointer-events:none;background-color:var(--disabled-color)}.select-input .selected-options{padding:0;padding-inline-start:var(--label-padding);margin:0;list-style:none;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([disabled]) .select-input .selected-options{color:var(--bl-color-neutral-light)}.selected-options li{display:inline;font-size:var(--font-size);color:var(--text-color)}.selected-options li:not(:last-child)::after{content:", "}.select-input:not(.has-overflowed-options) .additional-selection-count{display:none}:host([disabled]) .additional-selection-count{color:var(--bl-color-neutral-light)}:host([disabled]) .selected-options li{color:var(--bl-color-neutral-light)}.select-input .actions{display:flex;align-items:center;justify-content:center;gap:var(--bl-size-4xs);margin-inline-start:var(--bl-size-2xs)}.popover{--left:0;--top:0;position:var(--popover-position);border:solid 1px var(--border-color);background-color:var(--background-color);font:var(--bl-font-title-3-regular);border-radius:var(--bl-border-radius-s);padding:var(--menu-padding);outline:0;box-sizing:border-box;max-height:var(--menu-height);overflow-y:auto;display:none;flex-direction:column;z-index:var(--bl-index-popover);width:100%;top:var(--top);left:var(--left)}:host(:empty) .popover{display:none}.popover-no-result{display:flex;flex-direction:column;gap:var(--bl-size-2xs);align-items:center;justify-content:center;height:80px}.select-open .popover{display:flex;border:solid 1px var(--border-focus-color)}bl-icon{color:var(--icon-color)}label,legend{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;display:block;top:var(--padding-vertical);left:var(--padding-horizontal);inset-inline-end:calc(var(--bl-size-2xs) + var(--bl-size-m) + var(--bl-size-2xs));transition:.1s ease-in;pointer-events:none;opacity:0;font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--placeholder-color)}legend{height:0;visibility:hidden;display:none}legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:host(:not([placeholder])) .selected .label,:host([placeholder]) :where(.select-open,.selected) .label{display:none}:where(.select-open,.selected) label{top:0;transform:translateY(-50%);font:var(--bl-font-caption);color:var(--label-color);pointer-events:initial;right:var(--padding-horizontal);opacity:1}:host([label]) :where(.select-open,.selected) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host([label-fixed]) label{position:static;padding:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--label-color);opacity:1}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.select-open .help-text,.select-open .invalid-text{visibility:hidden}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.select-all{position:sticky;top:0;padding:var(--bl-size-xs) 0;background:var(--background-color);z-index:1;font:var(--bl-font-title-3-regular);box-shadow:10px 0 0 var(--background-color),-10px 0 0 var(--background-color)}.select-all::after{position:absolute;content:"";width:100%;bottom:0;border-bottom:1px solid var(--bl-color-neutral-lighter)}.search-bar-input{font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--text-color);border:none;outline:0;background-color:transparent;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box}.search-bar-input::placeholder{color:var(--placeholder-color)}.search-bar-input:focus-visible{outline:0}.search-spinner{padding-inline-end:var(--bl-font-size-2xs)}.action-divider{display:none}.select-wrapper .action-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}.actions bl-icon{padding:4px}`,P=R;var A,i=class extends $(g){constructor(){super(...arguments);this.size="medium";this.required=!1;this.disabled=!1;this.clearable=!1;this.multiple=!1;this.autofocus=!1;this.labelFixed=!1;this.viewSelectAll=!1;this.searchBar=!1;this.searchBarLoadingState=!1;this._isPopoverOpen=!1;this._additionalSelectedOptionCount=0;this._searchText="";this.userLang=((A=document.querySelector("html"))==null?void 0:A.getAttribute("lang"))||navigator.language;this._connectedOptions=[];this._cleanUpPopover=null;this._selectedOptions=[];this.dirty=!1;this._interactOutsideHandler=e=>{var l;let t=e.composedPath();(l=t==null?void 0:t.find(s=>s.tagName==="BL-SELECT"))!=null&&l.contains(this)||this.close()};this.focusedOptionIndex=-1;this.lastKeyPressedTime=0;this.typedCharacters="";this.keyPressThreshold=500}static get styles(){return[P]}get value(){return this._value}set value(e){if(this._value=e,Array.isArray(e)){let t=new FormData;e.forEach(l=>t.append(this.name,`${l}`)),this.setValue(t)}else this.setValue(e);this.setOptionsSelected()}shouldFormValueUpdate(){return this.value!==null&&this.value!==""}setOptionsSelected(){this._connectedOptions.forEach(e=>e.selected=this.value===e.value||Array.isArray(this.value)&&this.value.includes(e.value)),this._selectedOptions=[...this.options.filter(e=>e.selected)]}get options(){return this._connectedOptions}get opened(){return this._isPopoverOpen}get noResultFound(){return this._searchText!==""&&this._connectedOptions.every(e=>e.hidden)}get selectedOptions(){return this._selectedOptions}get additionalSelectedOptionCount(){return this._additionalSelectedOptionCount}validityCallback(){if(this.customInvalidText)return this.customInvalidText;let e=document.createElement("select");return e.required=this.required,e.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}resetFormControl(){this.value=this._initialValue}open(){this.searchBar&&setTimeout(()=>{var e,t,l;(l=(t=(e=document.activeElement)==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("input"))==null||l.focus()},100),this._isPopoverOpen=!0,this._setupPopover(),document.addEventListener("click",this._interactOutsideHandler,!0),document.addEventListener("focus",this._interactOutsideHandler,!0)}close(){this._handleSearchOptions({target:{value:""}}),this._isPopoverOpen=!1,this.focusedOptionIndex=-1,this._cleanUpPopover&&this._cleanUpPopover(),document.removeEventListener("click",this._interactOutsideHandler,!0),document.removeEventListener("focus",this._interactOutsideHandler,!0)}_setupPopover(){this._cleanUpPopover=V(this._selectInput,this._popover,()=>{L(this._selectInput,this._popover,{placement:"bottom",strategy:"fixed",middleware:[C(),E(8),I({apply(e){Object.assign(e.elements.floating.style,{width:`${e.elements.reference.getBoundingClientRect().width}px`})}})]}).then(({x:e,y:t})=>{this._popover.style.setProperty("--left",`${e}px`),this._popover.style.setProperty("--top",`${t}px`)})})}_handleToggleButtonClick(e){e.stopPropagation(),this._togglePopover()}connectedCallback(){var e;super.connectedCallback(),(e=this.form)==null||e.addEventListener("submit",t=>{this.reportValidity()||t.preventDefault()})}disconnectedCallback(){super.disconnectedCallback(),this._cleanUpPopover&&this._cleanUpPopover()}inputTemplate(){var O;let e=d`<ul class="selected-options">
       ${this._selectedOptions.map(p=>d`<li>${p.getAttribute("label")||p.textContent}</li>`)}
     </ul>`,l=!(this._selectedOptions.length>0&&this._selectedOptions.every(p=>p.disabled))&&(this.clearable||this.multiple),s=l?d`<bl-button
           class="remove-all"
@@ -115,5 +115,5 @@ import{a as y}from"./chunk-ECPWEUBG.js";import{b as C,d as E,f as I,g as V,h as
             </div>`:""}
       </div>
       <div class="hint">${e} ${t}</div>
-    </div> `}handleFocusOptionByKey(e){let t=Date.now();t-this.lastKeyPressedTime>this.keyPressThreshold&&(this.typedCharacters=""),this.lastKeyPressedTime=t,this.typedCharacters+=e.toLowerCase();let s=this.options.findIndex(n=>n.disabled?!1:n.innerText.trim().toLowerCase().startsWith(this.typedCharacters));s!==-1&&(this.focusedOptionIndex=s,this.options[s].focus())}handleKeydown(e){if(this.focusedOptionIndex===-1&&["Enter","Space"].includes(e.code))this._togglePopover(),e.preventDefault();else if(this._isPopoverOpen===!1&&["ArrowDown","ArrowUp"].includes(e.code))this.open(),e.preventDefault();else if(e.code==="Escape")this.close(),e.preventDefault();else if(this._isPopoverOpen&&["ArrowDown","ArrowUp"].includes(e.code)){let t=this.options.filter(l=>!l.disabled);e.code==="ArrowDown"&&this.focusedOptionIndex++,e.code==="ArrowUp"&&this.focusedOptionIndex--,this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,t.length-1)),t[this.focusedOptionIndex].focus(),e.preventDefault()}else this._isPopoverOpen&&!this.searchBar&&this.handleFocusOptionByKey(e.key)}_togglePopover(){this._isPopoverOpen?this.close():this.open()}_handleSelectEvent(){let e=this._selectedOptions.map(t=>({value:t.value,selected:t.selected,text:t.textContent}));this.multiple?this._onBlSelect(e):this._onBlSelect(e[0])}_handleSearchEvent(){this._onBlSearch(this._searchText)}_handleSearchOptions(e){this.searchBar&&(this._searchText=e.target.value,this._handleSearchEvent(),this._connectedOptions.forEach(t=>{let l=this._searchText.toLowerCase(),s="";if(t.textContent)try{s=t.textContent.toLocaleLowerCase(this.userLang)}catch{s=t.textContent.toLowerCase()}let n=s.includes(l);t.hidden=!n}),this._selectedOptions=this.options.filter(t=>t.selected),this._handleLastVisibleSearchedOption(),this.requestUpdate())}_handleLastVisibleSearchedOption(){var t,l;let e=[...this.options].reverse().find(s=>!s.hidden);e&&((l=(t=e==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("div"))==null||l.classList.add("no-border-bottom")),this.options.map(s=>{var n,c;!s.hidden&&s!==e&&((c=(n=s.shadowRoot)==null?void 0:n.querySelector("div"))==null||c.classList.remove("no-border-bottom"))})}_handleSingleSelect(e){this.value=e.value,this._searchText="",this._handleSelectEvent(),this.close()}_handleMultipleSelect(){this.value=this._connectedOptions.filter(e=>e.selected).map(e=>e.value),this._handleSelectEvent()}_handleSelectOptionEvent(e){let t=e.target;this.dirty=!0,this.multiple?this._handleMultipleSelect():this._handleSingleSelect(t)}_handleSelectAll(e){var c;let t=(c=this.shadowRoot)==null?void 0:c.querySelector(".select-all"),l=e.detail,n=this._connectedOptions.filter(r=>!r.selected&&!r.hidden).every(r=>r.disabled);if(l&&n){setTimeout(()=>{var v;let r=(v=t==null?void 0:t.shadowRoot)==null?void 0:v.querySelector("input");r==null||r.click()},0);return}this._connectedOptions.forEach(r=>{r.disabled||r.hidden||(r.selected=l)}),this._handleMultipleSelect()}_onClickRemove(e){e.stopPropagation(),this._searchText="";let t=this._selectedOptions.filter(l=>l.disabled);this._connectedOptions.filter(l=>!l.disabled&&l.selected).forEach(l=>{l.selected=!1}),this.value=t.length?t.map(l=>l.value):null,this._handleSelectEvent()}_checkAdditionalItemCount(){if(!this.multiple||!this.selectedOptionsItems||this.selectedOptionsItems.length<2){this._additionalSelectedOptionCount=0;return}let e=[...this.selectedOptionsItems].findIndex(t=>t.offsetLeft>this.selectedOptionsContainer.offsetWidth);e>-1?this._additionalSelectedOptionCount=this.selectedOptionsItems.length-e:this._additionalSelectedOptionCount=0}firstUpdated(){this.value===void 0&&(this.multiple?this.value=[]:this.value=null),this._initialValue=this._value}updated(e){e.has("multiple")&&typeof e.get("multiple")=="boolean"&&(this.value=null),e.has("_selectedOptions")&&this._checkAdditionalItemCount()}registerOption(e){this._connectedOptions.push(e),e.selected&&(this.multiple?(Array.isArray(this.value)||(this.value=[]),this.value=[...this.value,e.value]):this.value=e.value),this.setOptionsSelected(),this.requestUpdate()}unregisterOption(e){this._connectedOptions.splice(this._connectedOptions.indexOf(e),1)}};i.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0},i.formControlValidators=[$],o([a()],i.prototype,"name",2),o([a()],i.prototype,"value",1),o([a({reflect:!0})],i.prototype,"label",2),o([a({reflect:!0})],i.prototype,"placeholder",2),o([a({type:String,reflect:!0})],i.prototype,"size",2),o([a({type:Boolean,reflect:!0})],i.prototype,"required",2),o([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),o([a({type:Boolean,reflect:!0})],i.prototype,"clearable",2),o([a({type:Boolean,reflect:!0})],i.prototype,"multiple",2),o([a({type:Boolean,reflect:!0})],i.prototype,"autofocus",2),o([a({type:Boolean,attribute:"label-fixed",reflect:!0})],i.prototype,"labelFixed",2),o([a({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),o([a({type:String,attribute:"invalid-text",reflect:!0})],i.prototype,"customInvalidText",2),o([a({type:Boolean,attribute:"view-select-all",converter:y()})],i.prototype,"viewSelectAll",2),o([a({type:String,attribute:"select-all-text"})],i.prototype,"selectAllText",2),o([a({type:Boolean,attribute:"search-bar",reflect:!0})],i.prototype,"searchBar",2),o([a({type:String,attribute:"search-bar-placeholder",reflect:!0})],i.prototype,"searchBarPlaceholder",2),o([a({type:Boolean,attribute:"search-bar-loading-state",converter:y()})],i.prototype,"searchBarLoadingState",2),o([a({type:String,attribute:"search-not-found-text",reflect:!0})],i.prototype,"searchNotFoundText",2),o([a({type:String,attribute:"popover-clear-search-text",reflect:!0})],i.prototype,"popoverClearSearchText",2),o([u()],i.prototype,"_isPopoverOpen",2),o([u()],i.prototype,"_additionalSelectedOptionCount",2),o([u()],i.prototype,"_searchText",2),o([b(".selected-options")],i.prototype,"selectedOptionsContainer",2),o([S(".selected-options li")],i.prototype,"selectedOptionsItems",2),o([b(".popover")],i.prototype,"_popover",2),o([b(".select-input")],i.prototype,"_selectInput",2),o([m("bl-select")],i.prototype,"_onBlSelect",2),o([m("bl-search")],i.prototype,"_onBlSearch",2),o([u()],i.prototype,"_selectedOptions",2),o([u()],i.prototype,"dirty",2),o([b(".select-input")],i.prototype,"validationTarget",2),i=o([T("bl-select"),z()],i);export{i as a};
-//# sourceMappingURL=chunk-2Q566BEQ.js.map
+    </div> `}handleFocusOptionByKey(e){let t=Date.now();t-this.lastKeyPressedTime>this.keyPressThreshold&&(this.typedCharacters=""),this.lastKeyPressedTime=t,this.typedCharacters+=e.toLowerCase();let s=this.options.findIndex(n=>n.disabled?!1:n.innerText.trim().toLowerCase().startsWith(this.typedCharacters));s!==-1&&(this.focusedOptionIndex=s,this.options[s].focus())}handleKeydown(e){if(this.focusedOptionIndex===-1&&["Enter","Space"].includes(e.code))this._togglePopover(),e.preventDefault();else if(this._isPopoverOpen===!1&&["ArrowDown","ArrowUp"].includes(e.code))this.open(),e.preventDefault();else if(e.code==="Escape")this.close(),e.preventDefault();else if(this._isPopoverOpen&&["ArrowDown","ArrowUp"].includes(e.code)){let t=this.options.filter(l=>!l.disabled);e.code==="ArrowDown"&&this.focusedOptionIndex++,e.code==="ArrowUp"&&this.focusedOptionIndex--,this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,t.length-1)),t[this.focusedOptionIndex].focus(),e.preventDefault()}else this._isPopoverOpen&&!this.searchBar&&this.handleFocusOptionByKey(e.key)}_togglePopover(){this._isPopoverOpen?this.close():this.open()}_handleSelectEvent(){let e=this._selectedOptions.map(t=>({value:t.value,selected:t.selected,text:t.textContent}));this.multiple?this._onBlSelect(e):this._onBlSelect(e[0])}_handleSearchEvent(){this._onBlSearch(this._searchText)}_handleSearchOptions(e){this.searchBar&&(this._searchText=e.target.value,this._handleSearchEvent(),this._connectedOptions.forEach(t=>{let l=this._searchText.toLowerCase(),s="";if(t.textContent)try{s=t.textContent.toLocaleLowerCase(this.userLang)}catch{s=t.textContent.toLowerCase()}let n=s.includes(l);t.hidden=!n}),this._selectedOptions=this.options.filter(t=>t.selected),this._handleLastVisibleSearchedOption(),this.requestUpdate())}_handleLastVisibleSearchedOption(){var t,l;let e=[...this.options].reverse().find(s=>!s.hidden);e&&((l=(t=e==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("div"))==null||l.classList.add("no-border-bottom")),this.options.map(s=>{var n,c;!s.hidden&&s!==e&&((c=(n=s.shadowRoot)==null?void 0:n.querySelector("div"))==null||c.classList.remove("no-border-bottom"))})}_handleSingleSelect(e){this.value=e.value,this._searchText="",this._handleSelectEvent(),this.close()}_handleMultipleSelect(){this.value=this._connectedOptions.filter(e=>e.selected).map(e=>e.value),this._handleSelectEvent()}_handleSelectOptionEvent(e){let t=e.target;this.dirty=!0,this.multiple?this._handleMultipleSelect():this._handleSingleSelect(t)}_handleSelectAll(e){var c;let t=(c=this.shadowRoot)==null?void 0:c.querySelector(".select-all"),l=e.detail,n=this._connectedOptions.filter(r=>!r.selected&&!r.hidden).every(r=>r.disabled);if(l&&n){setTimeout(()=>{var v;let r=(v=t==null?void 0:t.shadowRoot)==null?void 0:v.querySelector("input");r==null||r.click()},0);return}this._connectedOptions.forEach(r=>{r.disabled||r.hidden||(r.selected=l)}),this._handleMultipleSelect()}_onClickRemove(e){e.stopPropagation(),this._searchText="";let t=this._selectedOptions.filter(l=>l.disabled);this._connectedOptions.filter(l=>!l.disabled&&l.selected).forEach(l=>{l.selected=!1}),this.value=t.length?t.map(l=>l.value):null,this._handleSelectEvent()}_checkAdditionalItemCount(){if(!this.multiple||!this.selectedOptionsItems||this.selectedOptionsItems.length<2){this._additionalSelectedOptionCount=0;return}let e=[...this.selectedOptionsItems].findIndex(t=>t.offsetLeft>this.selectedOptionsContainer.offsetWidth);e>-1?this._additionalSelectedOptionCount=this.selectedOptionsItems.length-e:this._additionalSelectedOptionCount=0}firstUpdated(){this.value===void 0&&(this.multiple?this.value=[]:this.value=null),this._initialValue=this._value}updated(e){e.has("multiple")&&typeof e.get("multiple")=="boolean"&&(this.value=null),e.has("_selectedOptions")&&this._checkAdditionalItemCount()}registerOption(e){this._connectedOptions.push(e),e.selected&&(this.multiple?(Array.isArray(this.value)||(this.value=[]),this.value=[...this.value,e.value]):this.value=e.value),this.setOptionsSelected(),this.requestUpdate()}unregisterOption(e){this._connectedOptions.splice(this._connectedOptions.indexOf(e),1)}};i.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0},i.formControlValidators=[z],o([a()],i.prototype,"name",2),o([a()],i.prototype,"value",1),o([a({reflect:!0})],i.prototype,"label",2),o([a({reflect:!0})],i.prototype,"placeholder",2),o([a({type:String,reflect:!0})],i.prototype,"size",2),o([a({type:Boolean,reflect:!0})],i.prototype,"required",2),o([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),o([a({type:Boolean,reflect:!0})],i.prototype,"clearable",2),o([a({type:Boolean,reflect:!0})],i.prototype,"multiple",2),o([a({type:Boolean,reflect:!0})],i.prototype,"autofocus",2),o([a({type:Boolean,attribute:"label-fixed",reflect:!0})],i.prototype,"labelFixed",2),o([a({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),o([a({type:String,attribute:"invalid-text",reflect:!0})],i.prototype,"customInvalidText",2),o([a({type:Boolean,attribute:"view-select-all",converter:y()})],i.prototype,"viewSelectAll",2),o([a({type:String,attribute:"select-all-text"})],i.prototype,"selectAllText",2),o([a({type:Boolean,attribute:"search-bar",reflect:!0})],i.prototype,"searchBar",2),o([a({type:String,attribute:"search-bar-placeholder",reflect:!0})],i.prototype,"searchBarPlaceholder",2),o([a({type:Boolean,attribute:"search-bar-loading-state",converter:y()})],i.prototype,"searchBarLoadingState",2),o([a({type:String,attribute:"search-not-found-text",reflect:!0})],i.prototype,"searchNotFoundText",2),o([a({type:String,attribute:"popover-clear-search-text",reflect:!0})],i.prototype,"popoverClearSearchText",2),o([u()],i.prototype,"_isPopoverOpen",2),o([u()],i.prototype,"_additionalSelectedOptionCount",2),o([u()],i.prototype,"_searchText",2),o([b(".selected-options")],i.prototype,"selectedOptionsContainer",2),o([S(".selected-options li")],i.prototype,"selectedOptionsItems",2),o([b(".popover")],i.prototype,"_popover",2),o([b(".select-input")],i.prototype,"_selectInput",2),o([m("bl-select")],i.prototype,"_onBlSelect",2),o([m("bl-search")],i.prototype,"_onBlSearch",2),o([u()],i.prototype,"_selectedOptions",2),o([u()],i.prototype,"dirty",2),o([b(".select-input")],i.prototype,"validationTarget",2),i=o([T("bl-select"),k()],i);export{i as a};
+//# sourceMappingURL=chunk-SIQYHQUN.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-C2UDBDKV.js";import"../../chunk-BCRV6HG6.js";import"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-KTG566MB.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IEFQ6PGY.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-WEEGH2F4.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+import{a}from"../../chunk-C2UDBDKV.js";import"../../chunk-BCRV6HG6.js";import"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-3IZAFXL6.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IEFQ6PGY.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-WEEGH2F4.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-datepicker.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-KTG566MB.js";import"../../chunk-23PSWIUF.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+import{a}from"../../chunk-3IZAFXL6.js";import"../../chunk-23PSWIUF.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-input.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-P4S537UY.js";import"../../chunk-2Q566BEQ.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-KTG566MB.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+import{a}from"../../chunk-P4S537UY.js";import"../../chunk-SIQYHQUN.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-3IZAFXL6.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-pagination.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-2Q566BEQ.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+import{a}from"../../chunk-SIQYHQUN.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-select.js.map

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

@@ -0,0 +1,107 @@
+import { CSSResultGroup, LitElement, TemplateResult } from "lit";
+import "../icon/bl-icon";
+import { BaklavaIcon } from "../icon/icon-list";
+export type StepperItemVariant = "default" | "active" | "success" | "error";
+export type StepperType = "dot" | "number" | "icon";
+export type StepperDirection = "horizontal" | "vertical";
+/**
+ * @tag bl-stepper-item
+ * @summary Baklava Stepper Item component for individual steps in a stepper
+ *
+ * @slot default - Step content (title and description)
+ */
+export default class BlStepperItem extends LitElement {
+    static get styles(): CSSResultGroup;
+    /**
+     * @internal
+     */
+    static get shadowRootOptions(): {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+        customElements?: CustomElementRegistry | undefined;
+    };
+    /**
+     * Defines stepper item's id
+     */
+    id: string;
+    /**
+     * Defines stepper item's status
+     */
+    variant: StepperItemVariant;
+    /**
+     * Internal variant state that includes hover
+     * @internal
+     */
+    private _internalVariant;
+    /**
+     * Defines stepper item's interaction
+     */
+    disabled: boolean;
+    /**
+     * If stepper type is icon, it should be rendered on stepper items
+     */
+    icon: BaklavaIcon;
+    /**
+     * Defines stepper item's main title
+     */
+    title: string;
+    /**
+     * Defines stepper item's description
+     */
+    description: string;
+    /**
+     * Internal state to show leading connector (line before the step)
+     * @internal
+     */
+    showLeadingConnector: boolean;
+    /**
+     * Internal state to show trailing connector (line after the step)
+     * @internal
+     */
+    showTrailingConnector: boolean;
+    /**
+     * Internal state to track stepper type from parent
+     * @internal
+     */
+    stepperType: StepperType;
+    /**
+     * Internal state to track stepper direction from parent
+     * @internal
+     */
+    direction: StepperDirection;
+    /**
+     * Internal state to track stepper usage from parent
+     * @internal
+     */
+    stepUsage: "clickable" | "non-clickable";
+    /**
+     * Fires when stepper item is clicked
+     */
+    private onItemClick;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    private get isClickable();
+    /**
+     * @internal
+     */
+    get stepNumber(): number;
+    /**
+     * @internal
+     */
+    get shouldShowIcon(): boolean;
+    /**
+     * @internal
+     */
+    get iconName(): BaklavaIcon;
+    private handleClick;
+    private handleKeyDown;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "bl-stepper-item": BlStepperItem;
+    }
+}
+//# sourceMappingURL=bl-stepper-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bl-stepper-item.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/bl-stepper-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5E,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEzD;;;;;GAKG;AAGH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,UAAU;IACnD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB;;;;;MAE3B;IAED;;OAEG;IAEH,EAAE,EAAE,MAAM,CAAM;IAEhB;;OAEG;IAEH,OAAO,EAAE,kBAAkB,CAAa;IAExC;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAyC;IAEjE;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,EAAE,WAAW,CAAW;IAE5B;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,WAAW,SAAM;IAEjB;;;OAGG;IAEH,oBAAoB,UAAS;IAE7B;;;OAGG;IAEH,qBAAqB,UAAQ;IAE7B;;;OAGG;IAEH,WAAW,EAAE,WAAW,CAAS;IAEjC;;;OAGG;IAEH,SAAS,EAAE,gBAAgB,CAAgB;IAE3C;;;OAGG;IAEH,SAAS,EAAE,WAAW,GAAG,eAAe,CAAe;IAEvD;;OAEG;IAC6B,OAAO,CAAC,WAAW,CAA0B;IAE7E,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IASpE,OAAO,KAAK,WAAW,GAEtB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAUvB;IAED;;OAEG;IACH,IAAI,cAAc,IAAI,OAAO,CAQ5B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,WAAW,CAW1B;IAED,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,gBAAgB;IAOxB,MAAM,IAAI,cAAc;CA0EzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

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

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-HCSEQTUP.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+//# sourceMappingURL=bl-stepper-item.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,46 @@
+import { CSSResultGroup, LitElement, TemplateResult } from "lit";
+import "./bl-stepper-item";
+export type StepperType = "dot" | "number" | "icon";
+export type StepperDirection = "horizontal" | "vertical";
+export type StepperUsage = "clickable" | "non-clickable";
+/**
+ * @tag bl-stepper
+ * @summary Baklava Stepper component for displaying progress through a sequence of steps
+ *
+ * @slot default - Stepper items
+ */
+export default class BlStepper extends LitElement {
+    static get styles(): CSSResultGroup;
+    /**
+     * Defines stepper render style
+     */
+    type: StepperType;
+    /**
+     * Defines stepper direction is horizontal or vertical
+     */
+    direction: StepperDirection;
+    /**
+     * Defines stepper usage is clickable or non-clickable
+     */
+    usage: StepperUsage;
+    private get stepperItemsArray();
+    /**
+     * Fires when stepper state changes
+     */
+    private onStepperChange;
+    private get totalSteps();
+    private get activeStep();
+    private handleItemClick;
+    private handleKeyDown;
+    connectedCallback(): void;
+    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private updateStepperItems;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "bl-stepper": BlStepper;
+    }
+}
+//# sourceMappingURL=bl-stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bl-stepper.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/bl-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,mBAAmB,CAAC;AAG3B,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,eAAe,CAAC;AAYzD;;;;;GAKG;AAGH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,UAAU;IAC/C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,EAAE,WAAW,CAAS;IAE1B;;OAEG;IAEH,SAAS,EAAE,gBAAgB,CAAgB;IAE3C;;OAEG;IAEH,KAAK,EAAE,YAAY,CAAe;IAElC,OAAO,KAAK,iBAAiB,GAE5B;IAED;;OAEG;IACyB,OAAO,CAAC,eAAe,CAGhD;IAEH,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,UAAU,GAMrB;IAED,OAAO,CAAC,eAAe;IA6BvB,OAAO,CAAC,aAAa;IAgCrB,iBAAiB;IAIjB,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOtE,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAYjE,OAAO,CAAC,kBAAkB;IA+B1B,MAAM,IAAI,cAAc;CAwBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

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

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-BDTCJ2JC.js";import"../../chunk-HCSEQTUP.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+//# sourceMappingURL=bl-stepper.js.map

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

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

package/dist/components/stepper/bl-stepper.stories.d.ts

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from "@storybook/web-components";
+interface StepperArgs {
+    type?: "dot" | "number" | "icon";
+    direction?: "horizontal" | "vertical";
+    usage?: "clickable" | "non-clickable";
+    customStyles?: string;
+}
+declare const meta: Meta<StepperArgs>;
+export default meta;
+type Story = StoryObj<StepperArgs>;
+export declare const Default: Story;
+export declare const DotType: Story;
+export declare const NumberType: Story;
+export declare const IconType: Story;
+export declare const VerticalDirection: Story;
+export declare const NonClickable: Story;
+export declare const WithErrorState: Story;
+export declare const WithDisabledItems: Story;
+export declare const MinimalSteps: Story;
+export declare const ManySteps: Story;
+export declare const WithoutDescriptions: Story;
+export declare const InteractiveExample: Story;
+//# sourceMappingURL=bl-stepper.stories.d.ts.map

package/dist/components/stepper/bl-stepper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/bl-stepper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAOhE,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,GAAG,eAAe,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAgE3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAgBnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgE1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAcjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8DhC,CAAC"}

package/dist/components/stepper/bl-stepper.stories.js

@@ -0,0 +1,100 @@
+import{a as n}from"../../chunk-M4E4CVZ4.js";import{a as l}from"../../chunk-DINNT5P2.js";import{b as s}from"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";var c="https://www.figma.com/design/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide?node-id=23617-1414",d="https://github.com/Trendyol/baklava/blob/main/src/components/stepper/doc/ADR.md",b={title:"Components/Stepper",component:"bl-stepper",parameters:{chromatic:{viewports:[1e3]},controls:{exclude:["customStyles"]},docs:{description:{component:`<div class="bl-docs-container"><p class="bl-docs-description">The Stepper component displays progress through a sequence of steps. It supports different visual styles (dot, number, icon), directions (horizontal, vertical), and usage modes (clickable, non-clickable). Maximum 9 items are allowed.</p><div class="bl-docs-links" style="display: flex; gap: var(--bl-size-2xs); margin-top: var(--bl-size-m);"><bl-badge icon="document"<bl-link variant='inline' href='`+d+`' target='_blank'>ADR</bl-link></bl-badge><bl-badge icon="puzzle"<bl-link variant='inline' href='`+c+"' target='_blank'>Figma</bl-link></bl-badge></div></div>"}}},decorators:[n],argTypes:{type:{control:{type:"select"},options:["dot","number","icon"],description:"Stepper render style",table:{type:{summary:"StepperType"},defaultValue:{summary:"dot"}}},direction:{control:{type:"select"},options:["horizontal","vertical"],description:"Stepper direction",table:{type:{summary:"StepperDirection"},defaultValue:{summary:"horizontal"}}},usage:{control:{type:"select"},options:["clickable","non-clickable"],description:"Stepper usage mode",table:{type:{summary:"StepperUsage"},defaultValue:{summary:"clickable"}}}}},S=b,o=i=>s`
+  <bl-stepper
+    type=${l(i.type)}
+    direction=${l(i.direction)}
+    usage=${l(i.usage)}
+    style=${l(i.customStyles)}
+  >
+    <bl-stepper-item id="1" title="Step 1" description="First step description" variant="success"></bl-stepper-item>
+    <bl-stepper-item id="2" title="Step 2" description="Second step description" variant="active"></bl-stepper-item>
+    <bl-stepper-item id="3" title="Step 3" description="Third step description" variant="default"></bl-stepper-item>
+    <bl-stepper-item id="4" title="Step 4" description="Fourth step description" variant="default"></bl-stepper-item>
+  </bl-stepper>
+`,y={args:{type:"dot",direction:"horizontal",usage:"clickable"},render:o},f={args:{type:"dot",direction:"horizontal",usage:"clickable"},render:o},g={args:{type:"number",direction:"horizontal",usage:"clickable"},render:o},h={args:{type:"icon",direction:"horizontal",usage:"clickable"},render:i=>s`
+    <bl-stepper
+      type=${l(i.type)}
+      direction=${l(i.direction)}
+      usage=${l(i.usage)}
+      style=${l(i.customStyles)}
+    >
+      <bl-stepper-item id="1" title="Step 1" description="First step description" variant="success" icon="check"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" description="Second step description" variant="active" icon="settings"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" description="Third step description" variant="default" icon="clock"></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" description="Fourth step description" variant="default" icon="lock"></bl-stepper-item>
+    </bl-stepper>
+  `},k={args:{type:"number",direction:"vertical",usage:"clickable"},render:o},z={args:{type:"dot",direction:"horizontal",usage:"non-clickable"},render:()=>s`
+    <div style="display: flex; flex-direction: column; gap: var(--bl-size-m);">
+      <bl-stepper type="dot" direction="horizontal" usage="non-clickable" id="non-clickable-stepper">
+        <bl-stepper-item id="1" title="Account Setup" description="Create your account" variant="success"></bl-stepper-item>
+        <bl-stepper-item id="2" title="Profile Information" description="Add your details" variant="active"></bl-stepper-item>
+        <bl-stepper-item id="3" title="Preferences" description="Set your preferences" variant="default"></bl-stepper-item>
+        <bl-stepper-item id="4" title="Confirmation" description="Review and confirm" variant="default"></bl-stepper-item>
+      </bl-stepper>
+
+      <div style="display: flex; gap: var(--bl-size-xs);">
+        <bl-button variant="secondary" size="small" @click=${()=>{let p=document.getElementById("non-clickable-stepper").querySelectorAll("bl-stepper-item"),e=0;if(p.forEach((t,r)=>{t.variant==="active"&&(e=r)}),e>0){let t=e-1;p.forEach((r,a)=>{a===t?r.variant="active":a<t?r.variant="success":r.variant="default"})}}}>Previous</bl-button>
+
+        <bl-button variant="primary" size="small" @click=${()=>{let p=document.getElementById("non-clickable-stepper").querySelectorAll("bl-stepper-item"),e=0;if(p.forEach((t,r)=>{t.variant==="active"&&(e=r)}),e<p.length-1){let t=e+1;p.forEach((r,a)=>{a===t?r.variant="active":a<t?r.variant="success":r.variant="default"})}}}>Next</bl-button>
+      </div>
+    </div>
+  `},I={args:{type:"number",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="number" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" description="First step description" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" description="Second step description" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" description="Third step description" variant="error"></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" description="Fourth step description" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},B={args:{type:"dot",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="dot" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" description="First step description" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" description="Second step description" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" description="Third step description" variant="default" disabled></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" description="Fourth step description" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},x={args:{type:"number",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="number" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},A={args:{type:"dot",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="dot" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="5" title="Step 5" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="6" title="Step 6" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="7" title="Step 7" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="8" title="Step 8" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="9" title="Step 9" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="10" title="Step 10" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="11" title="Step 11" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},E={args:{type:"number",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="number" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},$={args:{type:"number",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <div style="display: flex; flex-direction: column; gap: var(--bl-size-m);">
+      <bl-stepper type="number" direction="horizontal" usage="clickable" id="interactive-stepper">
+        <bl-stepper-item id="1" title="Account Setup" description="Create your account" variant="success"></bl-stepper-item>
+        <bl-stepper-item id="2" title="Profile Information" description="Add your details" variant="active"></bl-stepper-item>
+        <bl-stepper-item id="3" title="Preferences" description="Set your preferences" variant="default"></bl-stepper-item>
+        <bl-stepper-item id="4" title="Confirmation" description="Review and confirm" variant="default"></bl-stepper-item>
+      </bl-stepper>
+
+      <div style="display: flex; gap: var(--bl-size-xs);">
+        <bl-button variant="secondary" size="small" @click=${()=>{document.getElementById("interactive-stepper").querySelectorAll("bl-stepper-item").forEach((e,t)=>{t===0?e.variant="active":t<1?e.variant="success":e.variant="default"})}}>Go to Step 1</bl-button>
+
+        <bl-button variant="secondary" size="small" @click=${()=>{document.getElementById("interactive-stepper").querySelectorAll("bl-stepper-item").forEach((e,t)=>{t===1?e.variant="active":t<1?e.variant="success":e.variant="default"})}}>Go to Step 2</bl-button>
+
+        <bl-button variant="secondary" size="small" @click=${()=>{document.getElementById("interactive-stepper").querySelectorAll("bl-stepper-item").forEach((e,t)=>{t===2?e.variant="active":t<2?e.variant="success":e.variant="default"})}}>Go to Step 3</bl-button>
+
+        <bl-button variant="secondary" size="small" @click=${()=>{document.getElementById("interactive-stepper").querySelectorAll("bl-stepper-item").forEach((e,t)=>{t===3?e.variant="active":t<3?e.variant="success":e.variant="default"})}}>Go to Step 4</bl-button>
+      </div>
+    </div>
+  `};export{y as Default,f as DotType,h as IconType,$ as InteractiveExample,A as ManySteps,x as MinimalSteps,z as NonClickable,g as NumberType,k as VerticalDirection,B as WithDisabledItems,I as WithErrorState,E as WithoutDescriptions,S as default};
+//# sourceMappingURL=bl-stepper.stories.js.map

package/dist/components/stepper/bl-stepper.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/stepper/bl-stepper.stories.ts"],
+  "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/web-components\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { centeredLayout } from \"../../utilities/chromatic-decorators\";\nimport BlStepper from \"./bl-stepper\";\nimport BlStepperItem from \"./bl-stepper-item\";\n\ninterface StepperArgs {\n  type?: \"dot\" | \"number\" | \"icon\";\n  direction?: \"horizontal\" | \"vertical\";\n  usage?: \"clickable\" | \"non-clickable\";\n  customStyles?: string;\n}\n\nconst FIGMA_LINK = \"https://www.figma.com/design/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide?node-id=23617-1414\";\nconst ADR_LINK = \"https://github.com/Trendyol/baklava/blob/main/src/components/stepper/doc/ADR.md\";\n\nconst meta: Meta<StepperArgs> = {\n  title: \"Components/Stepper\",\n  component: \"bl-stepper\",\n  parameters: {\n    chromatic: {\n      viewports: [1000]\n    },\n    controls: {\n      exclude: [\"customStyles\"],\n    },\n    docs: {\n      description: {\n        component:\n          \"<div class=\\\"bl-docs-container\\\">\" +\n            \"<p class=\\\"bl-docs-description\\\">\" +\n              \"The Stepper component displays progress through a sequence of steps. \" +\n              \"It supports different visual styles (dot, number, icon), directions (horizontal, vertical), \" +\n              \"and usage modes (clickable, non-clickable). Maximum 9 items are allowed.\" +\n            \"</p>\" +\n\n            \"<div class=\\\"bl-docs-links\\\" style=\\\"display: flex; gap: var(--bl-size-2xs); margin-top: var(--bl-size-m);\\\">\" +\n              \"<bl-badge icon=\\\"document\\\"\" +\n                \"<bl-link variant='inline' href='\" + ADR_LINK + \"' target='_blank'>ADR</bl-link>\" +\n              \"</bl-badge>\" +\n              \"<bl-badge icon=\\\"puzzle\\\"\" +\n                \"<bl-link variant='inline' href='\" + FIGMA_LINK + \"' target='_blank'>Figma</bl-link>\" +\n              \"</bl-badge>\" +\n            \"</div>\" +\n          \"</div>\",\n      },\n    },\n  },\n  decorators: [\n    centeredLayout,\n  ],\n  argTypes: {\n    type: {\n      control: { type: \"select\" },\n      options: [\"dot\", \"number\", \"icon\"],\n      description: \"Stepper render style\",\n      table: {\n        type: { summary: \"StepperType\" },\n        defaultValue: { summary: \"dot\" },\n      },\n    },\n    direction: {\n      control: { type: \"select\" },\n      options: [\"horizontal\", \"vertical\"],\n      description: \"Stepper direction\",\n      table: {\n        type: { summary: \"StepperDirection\" },\n        defaultValue: { summary: \"horizontal\" },\n      },\n    },\n    usage: {\n      control: { type: \"select\" },\n      options: [\"clickable\", \"non-clickable\"],\n      description: \"Stepper usage mode\",\n      table: {\n        type: { summary: \"StepperUsage\" },\n        defaultValue: { summary: \"clickable\" },\n      },\n    },\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<StepperArgs>;\n\nconst StepperTemplate = (args: StepperArgs) => html`\n  <bl-stepper\n    type=${ifDefined(args.type)}\n    direction=${ifDefined(args.direction)}\n    usage=${ifDefined(args.usage)}\n    style=${ifDefined(args.customStyles)}\n  >\n    <bl-stepper-item id=\"1\" title=\"Step 1\" description=\"First step description\" variant=\"success\"></bl-stepper-item>\n    <bl-stepper-item id=\"2\" title=\"Step 2\" description=\"Second step description\" variant=\"active\"></bl-stepper-item>\n    <bl-stepper-item id=\"3\" title=\"Step 3\" description=\"Third step description\" variant=\"default\"></bl-stepper-item>\n    <bl-stepper-item id=\"4\" title=\"Step 4\" description=\"Fourth step description\" variant=\"default\"></bl-stepper-item>\n  </bl-stepper>\n`;\n\nexport const Default: Story = {\n  args: {\n    type: \"dot\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: StepperTemplate,\n};\n\nexport const DotType: Story = {\n  args: {\n    type: \"dot\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: StepperTemplate,\n};\n\nexport const NumberType: Story = {\n  args: {\n    type: \"number\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: StepperTemplate,\n};\n\nexport const IconType: Story = {\n  args: {\n    type: \"icon\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: (args) => html`\n    <bl-stepper\n      type=${ifDefined(args.type)}\n      direction=${ifDefined(args.direction)}\n      usage=${ifDefined(args.usage)}\n      style=${ifDefined(args.customStyles)}\n    >\n      <bl-stepper-item id=\"1\" title=\"Step 1\" description=\"First step description\" variant=\"success\" icon=\"check\"></bl-stepper-item>\n      <bl-stepper-item id=\"2\" title=\"Step 2\" description=\"Second step description\" variant=\"active\" icon=\"settings\"></bl-stepper-item>\n      <bl-stepper-item id=\"3\" title=\"Step 3\" description=\"Third step description\" variant=\"default\" icon=\"clock\"></bl-stepper-item>\n      <bl-stepper-item id=\"4\" title=\"Step 4\" description=\"Fourth step description\" variant=\"default\" icon=\"lock\"></bl-stepper-item>\n    </bl-stepper>\n  `,\n};\n\nexport const VerticalDirection: Story = {\n  args: {\n    type: \"number\",\n    direction: \"vertical\",\n    usage: \"clickable\",\n  },\n  render: StepperTemplate,\n};\n\nexport const NonClickable: Story = {\n  args: {\n    type: \"dot\",\n    direction: \"horizontal\",\n    usage: \"non-clickable\",\n  },\n  render: () => html`\n    <div style=\"display: flex; flex-direction: column; gap: var(--bl-size-m);\">\n      <bl-stepper type=\"dot\" direction=\"horizontal\" usage=\"non-clickable\" id=\"non-clickable-stepper\">\n        <bl-stepper-item id=\"1\" title=\"Account Setup\" description=\"Create your account\" variant=\"success\"></bl-stepper-item>\n        <bl-stepper-item id=\"2\" title=\"Profile Information\" description=\"Add your details\" variant=\"active\"></bl-stepper-item>\n        <bl-stepper-item id=\"3\" title=\"Preferences\" description=\"Set your preferences\" variant=\"default\"></bl-stepper-item>\n        <bl-stepper-item id=\"4\" title=\"Confirmation\" description=\"Review and confirm\" variant=\"default\"></bl-stepper-item>\n      </bl-stepper>\n\n      <div style=\"display: flex; gap: var(--bl-size-xs);\">\n        <bl-button variant=\"secondary\" size=\"small\" @click=${() => {\n          const stepper = document.getElementById(\"non-clickable-stepper\") as BlStepper;\n          const items = stepper.querySelectorAll(\"bl-stepper-item\") as NodeListOf<BlStepperItem>;\n\n          // Find current active step\n          let currentStep = 0;\n\n          items.forEach((item: BlStepperItem, index: number) => {\n            if (item.variant === \"active\") currentStep = index;\n          });\n\n          // Go to previous step\n          if (currentStep > 0) {\n            const prevStep = currentStep - 1;\n\n            items.forEach((item: BlStepperItem, index: number) => {\n              if (index === prevStep) item.variant = \"active\";\n              else if (index < prevStep) item.variant = \"success\";\n              else item.variant = \"default\";\n            });\n          }\n        }}>Previous</bl-button>\n\n        <bl-button variant=\"primary\" size=\"small\" @click=${() => {\n          const stepper = document.getElementById(\"non-clickable-stepper\") as BlStepper;\n          const items = stepper.querySelectorAll(\"bl-stepper-item\") as NodeListOf<BlStepperItem>;\n\n          // Find current active step\n          let currentStep = 0;\n\n          items.forEach((item: BlStepperItem, index: number) => {\n            if (item.variant === \"active\") currentStep = index;\n          });\n\n          // Go to next step\n          if (currentStep < items.length - 1) {\n            const nextStep = currentStep + 1;\n\n            items.forEach((item: BlStepperItem, index: number) => {\n              if (index === nextStep) item.variant = \"active\";\n              else if (index < nextStep) item.variant = \"success\";\n              else item.variant = \"default\";\n            });\n          }\n        }}>Next</bl-button>\n      </div>\n    </div>\n  `,\n};\n\nexport const WithErrorState: Story = {\n  args: {\n    type: \"number\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: () => html`\n    <bl-stepper type=\"number\" direction=\"horizontal\" usage=\"clickable\">\n      <bl-stepper-item id=\"1\" title=\"Step 1\" description=\"First step description\" variant=\"success\"></bl-stepper-item>\n      <bl-stepper-item id=\"2\" title=\"Step 2\" description=\"Second step description\" variant=\"active\"></bl-stepper-item>\n      <bl-stepper-item id=\"3\" title=\"Step 3\" description=\"Third step description\" variant=\"error\"></bl-stepper-item>\n      <bl-stepper-item id=\"4\" title=\"Step 4\" description=\"Fourth step description\" variant=\"default\"></bl-stepper-item>\n    </bl-stepper>\n  `,\n};\n\nexport const WithDisabledItems: Story = {\n  args: {\n    type: \"dot\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: () => html`\n    <bl-stepper type=\"dot\" direction=\"horizontal\" usage=\"clickable\">\n      <bl-stepper-item id=\"1\" title=\"Step 1\" description=\"First step description\" variant=\"success\"></bl-stepper-item>\n      <bl-stepper-item id=\"2\" title=\"Step 2\" description=\"Second step description\" variant=\"active\"></bl-stepper-item>\n      <bl-stepper-item id=\"3\" title=\"Step 3\" description=\"Third step description\" variant=\"default\" disabled></bl-stepper-item>\n      <bl-stepper-item id=\"4\" title=\"Step 4\" description=\"Fourth step description\" variant=\"default\"></bl-stepper-item>\n    </bl-stepper>\n  `,\n};\n\nexport const MinimalSteps: Story = {\n  args: {\n    type: \"number\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: () => html`\n    <bl-stepper type=\"number\" direction=\"horizontal\" usage=\"clickable\">\n      <bl-stepper-item id=\"1\" title=\"Step 1\" variant=\"active\"></bl-stepper-item>\n      <bl-stepper-item id=\"2\" title=\"Step 2\" variant=\"default\"></bl-stepper-item>\n    </bl-stepper>\n  `,\n};\n\nexport const ManySteps: Story = {\n  args: {\n    type: \"dot\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: () => html`\n    <bl-stepper type=\"dot\" direction=\"horizontal\" usage=\"clickable\">\n      <bl-stepper-item id=\"1\" title=\"Step 1\" variant=\"success\"></bl-stepper-item>\n      <bl-stepper-item id=\"2\" title=\"Step 2\" variant=\"success\"></bl-stepper-item>\n      <bl-stepper-item id=\"3\" title=\"Step 3\" variant=\"success\"></bl-stepper-item>\n      <bl-stepper-item id=\"4\" title=\"Step 4\" variant=\"active\"></bl-stepper-item>\n      <bl-stepper-item id=\"5\" title=\"Step 5\" variant=\"default\"></bl-stepper-item>\n      <bl-stepper-item id=\"6\" title=\"Step 6\" variant=\"default\"></bl-stepper-item>\n      <bl-stepper-item id=\"7\" title=\"Step 7\" variant=\"default\"></bl-stepper-item>\n      <bl-stepper-item id=\"8\" title=\"Step 8\" variant=\"default\"></bl-stepper-item>\n      <bl-stepper-item id=\"9\" title=\"Step 9\" variant=\"default\"></bl-stepper-item>\n      <bl-stepper-item id=\"10\" title=\"Step 10\" variant=\"default\"></bl-stepper-item>\n      <bl-stepper-item id=\"11\" title=\"Step 11\" variant=\"default\"></bl-stepper-item>\n    </bl-stepper>\n  `,\n};\n\nexport const WithoutDescriptions: Story = {\n  args: {\n    type: \"number\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: () => html`\n    <bl-stepper type=\"number\" direction=\"horizontal\" usage=\"clickable\">\n      <bl-stepper-item id=\"1\" title=\"Step 1\" variant=\"success\"></bl-stepper-item>\n      <bl-stepper-item id=\"2\" title=\"Step 2\" variant=\"active\"></bl-stepper-item>\n      <bl-stepper-item id=\"3\" title=\"Step 3\" variant=\"default\"></bl-stepper-item>\n      <bl-stepper-item id=\"4\" title=\"Step 4\" variant=\"default\"></bl-stepper-item>\n    </bl-stepper>\n  `,\n};\n\nexport const InteractiveExample: Story = {\n  args: {\n    type: \"number\",\n    direction: \"horizontal\",\n    usage: \"clickable\",\n  },\n  render: () => html`\n    <div style=\"display: flex; flex-direction: column; gap: var(--bl-size-m);\">\n      <bl-stepper type=\"number\" direction=\"horizontal\" usage=\"clickable\" id=\"interactive-stepper\">\n        <bl-stepper-item id=\"1\" title=\"Account Setup\" description=\"Create your account\" variant=\"success\"></bl-stepper-item>\n        <bl-stepper-item id=\"2\" title=\"Profile Information\" description=\"Add your details\" variant=\"active\"></bl-stepper-item>\n        <bl-stepper-item id=\"3\" title=\"Preferences\" description=\"Set your preferences\" variant=\"default\"></bl-stepper-item>\n        <bl-stepper-item id=\"4\" title=\"Confirmation\" description=\"Review and confirm\" variant=\"default\"></bl-stepper-item>\n      </bl-stepper>\n\n      <div style=\"display: flex; gap: var(--bl-size-xs);\">\n        <bl-button variant=\"secondary\" size=\"small\" @click=${() => {\n          const stepper = document.getElementById(\"interactive-stepper\") as BlStepper;\n          const items = stepper.querySelectorAll(\"bl-stepper-item\") as NodeListOf<BlStepperItem>;\n\n          items.forEach((item: BlStepperItem, index: number) => {\n            if (index === 0) item.variant = \"active\";\n            else if (index < 1) item.variant = \"success\";\n            else item.variant = \"default\";\n          });\n        }}>Go to Step 1</bl-button>\n\n        <bl-button variant=\"secondary\" size=\"small\" @click=${() => {\n          const stepper = document.getElementById(\"interactive-stepper\") as BlStepper;\n          const items = stepper.querySelectorAll(\"bl-stepper-item\") as NodeListOf<BlStepperItem>;\n\n          items.forEach((item: BlStepperItem, index: number) => {\n            if (index === 1) item.variant = \"active\";\n            else if (index < 1) item.variant = \"success\";\n            else item.variant = \"default\";\n          });\n        }}>Go to Step 2</bl-button>\n\n        <bl-button variant=\"secondary\" size=\"small\" @click=${() => {\n          const stepper = document.getElementById(\"interactive-stepper\") as BlStepper;\n          const items = stepper.querySelectorAll(\"bl-stepper-item\") as NodeListOf<BlStepperItem>;\n\n          items.forEach((item: BlStepperItem, index: number) => {\n            if (index === 2) item.variant = \"active\";\n            else if (index < 2) item.variant = \"success\";\n            else item.variant = \"default\";\n          });\n        }}>Go to Step 3</bl-button>\n\n        <bl-button variant=\"secondary\" size=\"small\" @click=${() => {\n          const stepper = document.getElementById(\"interactive-stepper\") as BlStepper;\n          const items = stepper.querySelectorAll(\"bl-stepper-item\") as NodeListOf<BlStepperItem>;\n\n          items.forEach((item: BlStepperItem, index: number) => {\n            if (index === 3) item.variant = \"active\";\n            else if (index < 3) item.variant = \"success\";\n            else item.variant = \"default\";\n          });\n        }}>Go to Step 4</bl-button>\n      </div>\n    </div>\n  `,\n};\n"],
+  "mappings": "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",
+  "names": ["FIGMA_LINK", "ADR_LINK", "meta", "centeredLayout", "bl_stepper_stories_default", "StepperTemplate", "args", "x", "Default", "DotType", "NumberType", "IconType", "VerticalDirection", "NonClickable", "items", "currentStep", "item", "index", "prevStep", "nextStep", "WithErrorState", "WithDisabledItems", "MinimalSteps", "ManySteps", "WithoutDescriptions", "InteractiveExample"]
+}

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-3MLXIDOD.js";import"../../chunk-WZBUJ4ER.js";import"../../chunk-YH3MSMXL.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+import{a}from"../../chunk-3MLXIDOD.js";import"../../chunk-YH3MSMXL.js";import"../../chunk-WZBUJ4ER.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-tab-group.js.map

package/dist/components/table/table-cell/bl-table-cell.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-TKTRDALH.js";import"../../../chunk-QKUMEP5P.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3OQA4BKQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-HBPBDC7T.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as blTableCellTag,b as default};
+import{a,b}from"../../../chunk-LZ6VDMPM.js";import"../../../chunk-5QGKDF4O.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3OQA4BKQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-HBPBDC7T.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as blTableCellTag,b as default};
 //# sourceMappingURL=bl-table-cell.js.map

package/dist/components/table/table-header-cell/bl-table-header-cell.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-2EK4TAKQ.js";import"../../../chunk-QKUMEP5P.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3OQA4BKQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-HBPBDC7T.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as blTableHeaderCellTag,b as default};
+import{a,b}from"../../../chunk-JTNWYMYZ.js";import"../../../chunk-5QGKDF4O.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3OQA4BKQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-HBPBDC7T.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as blTableHeaderCellTag,b as default};
 //# sourceMappingURL=bl-table-header-cell.js.map

package/dist/components/table/table-row/bl-table-row.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-QKUMEP5P.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3OQA4BKQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-HBPBDC7T.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as blTableRowTag,b as default};
+import{a,b}from"../../../chunk-5QGKDF4O.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3OQA4BKQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-HBPBDC7T.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as blTableRowTag,b as default};
 //# sourceMappingURL=bl-table-row.js.map