bromcom-ui-next 0.1.13 → 0.1.14

package/dist/bromcom-ui/{p-a4c27c77.entry.js → p-ea1368b5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,g as s}from"./p-9d0aeb92.js";import{a as e,c as o,o as a,f as h,s as r,b as l}from"./p-50133556.js";import{c}from"./p-5fcf77f9.js";const n=":host{--tooltip-bg:var(--bcm-ui-color-background-default-dark-default)}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-\\[-1\\]{z-index:-1}.z-\\[9999\\]{z-index:9999}.block{display:block}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.min-w-max{min-width:max-content}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\\[--tooltip-bg\\]{background-color:var(--tooltip-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}";const d=n;const m=class{constructor(i){t(this,i);this.trigger="hover";this.placement="top";this.size="medium";this.showDelay=150;this.open=false;this.toggleTooltip=()=>{this.open=!this.open;this.updateOutsideClickListener()};this.showTooltip=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=true;this.updateOutsideClickListener()}),this.showDelay)};this.hideTooltip=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=false;this.updateOutsideClickListener()}),this.showDelay)};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");const i=t.assignedElements();this.targetElement=i[0];if(this.targetElement){this.targetElement.removeEventListener("click",this.toggleTooltip);this.targetElement.removeEventListener("mouseenter",this.showTooltip);this.targetElement.removeEventListener("mouseleave",this.hideTooltip);if(this.trigger==="click"){this.targetElement.addEventListener("click",this.toggleTooltip);this.targetElement.setAttribute("aria-expanded",this.open.toString());this.targetElement.setAttribute("aria-describedby","tooltip")}if(this.trigger==="hover"){this.targetElement.addEventListener("mouseenter",this.showTooltip);this.targetElement.addEventListener("mouseleave",this.hideTooltip);this.targetElement.setAttribute("aria-describedby","tooltip")}if(this.tooltipElement&&!this.cleanupAutoUpdate){this.cleanupAutoUpdate=e(this.targetElement,this.tooltipElement,(()=>this.updatePosition()),{animationFrame:false})}}};this.handleOutsideClick=t=>{if(!this.el.contains(t.target)&&this.open){this.open=false;this.updateOutsideClickListener()}};this.updatePosition=async()=>{if(!this.targetElement||!this.tooltipElement||!this.arrowElement)return;const{x:t,y:i,placement:s,middlewareData:e}=await o(this.targetElement,this.tooltipElement,{placement:this.placement,middleware:[a(12),h({fallbackPlacements:["top","left","bottom","right"]}),r({padding:8}),l({element:this.arrowElement})]});Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${i}px`});const{x:c,y:n}=e.arrow||{x:0,y:0};const d=s.split("-")[0];const m={top:"bottom",right:"left",bottom:"top",left:"right"}[d];Object.assign(this.arrowElement.style,{left:c!=null?`${c}px`:"",top:n!=null?`${n}px`:"",[m]:"-4px"})};this.tooltipClass=c({slots:{tooltip:"bcm-ui-element bcm-tooltip absolute bg-[--tooltip-bg] rounded-md shadow-3 py-1 px-3 min-w-max z-[9999] text-color-base font-medium",arrow:"absolute w-4 h-4 bg-[--tooltip-bg] transform rotate-45 z-[-1]"},variants:{size:{small:{tooltip:"text-size-3"},medium:{tooltip:"text-size-4"},large:{tooltip:"text-size-5"}},isOpen:{true:{tooltip:"block"},false:{tooltip:"hidden"}}},defaultVariants:{size:"medium",isOpen:false}},{twMerge:false})}disconnectedCallback(){var t;document.removeEventListener("click",this.handleOutsideClick);if(this.targetElement){this.targetElement.removeEventListener("click",this.toggleTooltip);this.targetElement.removeEventListener("mouseenter",this.showTooltip);this.targetElement.removeEventListener("mouseleave",this.hideTooltip)}(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=null;clearTimeout(this.hoverTimeout)}updateOutsideClickListener(){if(this.open){document.addEventListener("click",this.handleOutsideClick)}else{document.removeEventListener("click",this.handleOutsideClick)}}async openTooltip(){this.showTooltip()}async closeTooltip(){this.hideTooltip()}render(){const{tooltip:t,arrow:s}=this.tooltipClass({size:this.size,isOpen:this.open});return i("div",{key:"cc38e1ce7b446a135f1d2597cf8086aaf8af8a07",class:"relative"},i("slot",{key:"d3c279eec1c236635dab757f1a65f7d6a4e11f8d",onSlotchange:()=>this.handleSlotChange()}),i("div",{key:"e5bc2f9aed8a287ea79f21c7b66de5393689f732",role:"tooltip",class:t(),ref:t=>this.tooltipElement=t,part:"tooltip"},i("div",{key:"0634cb44cbcef4597de4f274a0a40af8885363cd",class:s(),ref:t=>this.arrowElement=t,part:"arrow"}),i("slot",{key:"89182355e0cf7c39da2a69e9e1dd5ca0d51537a9",name:"tooltip"},this.message)))}get el(){return s(this)}};m.style=d;export{m as bcm_tooltip};
-//# sourceMappingURL=p-a4c27c77.entry.js.map
+import{r as t,h as i,g as s}from"./p-9d0aeb92.js";import{a as e,c as o,o as a,f as h,s as r,b as l}from"./p-50133556.js";import{c}from"./p-5fcf77f9.js";const n=":host{--tooltip-bg:var(--bcm-ui-color-background-default-dark-default)}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-\\[-1\\]{z-index:-1}.z-\\[9999\\]{z-index:9999}.block{display:block}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.min-w-max{min-width:max-content}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\\[--tooltip-bg\\]{background-color:var(--tooltip-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}";const d=n;const m=class{constructor(i){t(this,i);this.trigger="hover";this.placement="top";this.size="medium";this.showDelay=150;this.open=false;this.toggleTooltip=()=>{this.open=!this.open;this.updateOutsideClickListener()};this.showTooltip=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=true;this.updateOutsideClickListener()}),this.showDelay)};this.hideTooltip=()=>{clearTimeout(this.hoverTimeout);this.hoverTimeout=setTimeout((()=>{this.open=false;this.updateOutsideClickListener()}),this.showDelay)};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");const i=t.assignedElements();this.targetElement=i[0];if(this.targetElement){this.targetElement.removeEventListener("click",this.toggleTooltip);this.targetElement.removeEventListener("mouseenter",this.showTooltip);this.targetElement.removeEventListener("mouseleave",this.hideTooltip);if(this.trigger==="click"){this.targetElement.addEventListener("click",this.toggleTooltip);this.targetElement.setAttribute("aria-expanded",this.open.toString());this.targetElement.setAttribute("aria-describedby","tooltip")}if(this.trigger==="hover"){this.targetElement.addEventListener("mouseenter",this.showTooltip);this.targetElement.addEventListener("mouseleave",this.hideTooltip);this.targetElement.setAttribute("aria-describedby","tooltip")}if(this.tooltipElement&&!this.cleanupAutoUpdate){this.cleanupAutoUpdate=e(this.targetElement,this.tooltipElement,(()=>this.updatePosition()),{animationFrame:false})}}};this.handleOutsideClick=t=>{if(!this.el.contains(t.target)&&this.open){this.open=false;this.updateOutsideClickListener()}};this.updatePosition=async()=>{if(!this.targetElement||!this.tooltipElement||!this.arrowElement)return;const{x:t,y:i,placement:s,middlewareData:e}=await o(this.targetElement,this.tooltipElement,{placement:this.placement,middleware:[a(12),h({fallbackPlacements:["top","left","bottom","right"]}),r({padding:8}),l({element:this.arrowElement})]});Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${i}px`});const{x:c,y:n}=e.arrow||{x:0,y:0};const d=s.split("-")[0];const m={top:"bottom",right:"left",bottom:"top",left:"right"}[d];Object.assign(this.arrowElement.style,{left:c!=null?`${c}px`:"",top:n!=null?`${n}px`:"",[m]:"-4px"})};this.tooltipClass=c({slots:{tooltip:"bcm-ui-element bcm-tooltip absolute bg-[--tooltip-bg] rounded-md shadow-3 py-1 px-3 min-w-max z-[9999] text-color-base font-medium",arrow:"absolute w-4 h-4 bg-[--tooltip-bg] transform rotate-45 z-[-1]"},variants:{size:{small:{tooltip:"text-size-3"},medium:{tooltip:"text-size-4"},large:{tooltip:"text-size-5"}},isOpen:{true:{tooltip:"block"},false:{tooltip:"hidden"}}},defaultVariants:{size:"medium",isOpen:false}},{twMerge:false})}disconnectedCallback(){var t;document.removeEventListener("click",this.handleOutsideClick);if(this.targetElement){this.targetElement.removeEventListener("click",this.toggleTooltip);this.targetElement.removeEventListener("mouseenter",this.showTooltip);this.targetElement.removeEventListener("mouseleave",this.hideTooltip)}(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.cleanupAutoUpdate=null;clearTimeout(this.hoverTimeout)}updateOutsideClickListener(){if(this.open){document.addEventListener("click",this.handleOutsideClick)}else{document.removeEventListener("click",this.handleOutsideClick)}}async openTooltip(){this.showTooltip()}async closeTooltip(){this.hideTooltip()}render(){const{tooltip:t,arrow:s}=this.tooltipClass({size:this.size,isOpen:this.open});return i("div",{key:"5a1c6f133d30fa10beac54fafd9f890cf359ff9c",class:"relative"},i("slot",{key:"5f6b49c72c789a214b506c653205757b3b331913",onSlotchange:()=>this.handleSlotChange()}),i("div",{key:"0c91d8ed31a3ca64dd2ae3f15a89438083fcad17",role:"tooltip",class:t(),ref:t=>this.tooltipElement=t,part:"tooltip"},i("div",{key:"a0f68b67b517b4890d9774d117a54722119916f5",class:s(),ref:t=>this.arrowElement=t,part:"arrow"}),i("slot",{key:"3ae9d5e6694faf19712bb8eb58452a48df49d382",name:"tooltip"},this.message)))}get el(){return s(this)}};m.style=d;export{m as bcm_tooltip};
+//# sourceMappingURL=p-ea1368b5.entry.js.map

package/dist/bromcom-ui/{p-604cb620.entry.js → p-fe7e2cfd.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./p-9d0aeb92.js";import{c as a}from"./p-5fcf77f9.js";const i='.relative{position:relative}:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:h-full:after{content:var(--tw-content);height:100%}.after\\:w-full:after{content:var(--tw-content);width:100%}@keyframes ping{75%,to{content:var(--tw-content);opacity:0;transform:scale(2)}}.after\\:animate-blink:after{animation:ping 2s infinite;content:var(--tw-content)}.after\\:rounded-full:after{border-radius:var(--bcm-ui-border-radius-full,9999px);content:var(--tw-content)}.after\\:bg-\\[--bcm-badge-bg\\]:after{background-color:var(--bcm-badge-bg);content:var(--tw-content)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}';const r=i;const o=class{constructor(e){t(this,e);this.size="medium";this.variant="text";this.soft=false;this.blink=false;this.position="top-right";this.classes=a({base:"badge bcm-ui-element absolute font-medium inline-flex items-center justify-center bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius] z-10",variants:{size:{small:"gap-1 px-1 text-size-3",medium:"gap-1 py-0.5 px-1.5 text-size-4",large:"gap-2 py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""},position:{"top-right":"-top-1 -right-1","top-left":"-top-1 -left-1","bottom-right":"-bottom-1 -right-1","bottom-left":"-bottom-1 -left-1"},blink:{true:'after:content-[""] after:absolute  after:rounded-full after:bg-[--bcm-badge-bg] after:animate-blink after:w-full after:h-full'}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",position:"top-right",blink:false}})}get offsetStyle(){if(!this.offset)return{};const[t=0,e=0]=this.offset.split(",").map((t=>t.trim()));return{transform:`translate(${t}px, ${e}px)`}}get badgeStyle(){if(!this.color)return{};const t=this.soft?"soft":"vivid";return{"--bcm-badge-bg":`var(--bcm-ui-color-background-${t}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}}render(){return e("div",{key:"b0a8277ca8db5c5185934d3317d3eb9c9c1d716e",class:"relative inline-flex"},e("slot",{key:"c01defe477f2e3f4ea3044dea4ab888ec254c447"}),e("div",{key:"30cb7f923a995af3c648ea396fc65f4b8b7424be",role:"status","aria-live":"polite","aria-label":this.status?`Status: ${this.status}`:undefined,class:this.classes({size:this.size,variant:this.variant,position:this.position,blink:this.blink}),style:Object.assign(Object.assign({},this.badgeStyle),this.offsetStyle)},this.variant=="text"&&e("slot",{key:"ca64be7fb4f14e7287c93f2223894552b96a68e8",name:"badge"},this.text)))}};o.style=r;export{o as bcm_badge};
-//# sourceMappingURL=p-604cb620.entry.js.map
+import{r as t,h as e}from"./p-9d0aeb92.js";import{c as a}from"./p-5fcf77f9.js";const i='.relative{position:relative}:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:h-full:after{content:var(--tw-content);height:100%}.after\\:w-full:after{content:var(--tw-content);width:100%}@keyframes ping{75%,to{content:var(--tw-content);opacity:0;transform:scale(2)}}.after\\:animate-blink:after{animation:ping 2s infinite;content:var(--tw-content)}.after\\:rounded-full:after{border-radius:var(--bcm-ui-border-radius-full,9999px);content:var(--tw-content)}.after\\:bg-\\[--bcm-badge-bg\\]:after{background-color:var(--bcm-badge-bg);content:var(--tw-content)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}';const r=i;const o=class{constructor(e){t(this,e);this.size="medium";this.variant="text";this.soft=false;this.blink=false;this.position="top-right";this.classes=a({base:"badge bcm-ui-element absolute font-medium inline-flex items-center justify-center bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius] z-10",variants:{size:{small:"gap-1 px-1 text-size-3",medium:"gap-1 py-0.5 px-1.5 text-size-4",large:"gap-2 py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""},position:{"top-right":"-top-1 -right-1","top-left":"-top-1 -left-1","bottom-right":"-bottom-1 -right-1","bottom-left":"-bottom-1 -left-1"},blink:{true:'after:content-[""] after:absolute  after:rounded-full after:bg-[--bcm-badge-bg] after:animate-blink after:w-full after:h-full'}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",position:"top-right",blink:false}})}get offsetStyle(){if(!this.offset)return{};const[t=0,e=0]=this.offset.split(",").map((t=>t.trim()));return{transform:`translate(${t}px, ${e}px)`}}get badgeStyle(){if(!this.color)return{};const t=this.soft?"soft":"vivid";return{"--bcm-badge-bg":`var(--bcm-ui-color-background-${t}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}}render(){return e("div",{key:"da26bf1e14ff4098562a3d594ec9c895694f62fa",class:"relative inline-flex"},e("slot",{key:"f92bff170f95619ac79bdd0cfb7970e16e581d26"}),e("div",{key:"4379aac0216eec1de7e0908cfa0531c80e8dab23",role:"status","aria-live":"polite","aria-label":this.status?`Status: ${this.status}`:undefined,class:this.classes({size:this.size,variant:this.variant,position:this.position,blink:this.blink}),style:Object.assign(Object.assign({},this.badgeStyle),this.offsetStyle)},this.variant=="text"&&e("slot",{key:"63f5bf1a342f9136a012a98844926dfdee7da40d",name:"badge"},this.text)))}};o.style=r;export{o as bcm_badge};
+//# sourceMappingURL=p-fe7e2cfd.entry.js.map

package/dist/cjs/app-globals-e0eef2e9.js.map

@@ -1 +1 @@
-{"file":"app-globals-e0eef2e9.js","mappings":";;AAAA,SAAS,aAAa,CAAC,GAAG,EAAE;AAC5B,IAAI,MAAM,IAAI,GAAG,QAAQ,CAAC;AAC1B,IAAI,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;AAC1C,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG;AAChC,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAC1B;AACA,IAAI,IAAI,CAAC,WAAW,CAAC;AACrB;;AAEA,MAAM,aAAa,GAAG,qEAAqE,CAAC;;AAE5F,IAAI,WAAW,GAAG;;AAElB,QAAQ,MAAM,MAAM;AACpB,QAAQ;AACR;AACA;AACA,MAAM,CAAC,CAAC;AACR,KAAK;AACL,IAAI,WAAW;AACf,QAAQ,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AACrC,KAAK;AACL,IAAI;AACJ;;AAEA,SAAS;AACT,KAAK;AACL,IAAI;;AAEJ,KAAK;AACL,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;AACnB,QAAQ,IAAI,CAAC,UAAU,CAAC;AACxB,KAAK;AACL,IAAI;;AAEJ,QAAQ,IAAI,CAAC;AACb,KAAK;AACL,CAAC,CAAC,CAAC;;;ACpCS,MAAC,aAAa,GAAGA;;;;","names":["appGlobalScript"],"sources":["src/global/global.js","@stencil/core/internal/app-globals"],"sourcesContent":["function addHeadScript(obj) {\n  const head = document.head;\n  const script = document.createElement('script');\n  Object.keys(obj).forEach(key => {\n    script[key] = obj[key];\n  });\n  head.appendChild(script);\n}\n\naddHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });\n\nconst FA_GLOBAL_CSS = 'https://designsystem.bromcomcloud.com/fontawesome/6/css/all.min.css';\n\ncustomElements.define(\n  'bcm-icon',\n  class extends HTMLElement {\n    constructor() {\n      super();\n      const shadow = this.attachShadow({ mode: 'open' });\n      shadow.innerHTML = `\n        <link rel=\"stylesheet\" href=\"${FA_GLOBAL_CSS}\"/>\n        <i></i>\n      `;\n    }\n\n    static get observedAttributes() {\n      return ['name', 'icon-name'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n      if ((name === 'name' || name === 'icon-name') && oldValue !== newValue) {\n        this.icon = newValue;\n      }\n    }\n\n    get icon() {\n      return this.getAttribute('name') || this.getAttribute('icon-name');\n    }\n\n    set icon(icon) {\n      this.shadowRoot.querySelector('i').className = `${icon}`;\n    }\n\n    connectedCallback() {\n      this.style.display = 'inline-block';\n      this.icon = this.icon;\n    }\n  },\n);\n","import appGlobalScript from '/Users/muratpolatozkan/works/bromcom/ui-team/next/bromcom-ui-v2/src/global/global.js';\nexport const globalScripts = appGlobalScript;\n"],"version":3}
+{"file":"app-globals-e0eef2e9.js","mappings":";;AAAA,SAAS,aAAa,CAAC,GAAG,EAAE;AAC5B,IAAI,MAAM,IAAI,GAAG,QAAQ,CAAC;AAC1B,IAAI,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;AAC1C,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG;AAChC,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAC1B;AACA,IAAI,IAAI,CAAC,WAAW,CAAC;AACrB;;AAEA,MAAM,aAAa,GAAG,qEAAqE,CAAC;;AAE5F,IAAI,WAAW,GAAG;;AAElB,QAAQ,MAAM,MAAM;AACpB,QAAQ;AACR;AACA;AACA,MAAM,CAAC,CAAC;AACR,KAAK;AACL,IAAI,WAAW;AACf,QAAQ,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AACrC,KAAK;AACL,IAAI;AACJ;;AAEA,SAAS;AACT,KAAK;AACL,IAAI;;AAEJ,KAAK;AACL,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;AACnB,QAAQ,IAAI,CAAC,UAAU,CAAC;AACxB,KAAK;AACL,IAAI;;AAEJ,QAAQ,IAAI,CAAC;AACb,KAAK;AACL,CAAC,CAAC,CAAC;;;ACpCS,MAAC,aAAa,GAAGA;;;;","names":["appGlobalScript"],"sources":["src/global/global.js","@stencil/core/internal/app-globals"],"sourcesContent":["function addHeadScript(obj) {\n  const head = document.head;\n  const script = document.createElement('script');\n  Object.keys(obj).forEach(key => {\n    script[key] = obj[key];\n  });\n  head.appendChild(script);\n}\n\naddHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });\n\nconst FA_GLOBAL_CSS = 'https://designsystem.bromcomcloud.com/fontawesome/6/css/all.min.css';\n\ncustomElements.define(\n  'bcm-icon',\n  class extends HTMLElement {\n    constructor() {\n      super();\n      const shadow = this.attachShadow({ mode: 'open' });\n      shadow.innerHTML = `\n        <link rel=\"stylesheet\" href=\"${FA_GLOBAL_CSS}\"/>\n        <i></i>\n      `;\n    }\n\n    static get observedAttributes() {\n      return ['name', 'icon-name'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n      if ((name === 'name' || name === 'icon-name') && oldValue !== newValue) {\n        this.icon = newValue;\n      }\n    }\n\n    get icon() {\n      return this.getAttribute('name') || this.getAttribute('icon-name');\n    }\n\n    set icon(icon) {\n      this.shadowRoot.querySelector('i').className = `${icon}`;\n    }\n\n    connectedCallback() {\n      this.style.display = 'inline-block';\n      this.icon = this.icon;\n    }\n  },\n);\n","import appGlobalScript from '/Users/muratpolatozkan/works/bromcom/ui-team/bcm-next/bromcom-ui-v2/src/global/global.js';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/cjs/bcm-accordion-group.cjs.entry.js

@@ -81,7 +81,7 @@ const BcmAccordionGroup = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'dea0b42deb666d329a0c8ef2bb1aed31550d9e81', class: "flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]", role: "group", "aria-label": "Accordion group" }, index.h("slot", { key: '6031d0b3a8c954fdb95436edc2684fafb5e8486b', onSlotchange: this.handleSlotChange })));
+        return (index.h("div", { key: '6920d3b1eb09a1233b530b3c00da708f5c372cc8', class: "flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]", role: "group", "aria-label": "Accordion group" }, index.h("slot", { key: 'be064576ff72ded1ddee5df1694201afc561bf55', onSlotchange: this.handleSlotChange })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/bcm-accordion.cjs.entry.js

@@ -112,12 +112,12 @@ const BcmAccordion = class {
             hasFooterContent: this.hasFooterContent || !!this.hintText,
             expanded: this.expanded,
         });
-        return (index.h("div", { key: '3a0a390154b9aaeacf347c341dca527251170623', class: container() }, index.h("header", { key: 'c26f66a539d305aeee93b282e1517e71bcf9b597', class: header(), role: "button", tabindex: "0", "aria-expanded": this.expanded.toString(), "aria-controls": "accordion-content", onKeyDown: e => {
+        return (index.h("div", { key: '27ff1bd29d72a8fc284388a63a78341f1b662ff1', class: container() }, index.h("header", { key: '56773b09da2bd2487605f77eccaeaf400e8071d7', class: header(), role: "button", tabindex: "0", "aria-expanded": this.expanded.toString(), "aria-controls": "accordion-content", onKeyDown: e => {
                 if (e.key === 'Enter' || e.key === ' ') {
                     e.preventDefault();
                     this.toggle();
                 }
-            }, onClick: () => this.toggle() }, index.h("slot", { key: 'ca21e2bc82a7db3ea2e5ad2347ff2a4aef1de19c', name: "title" }, this.headerTitle), index.h("div", { key: 'b57f38a3fe971abff72eb51d712d7feb2c9b9427', class: rightSection() }, index.h("span", { key: '456fe8d1d4e26842e9415bfd7c3a0cc378f4fbf6', onClick: e => e.stopPropagation() }, index.h("slot", { key: 'b60717c1a83ab6e332b455ef67c51dcdbf0110be', name: "actions" })), index.h("bcm-icon", { key: 'a25daa4603a65c040697aab473d85d3fc509925a', name: "fa-regular fa-chevron-down", class: icon() }))), index.h("div", { key: '8f54f72a47d1c756af639beb6418949160489b9b', class: content(), style: { maxHeight: this.expanded ? 'auto' : '0px' }, ref: el => (this.contentEl = el) }, index.h("div", { key: '9ac84621a920595b89d5c40ee62c009fae3f366f', class: "px-4 py-2" }, index.h("slot", { key: '2aa186106f12ef8afcdb315fec20fbcf6793a6aa' })), index.h("footer", { key: '36b85324780a99a6d3d1aec30379c56593d9388c', class: footer() }, index.h("slot", { key: '4e44aa3436e002a2b73c215ee09313f183ab5914', name: "footer", onSlotchange: this.handleFooterSlotChange }, this.hintText)))));
+            }, onClick: () => this.toggle() }, index.h("slot", { key: 'b2cbd55b6451fa0ccee7380d20499d328bf0d9d6', name: "title" }, this.headerTitle), index.h("div", { key: '631868f3ece38ee69f870091280ccbbf8b8dddfe', class: rightSection() }, index.h("span", { key: '75ad805a845e2fbaf90121e5aa318d75d835615a', onClick: e => e.stopPropagation() }, index.h("slot", { key: 'd564a348a4910c5ea39cabe9e62463b1a33f9e26', name: "actions" })), index.h("bcm-icon", { key: '07993b813a2eb5514f4288d9d2fac09c07c20991', name: "fa-regular fa-chevron-down", class: icon() }))), index.h("div", { key: '587c6edacb62d46b409f3786a676dbb9a8a5fd8d', class: content(), style: { maxHeight: this.expanded ? 'auto' : '0px' }, ref: el => (this.contentEl = el) }, index.h("div", { key: 'f54eae8dec6696e93b1e2582324603e2eda30d95', class: "px-4 py-2" }, index.h("slot", { key: 'd592d7d2ebd5ae4eb4db83727ad52e59dbccf63d' })), index.h("footer", { key: 'bc89caa25026dbf0b694dbe6e4f4e8671b9aedf5', class: footer() }, index.h("slot", { key: '8b8fa05823f6834bed78c97d449cbd3367eee5ad', name: "footer", onSlotchange: this.handleFooterSlotChange }, this.hintText)))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/bcm-alert.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-6710808e.js');
 const index$1 = require('./index-310db2a6.js');
 
-const alertCss = ":host{--bcm-alert-bg:var(--bcm-ui-color-background-default-default);--bcm-alert-text:var(--bcm-ui-color-text-default);--bcm-alert-radius:6px;display:inline-block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.flex{display:flex}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-\\[--bcm-alert-radius\\]{border-radius:var(--bcm-alert-radius)}.bg-\\[--bcm-alert-bg\\]{background-color:var(--bcm-alert-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-alert-text\\]{color:var(--bcm-alert-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
+const alertCss = ":host{--bcm-alert-bg:var(--bcm-ui-color-background-default-default);--bcm-alert-text:var(--bcm-ui-color-text-default);--bcm-alert-radius:6px;display:inline-block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.flex{display:flex}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-\\[--bcm-alert-radius\\]{border-radius:var(--bcm-alert-radius)}.bg-\\[--bcm-alert-bg\\]{background-color:var(--bcm-alert-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-alert-text\\]{color:var(--bcm-alert-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
 const BcmAlertStyle0 = alertCss;
 
 const BcmAlert = class {
@@ -89,7 +89,7 @@ const BcmAlert = class {
     }
     render() {
         const { base, section } = this.alertClass({ size: this.size });
-        return (index.h("div", { key: '035970fbe141f9ba657970b3ed6c3d3b25c9667d', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: base(), style: this.alertStyles }, index.h("div", { key: 'bd835ea4e8de6d45fb619c7cfa3440fb9a219ca9', class: section() }, this.showStatusIcon && index.h("bcm-icon", { key: '60eefe166c82e92a165e81d9bd2312ffa0d30a93', "icon-name": this.getStatusIcon() }), index.h("slot", { key: '9a499d62f590396cd6ace97c14fdf23613c7e487' })), index.h("div", { key: 'abbcf277f440e812480a4e333f4ecf7638c6d154', class: section() }, index.h("div", { key: '9f9e46f46dbb7da35e4f23f1cd0c9c56ac741793', part: "action" }, index.h("slot", { key: '024d5e74a33cd66cc22f60d35a79ec4c1d8b0e6d', name: "action" })), index.h("span", { key: 'e47d80cd9ebe01aede4e8f4465a4ada9abeecfca', part: "icon" }, this.dismissible && index.h("bcm-icon", { key: 'aca19250258abbd7658ce8914d42315186d4c12e', onClick: () => this.onDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark" })))));
+        return (index.h("div", { key: '7f91a09d5cd85203bbcb7ec2848abbd38381b7d7', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: base(), style: this.alertStyles }, index.h("div", { key: 'f0a3407e8998632cf4768205a584ee76602dd10e', class: section() }, this.showStatusIcon && index.h("bcm-icon", { key: 'c89277913df205769b27695afda17fbae27e5dcd', "icon-name": this.getStatusIcon() }), index.h("slot", { key: '7ee558872bbe2ef7f056f9d5762920c1a373cf00' })), index.h("div", { key: '0e5800023a34fb739945c390186f372ae4ea6ceb', class: section() }, index.h("div", { key: 'a23280a4885d74e4c7373b7d099f9ddb0c59164e', part: "action" }, index.h("slot", { key: 'd0901245812635e28b13c76e9c841b4052d4d307', name: "action" })), index.h("span", { key: '0a90cd1625e033d34ec3724473f5956a96dc7fb3', part: "icon" }, this.dismissible && index.h("bcm-icon", { key: '0a29cfaa6dc3c4dda309740e210d9e607b71fba1', onClick: () => this.onDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark" })))));
     }
 };
 BcmAlert.style = BcmAlertStyle0;

package/dist/cjs/bcm-alert.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"bcm-alert.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,y4CAAy4C,CAAC;AAC35C,uBAAe,QAAQ;;MCaV,QAAQ;IALrB;;;;QAQI,WAAM,GAAiB,SAAS,CAAC;;QAIjC,SAAI,GAAe,QAAQ,CAAC;;QAI5B,SAAI,GAAe,QAAQ,CAAC;;QAI5B,gBAAW,GAAa,IAAI,CAAC;;QAI7B,mBAAc,GAAa,IAAI,CAAC;KAiGnC;;;;;IAxFW,SAAS;QACb,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;KAC1B;IAEO,aAAa;QACjB,MAAM,UAAU,GAAG;YACf,IAAI,EAAE,2BAA2B;YACjC,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,oCAAoC;YAC7C,OAAO,EAAE,4BAA4B;SACxC,CAAC;QACF,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAClC;IAED,IAAY,UAAU;QAClB,OAAOA,UAAE,CACL;YACI,KAAK,EAAE;gBACH,IAAI,EAAE,+JAA+J;gBACrK,OAAO,EAAE,yBAAyB;aACrC;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE;oBACF,KAAK,EAAE;wBACH,IAAI,EAAE,oBAAoB;qBAC7B;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,kBAAkB;qBAC3B;oBACD,KAAK,EAAE;wBACH,IAAI,EAAE,oBAAoB;qBAC7B;iBACJ;aACJ;SACJ,EACD;YACI,OAAO,EAAE,KAAK;SACjB,CACJ,CAAC;KACL;IAED,IAAY,WAAW;QACnB,IAAI,WAAW,GAAG;YACd,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,oDAAoD;YAC3D,OAAO,EAAE,uDAAuD;YAChE,OAAO,EAAE,sDAAsD;YAC/D,OAAO,EAAE,qDAAqD;SACjE,CAAC;QAEF,IAAI,eAAe,GAAG;YAClB,IAAI,EAAE,+BAA+B;YACrC,KAAK,EAAE,gCAAgC;YACvC,OAAO,EAAE,kCAAkC;YAC3C,OAAO,EAAE,kCAAkC;YAC3C,OAAO,EAAE,kCAAkC;SAC9C,CAAC;QAEF,IAAI,UAAU,GAAG;YACb,gBAAgB,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;YAC1C,kBAAkB,EAAE,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;SACnD,CAAC;QAEF,IAAI,SAAS,GAAG;YACZ,gBAAgB,EAAE,aAAa;YAC/B,kBAAkB,EAAE,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;SACnD,CAAC;QAEF,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;KAC1D;IAED,MAAM;QACF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/D,QACIC,kEAAK,IAAI,EAAC,OAAO,eAAW,WAAW,iBAAa,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,IAC7FA,kEAAK,KAAK,EAAE,OAAO,EAAE,IAChB,IAAI,CAAC,cAAc,IAAIA,oFAAqB,IAAI,CAAC,aAAa,EAAE,GAAa,EAC9EA,oEAAa,CACX,EACNA,kEAAK,KAAK,EAAE,OAAO,EAAE,IACjBA,kEAAK,IAAI,EAAC,QAAQ,IACdA,mEAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,EACNA,mEAAM,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,WAAW,IAAIA,uEAAU,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAC,gBAAgB,eAAW,qBAAqB,GAAY,CAAQ,CAC1J,CACJ,EACR;KACL;;;;;;","names":["tv","h"],"sources":["src/components/alert/alert.css?tag=bcm-alert&encapsulation=shadow","src/components/alert/alert.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: 100%;\n  --bcm-alert-bg: var(--bcm-ui-color-background-default-default);\n  --bcm-alert-text: var(--bcm-ui-color-text-default);\n  --bcm-alert-radius: 6px;\n}\n","import { Component, ComponentInterface, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { AlertKind, AlertSize, AlertStatus } from './types';\nimport { tv } from 'tailwind-variants';\n\n\n/**\n * Alert component that displays messages with different statuses and styles\n * @class BcmAlert\n */\n@Component({\n    tag: 'bcm-alert',\n    styleUrl: 'alert.css',\n    shadow: true,\n})\nexport class BcmAlert implements ComponentInterface {\n    /** Alert status type */\n    @Prop()\n    status?: AlertStatus = 'default';\n\n    /** Alert size variant */\n    @Prop()\n    size?: AlertSize = 'medium';\n\n    /** Alert style variant */\n    @Prop()\n    kind?: AlertKind = 'filled';\n\n    /** Whether alert can be dismissed */\n    @Prop()\n    dismissible?: boolean = true;\n\n    /** Whether to show status icon */\n    @Prop()\n    showStatusIcon?: boolean = true;\n\n    @Event() bcmDismiss: EventEmitter<void>;\n\n\n    /**\n     * Handles alert dismissal\n     * @private\n     */\n    private onDismiss() {\n        this.bcmDismiss.emit();\n    }\n\n    private getStatusIcon() {\n        const statusIcon = {\n            info: 'fa-regular fa-info-circle',\n            error: 'fa-regular fa-exclamation-circle',\n            warning: 'fa-regular fa-exclamation-triangle',\n            success: 'fa-regular fa-check-circle',\n        };\n        return statusIcon[this.status];\n    }\n\n    private get alertClass() {\n        return tv(\n            {\n                slots: {\n                    base: 'alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full',\n                    section: 'flex items-center gap-2',\n                },\n                variants: {\n                    size: {\n                        small: {\n                            base: 'py-1.5 text-size-4',\n                        },\n                        medium: {\n                            base: 'py-2 text-size-5',\n                        },\n                        large: {\n                            base: 'py-2.5 text-size-6',\n                        },\n                    },\n                },\n            },\n            {\n                twMerge: false,\n            },\n        );\n    }\n\n    private get alertStyles() {\n        let colorStatus = {\n            info: 'var(--bcm-ui-color-background-palette-blue-default)',\n            error: 'var(--bcm-ui-color-background-palette-red-default)',\n            warning: 'var(--bcm-ui-color-background-palette-yellow-default)',\n            success: 'var(--bcm-ui-color-background-palette-green-default)',\n            default: 'var(--bcm-ui-color-background-palette-gray-default)',\n        };\n\n        let textStatusColor = {\n            info: 'var(--bcm-ui-color-text-info)',\n            error: 'var(--bcm-ui-color-text-error)',\n            warning: 'var(--bcm-ui-color-text-warning)',\n            success: 'var(--bcm-ui-color-text-success)',\n            default: 'var(--bcm-ui-color-text-default)',\n        };\n\n        let filleStyle = {\n            '--bcm-alert-bg': colorStatus[this.status],\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        let textStyle = {\n            '--bcm-alert-bg': 'transparent',\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        return this.kind === 'filled' ? filleStyle : textStyle;\n    }\n\n    render() {\n        const { base, section } = this.alertClass({ size: this.size });\n        return (\n            <div role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class={base()} style={this.alertStyles}>\n                <div class={section()}>\n                    {this.showStatusIcon && <bcm-icon icon-name={this.getStatusIcon()}></bcm-icon>}\n                    <slot></slot>\n                </div>\n                <div class={section()}>\n                    <div part=\"action\">\n                        <slot name=\"action\"></slot>\n                    </div>\n                    <span part=\"icon\">{this.dismissible && <bcm-icon onClick={() => this.onDismiss()} class=\"cursor-pointer\" icon-name=\"fa-regular fa-xmark\"></bcm-icon>}</span>\n                </div>\n            </div>\n        );\n    }\n}\n"],"version":3}
+{"file":"bcm-alert.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,i3CAAi3C,CAAC;AACn4C,uBAAe,QAAQ;;MCaV,QAAQ;IALrB;;;;QAQI,WAAM,GAAiB,SAAS,CAAC;;QAIjC,SAAI,GAAe,QAAQ,CAAC;;QAI5B,SAAI,GAAe,QAAQ,CAAC;;QAI5B,gBAAW,GAAa,IAAI,CAAC;;QAI7B,mBAAc,GAAa,IAAI,CAAC;KAiGnC;;;;;IAxFW,SAAS;QACb,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;KAC1B;IAEO,aAAa;QACjB,MAAM,UAAU,GAAG;YACf,IAAI,EAAE,2BAA2B;YACjC,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,oCAAoC;YAC7C,OAAO,EAAE,4BAA4B;SACxC,CAAC;QACF,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAClC;IAED,IAAY,UAAU;QAClB,OAAOA,UAAE,CACL;YACI,KAAK,EAAE;gBACH,IAAI,EAAE,+JAA+J;gBACrK,OAAO,EAAE,yBAAyB;aACrC;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE;oBACF,KAAK,EAAE;wBACH,IAAI,EAAE,oBAAoB;qBAC7B;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,kBAAkB;qBAC3B;oBACD,KAAK,EAAE;wBACH,IAAI,EAAE,oBAAoB;qBAC7B;iBACJ;aACJ;SACJ,EACD;YACI,OAAO,EAAE,KAAK;SACjB,CACJ,CAAC;KACL;IAED,IAAY,WAAW;QACnB,IAAI,WAAW,GAAG;YACd,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,oDAAoD;YAC3D,OAAO,EAAE,uDAAuD;YAChE,OAAO,EAAE,sDAAsD;YAC/D,OAAO,EAAE,qDAAqD;SACjE,CAAC;QAEF,IAAI,eAAe,GAAG;YAClB,IAAI,EAAE,+BAA+B;YACrC,KAAK,EAAE,gCAAgC;YACvC,OAAO,EAAE,kCAAkC;YAC3C,OAAO,EAAE,kCAAkC;YAC3C,OAAO,EAAE,kCAAkC;SAC9C,CAAC;QAEF,IAAI,UAAU,GAAG;YACb,gBAAgB,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;YAC1C,kBAAkB,EAAE,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;SACnD,CAAC;QAEF,IAAI,SAAS,GAAG;YACZ,gBAAgB,EAAE,aAAa;YAC/B,kBAAkB,EAAE,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;SACnD,CAAC;QAEF,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;KAC1D;IAED,MAAM;QACF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/D,QACIC,kEAAK,IAAI,EAAC,OAAO,eAAW,WAAW,iBAAa,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,IAC7FA,kEAAK,KAAK,EAAE,OAAO,EAAE,IAChB,IAAI,CAAC,cAAc,IAAIA,oFAAqB,IAAI,CAAC,aAAa,EAAE,GAAa,EAC9EA,oEAAa,CACX,EACNA,kEAAK,KAAK,EAAE,OAAO,EAAE,IACjBA,kEAAK,IAAI,EAAC,QAAQ,IACdA,mEAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,EACNA,mEAAM,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,WAAW,IAAIA,uEAAU,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAC,gBAAgB,eAAW,qBAAqB,GAAY,CAAQ,CAC1J,CACJ,EACR;KACL;;;;;;","names":["tv","h"],"sources":["src/components/alert/alert.css?tag=bcm-alert&encapsulation=shadow","src/components/alert/alert.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: 100%;\n  --bcm-alert-bg: var(--bcm-ui-color-background-default-default);\n  --bcm-alert-text: var(--bcm-ui-color-text-default);\n  --bcm-alert-radius: 6px;\n}\n","import { Component, ComponentInterface, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { AlertKind, AlertSize, AlertStatus } from './types';\nimport { tv } from 'tailwind-variants';\n\n\n/**\n * Alert component that displays messages with different statuses and styles\n * @class BcmAlert\n */\n@Component({\n    tag: 'bcm-alert',\n    styleUrl: 'alert.css',\n    shadow: true,\n})\nexport class BcmAlert implements ComponentInterface {\n    /** Alert status type */\n    @Prop()\n    status?: AlertStatus = 'default';\n\n    /** Alert size variant */\n    @Prop()\n    size?: AlertSize = 'medium';\n\n    /** Alert style variant */\n    @Prop()\n    kind?: AlertKind = 'filled';\n\n    /** Whether alert can be dismissed */\n    @Prop()\n    dismissible?: boolean = true;\n\n    /** Whether to show status icon */\n    @Prop()\n    showStatusIcon?: boolean = true;\n\n    @Event() bcmDismiss: EventEmitter<void>;\n\n\n    /**\n     * Handles alert dismissal\n     * @private\n     */\n    private onDismiss() {\n        this.bcmDismiss.emit();\n    }\n\n    private getStatusIcon() {\n        const statusIcon = {\n            info: 'fa-regular fa-info-circle',\n            error: 'fa-regular fa-exclamation-circle',\n            warning: 'fa-regular fa-exclamation-triangle',\n            success: 'fa-regular fa-check-circle',\n        };\n        return statusIcon[this.status];\n    }\n\n    private get alertClass() {\n        return tv(\n            {\n                slots: {\n                    base: 'alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full',\n                    section: 'flex items-center gap-2',\n                },\n                variants: {\n                    size: {\n                        small: {\n                            base: 'py-1.5 text-size-4',\n                        },\n                        medium: {\n                            base: 'py-2 text-size-5',\n                        },\n                        large: {\n                            base: 'py-2.5 text-size-6',\n                        },\n                    },\n                },\n            },\n            {\n                twMerge: false,\n            },\n        );\n    }\n\n    private get alertStyles() {\n        let colorStatus = {\n            info: 'var(--bcm-ui-color-background-palette-blue-default)',\n            error: 'var(--bcm-ui-color-background-palette-red-default)',\n            warning: 'var(--bcm-ui-color-background-palette-yellow-default)',\n            success: 'var(--bcm-ui-color-background-palette-green-default)',\n            default: 'var(--bcm-ui-color-background-palette-gray-default)',\n        };\n\n        let textStatusColor = {\n            info: 'var(--bcm-ui-color-text-info)',\n            error: 'var(--bcm-ui-color-text-error)',\n            warning: 'var(--bcm-ui-color-text-warning)',\n            success: 'var(--bcm-ui-color-text-success)',\n            default: 'var(--bcm-ui-color-text-default)',\n        };\n\n        let filleStyle = {\n            '--bcm-alert-bg': colorStatus[this.status],\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        let textStyle = {\n            '--bcm-alert-bg': 'transparent',\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        return this.kind === 'filled' ? filleStyle : textStyle;\n    }\n\n    render() {\n        const { base, section } = this.alertClass({ size: this.size });\n        return (\n            <div role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class={base()} style={this.alertStyles}>\n                <div class={section()}>\n                    {this.showStatusIcon && <bcm-icon icon-name={this.getStatusIcon()}></bcm-icon>}\n                    <slot></slot>\n                </div>\n                <div class={section()}>\n                    <div part=\"action\">\n                        <slot name=\"action\"></slot>\n                    </div>\n                    <span part=\"icon\">{this.dismissible && <bcm-icon onClick={() => this.onDismiss()} class=\"cursor-pointer\" icon-name=\"fa-regular fa-xmark\"></bcm-icon>}</span>\n                </div>\n            </div>\n        );\n    }\n}\n"],"version":3}

package/dist/cjs/bcm-badge.cjs.entry.js

@@ -108,12 +108,12 @@ const Badge = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'b0a8277ca8db5c5185934d3317d3eb9c9c1d716e', class: "relative inline-flex" }, index.h("slot", { key: 'c01defe477f2e3f4ea3044dea4ab888ec254c447' }), index.h("div", { key: '30cb7f923a995af3c648ea396fc65f4b8b7424be', role: "status", "aria-live": "polite", "aria-label": this.status ? `Status: ${this.status}` : undefined, class: this.classes({
+        return (index.h("div", { key: 'da26bf1e14ff4098562a3d594ec9c895694f62fa', class: "relative inline-flex" }, index.h("slot", { key: 'f92bff170f95619ac79bdd0cfb7970e16e581d26' }), index.h("div", { key: '4379aac0216eec1de7e0908cfa0531c80e8dab23', role: "status", "aria-live": "polite", "aria-label": this.status ? `Status: ${this.status}` : undefined, class: this.classes({
                 size: this.size,
                 variant: this.variant,
                 position: this.position,
                 blink: this.blink,
-            }), style: Object.assign(Object.assign({}, this.badgeStyle), this.offsetStyle) }, this.variant == 'text' && index.h("slot", { key: 'ca64be7fb4f14e7287c93f2223894552b96a68e8', name: "badge" }, this.text))));
+            }), style: Object.assign(Object.assign({}, this.badgeStyle), this.offsetStyle) }, this.variant == 'text' && index.h("slot", { key: '63f5bf1a342f9136a012a98844926dfdee7da40d', name: "badge" }, this.text))));
     }
 };
 Badge.style = BcmBadgeStyle0;

package/dist/cjs/bcm-basic-badge.cjs.entry.js

@@ -79,10 +79,10 @@ const BasicBadge = class {
         };
     }
     render() {
-        return (index.h("span", { key: '88bfcbdbe5a55de1a246e9ec5749c95fc308586c', part: "base", role: "status", "aria-live": "polite", style: this.badgeStyle, class: this.classes({
+        return (index.h("span", { key: '50278a91e220a4557bfebf2e061be0351f3bad51', part: "base", role: "status", "aria-live": "polite", style: this.badgeStyle, class: this.classes({
                 size: this.size,
                 variant: this.variant,
-            }) }, this.variant === 'text' && (index.h("span", { key: '69543870a331e5dd44ff5861118be51ec0eda479', class: "badge-content" }, index.h("slot", { key: '8dbf3236b8f768ca0a43d0d939a5f0708f26f928' })))));
+            }) }, this.variant === 'text' && (index.h("span", { key: 'd0f6c86104dc092a00dd4e8a886431fc5eb1e793', class: "badge-content" }, index.h("slot", { key: '2133ac8cc0cf07a385544d395a6881942960bd5d' })))));
     }
 };
 BasicBadge.style = BcmBasicBadgeStyle0;

package/dist/cjs/bcm-button-group.cjs.entry.js

@@ -83,10 +83,10 @@ const BcmButtonGroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'f3c8fc74dcc6b88bc5ff94ee74e85deebdcc5948' }, index.h("div", { key: '6aac96cedff122649792ac644a28cfefb0767efa', class: this.buttonGroupClass({
+        return (index.h(index.Host, { key: '12320236b3364ea1322ce3ccaced89e17f527657' }, index.h("div", { key: '24e1acb79b8dbae8ce504f7aa2ec91e4cf799788', class: this.buttonGroupClass({
                 orientation: this.orientation,
                 fullWidth: this.fullWidth,
-            }) }, index.h("slot", { key: '9cd5ba51032dba5c89c07bd8cace9f0d0ebc464d' }))));
+            }) }, index.h("slot", { key: '18e1e423bd5e2743f83817ef5d3f1e0f3dfa648f' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/bcm-button_5.cjs.entry.js

@@ -303,19 +303,19 @@ const BcmButton = class {
     }
     render() {
         const { icon, position } = this.buttonIcon;
-        return (index.h(index.Host, { key: '914c4285f46931841225bb3ec03374424bebf005' }, index.h("button", { key: '56b3364b113a4fd6f97c9a6e6b3e3e14fc814de0', type: this.type, disabled: this.disabled || this.loading, "aria-label": this.label, "aria-expanded": this.expanded, "aria-controls": this.controls, "aria-disabled": this.disabled, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, style: this.buttonStyles, class: this.buttonClass({
+        return (index.h(index.Host, { key: '821f52c3a042fed2dce63e90152aebe3e9f40dc5' }, index.h("button", { key: '429988208144ebd9b52f1543825860e9fdf6c538', type: this.type, disabled: this.disabled || this.loading, "aria-label": this.label, "aria-expanded": this.expanded, "aria-controls": this.controls, "aria-disabled": this.disabled, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, style: this.buttonStyles, class: this.buttonClass({
                 size: this.size,
                 kind: this.kind,
                 fullWidth: this.fullWidth,
                 disabled: this.disabled,
                 loading: this.loading,
                 position: this.position,
-            }) }, this.loading && index.h("slot", { key: '0f8c5c99e3489bf49ae66f7b6803f4b46b9b6684', name: "loading" }), index.h("span", { key: '6ecbe1b1eb0c4b7fe389dc923e22df21dc33cad3' }, index.h("slot", { key: 'ac5ccada947a49b0995e149082b15a5aeb885a85', name: "prefix" }, position === 'prefix' && icon && index.h("i", { key: '32f1363e0300fbaa20789b9b5259f5b36f5fe86a', class: ' leading-none ' + icon }))), index.h("slot", { key: 'acfc12c837c3be3025a2c4a9be3de02a116bdfa3' }, this.buttonText), index.h("span", { key: 'e7ff604974e2489bc791d9e853d476e88334c75b' }, index.h("slot", { key: '2a8e9d5db9e907f710da9728ac8cc85c53d8864a', name: "suffix" }, position === 'suffix' && icon && index.h("i", { key: 'a7d25eb005aef8ed4aa807004bb79fc55c45d3de', class: ' leading-none ' + icon }))))));
+            }) }, this.loading && index.h("slot", { key: '525e1f9ffdc301e0bba2939d9fece560b377d9a3', name: "loading" }), index.h("span", { key: '530f53a3d0f483555752f5ac95d5f029faf03a8d' }, index.h("slot", { key: '61b27a37dce9588633f45f18d025c207ee9d23f7', name: "prefix" }, position === 'prefix' && icon && index.h("i", { key: '6b0d757356f94f0d1ed4731175f2340dfdb3ba45', class: ' leading-none ' + icon }))), index.h("slot", { key: '8b014d1f25d7c8387c6a3b18474207695a911e12' }, this.buttonText), index.h("span", { key: '9e9c42c69be3891d2720dbd9882ea418a90802b8' }, index.h("slot", { key: 'fc676b39c8c79225d09c9cd18506087bef811acc', name: "suffix" }, position === 'suffix' && icon && index.h("i", { key: '0ad46cc5204af2a6525cc0156d828c57bd5078a5', class: ' leading-none ' + icon }))))));
     }
 };
 BcmButton.style = BcmButtonStyle0;
 
-const dropdownCss = ".visible{visibility:visible}.hidden{display:none}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}";
+const dropdownCss = ".visible{visibility:visible}.hidden{display:none}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}";
 const BcmDropdownStyle0 = dropdownCss;
 
 const Dropdown = class {
@@ -355,7 +355,7 @@ const Dropdown = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'bbbe833906ad9261f0e186a73c38838895b4163a' }, index.h("bcm-button", { key: 'bc658a949cd8d65b92ec8458d6f7fc310a72ef4f', kind: "outline" }, index.h("span", { key: '3ff8e4e6765ea6bc1c8b41094ea7b7d928027d49', part: "text" }, this.text)), this.isReady && (index.h("bcm-linked", { key: 'c625fa0a88c0e88d8ee4b8a9e76e04d2feabb34c', targetElement: this.buttonRef }, index.h("div", { key: 'e45943e172eef094f9009123c8267b74641d5087', part: "dropdown-container", class: this.dropdownClass() }, index.h("slot", { key: 'd6b7558138785231877ab570b3e345b3deae008b', onSlotchange: this.handleSlotChange }))))));
+        return (index.h(index.Host, { key: 'b6b172a832d1201797fe65cc567a19d3a9410538' }, index.h("bcm-button", { key: '38b60aa6646c366bfb9e94437eadeb31cd5a41c3', kind: "outline" }, index.h("span", { key: 'dd6bdafb5aa97037657213d82471f118db894732', part: "text" }, this.text)), this.isReady && (index.h("bcm-linked", { key: 'c39b67e2b57278d1255051a1673ee91ee98732a5', targetElement: this.buttonRef }, index.h("div", { key: '17b8c82f492834cded9f38aceaa985d26466dbb5', part: "dropdown-container", class: this.dropdownClass() }, index.h("slot", { key: 'daad86fab6fd40e7fcc7a7a78ad761ca805c8331', onSlotchange: this.handleSlotChange }))))));
     }
     get host() { return index.getElement(this); }
 };
@@ -405,16 +405,16 @@ const DropdownItem = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'dab286a93e70df2389820986b12dbb099686a949', "aria-checked": this.selected, class: this.dropdownItemClass({
+        return (index.h("div", { key: '7756e6fcd9beabda721d735faf5088ab388a3fad', "aria-checked": this.selected, class: this.dropdownItemClass({
                 selected: this.selected,
                 error: this.error,
-            }), onClick: () => this.handleClick() }, index.h("slot", { key: 'd8b3f85acfa5f9744cdcd7aac41cce576123ff2b', name: "left-content" }, this.icon && index.h("bcm-icon", { key: '4a8908b05d48832b5758fa430f8d188b2bcb2caf', "icon-name": this.icon })), index.h("div", { key: '233863671bd28de9c5bc45f7221398f04297dcaa', class: "flex flex-row text-pretty w-full" }, index.h("slot", { key: 'b2cf533aff90f2bff5328d26b964f00664d42473' }, this.text)), index.h("slot", { key: '3f423b125ba32fe7d593a0cb5d000b7a6db8f172', name: "right-content" }, (_a = this.rightIcons) === null || _a === void 0 ? void 0 : _a.map(icon => (index.h("bcm-icon", { "icon-name": icon }))))));
+            }), onClick: () => this.handleClick() }, index.h("slot", { key: 'c82e58e2cc676b3e3beaf21d60e704a082e24abf', name: "left-content" }, this.icon && index.h("bcm-icon", { key: '86abc6f0530b2325ba8a9c008cca8a52af15c1b1', "icon-name": this.icon })), index.h("div", { key: '0b15cbe969408e6687447d9e5057f9c4087a564c', class: "flex flex-row text-pretty w-full" }, index.h("slot", { key: '23a8ed4de54995f6c9d2570346fdfca67116f0d5' }, this.text)), index.h("slot", { key: '3245adefb4fc7ad2e64ba0193779d0ba7133b2a0', name: "right-content" }, (_a = this.rightIcons) === null || _a === void 0 ? void 0 : _a.map(icon => (index.h("bcm-icon", { "icon-name": icon }))))));
     }
     get host() { return index.getElement(this); }
 };
 DropdownItem.style = BcmDropdownItemStyle0;
 
-const linkedCss = ".absolute{position:absolute}.relative{position:relative}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:block;position:relative}.floating-content{min-width:-moz-max-content;min-width:max-content;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;will-change:transform,opacity}.floating-visible{animation:fadeInScale .2s ease-out}.floating-hidden{pointer-events:none}.floating-wrapper{position:relative;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-arrow{z-index:-1}.floating-arrow,.floating-arrow:before{height:10px;position:absolute;width:10px}.floating-arrow:before{background:#fff;border:1px solid #e2e8f0;content:\"\";transform:rotate(45deg)}.arrow-top{bottom:-5px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%)}.arrow-bottom{top:-5px}.arrow-left{right:-5px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%)}.arrow-right{left:-5px}.arrow-top:before{border-bottom:0;border-right:0}.arrow-bottom:before{border-left:0;border-top:0}.arrow-left:before{border-right:0;border-top:0}.arrow-right:before{border-bottom:0;border-left:0}@media (max-width:768px){.floating-content{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.hidden{display:none}.resize{resize:both}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}";
+const linkedCss = ".absolute{position:absolute}.relative{position:relative}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}bcm-linked{display:block;position:relative}bcm-linked[append-to-body]{display:none}.floating-content{min-width:-moz-max-content;min-width:max-content;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;will-change:transform,opacity}.floating-visible{animation:fadeInScale .2s ease-out}.floating-hidden{display:none!important;pointer-events:none}.floating-wrapper{position:relative;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-arrow{z-index:-1}.floating-arrow,.floating-arrow:before{height:10px;position:absolute;width:10px}.floating-arrow:before{background:#fff;border:1px solid #e2e8f0;content:\"\";transform:rotate(45deg)}.arrow-top{bottom:-5px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%)}.arrow-bottom{top:-5px}.arrow-left{right:-5px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%)}.arrow-right{left:-5px}.arrow-top:before{border-bottom:0;border-right:0}.arrow-bottom:before{border-left:0;border-top:0}.arrow-left:before{border-right:0;border-top:0}.arrow-right:before{border-bottom:0;border-left:0}@media (max-width:768px){.floating-content{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.hidden{display:none}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}";
 const BcmLinkedStyle0 = linkedCss;
 
 const BcmLinked = class {
@@ -436,7 +436,6 @@ const BcmLinked = class {
         this.disabled = false;
         // Style configuration
         this.zIndex = 1000;
-        this.appendToBody = false;
         this.destroyOnHide = false;
         // State
         this.isVisible = false;
@@ -496,12 +495,19 @@ const BcmLinked = class {
             this.bcmHidden.emit();
         }
     }
-    componentDidLoad() {
-        requestAnimationFrame(() => {
-            this.floatingEl = this.host.querySelector('.floating-content');
+    async componentDidLoad() {
+        // Wait for render
+        await new Promise(resolve => requestAnimationFrame(resolve));
+        this.floatingEl = this.host.querySelector('.floating-content');
+        if (this.floatingEl) {
             this.isReady = true;
             this.connectTarget();
-        });
+            this.setupFloatingObserver();
+            console.log('✅ bcm-linked initialized successfully');
+        }
+        else {
+            console.error('❌ Could not find .floating-content element');
+        }
     }
     disconnectedCallback() {
         var _a, _b;
@@ -509,17 +515,6 @@ const BcmLinked = class {
         this.clearTimeouts();
         (_a = this.cleanup) === null || _a === void 0 ? void 0 : _a.call(this);
         (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-        // Restore any portal elements before cleanup
-        if (this.appendToBody && this.floatingEl && this.floatingEl.hasAttribute('data-floating-portal')) {
-            if (this.originalParent) {
-                if (this.originalNextSibling) {
-                    this.originalParent.insertBefore(this.floatingEl, this.originalNextSibling);
-                }
-                else {
-                    this.originalParent.appendChild(this.floatingEl);
-                }
-            }
-        }
     }
     connectTarget() {
         if (!this.isReady)
@@ -620,12 +615,23 @@ const BcmLinked = class {
     async updatePosition() {
         if (!this.targetEl || !this.floatingEl || !this.isVisible)
             return;
+        // Use autoPlacement only for bottom-start (dropdown default)
+        // For other placements, respect the manual placement with flip fallback
+        // const useAutoPlacement = this.placement === 'bottom-start';
         const middleware = [
             floatingUi_dom_esm.offset(this.offset),
+            // useAutoPlacement
+            //   ? autoPlacement({
+            //       allowedPlacements: ['bottom-start', 'bottom-end', 'bottom', 'top-start', 'top-end', 'top', 'right-start', 'right-end', 'right', 'left-start', 'left-end', 'left'],
+            //       boundary: document.body,
+            //     })
+            //   :
             floatingUi_dom_esm.flip({
-                fallbackPlacements: ['top-start', 'bottom-start', 'right-start', 'left-start'],
+                fallbackPlacements: ['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'],
+            }),
+            floatingUi_dom_esm.shift({
+                padding: 8,
             }),
-            floatingUi_dom_esm.shift({ padding: 8 }),
         ];
         const { x, y, placement } = await floatingUi_dom_esm.computePosition(this.targetEl, this.floatingEl, {
             placement: this.placement,
@@ -658,15 +664,8 @@ const BcmLinked = class {
             return;
         this.bcmShow.emit();
         this.isVisible = true;
-        // Move to body if appendToBody is enabled - now much simpler without shadow DOM
-        if (this.appendToBody && this.floatingEl && !document.body.contains(this.floatingEl)) {
-            // Store original position for restoration
-            this.originalParent = this.floatingEl.parentElement;
-            this.originalNextSibling = this.floatingEl.nextElementSibling;
-            // Move the actual element to body (preserves all content including Angular components)
-            this.floatingEl.setAttribute('data-floating-portal', 'true');
-            document.body.appendChild(this.floatingEl);
-        }
+        // Use requestAnimationFrame to ensure the element is visible before positioning
+        await new Promise(resolve => requestAnimationFrame(resolve));
         await this.updatePosition();
     }
     async hide() {
@@ -674,21 +673,6 @@ const BcmLinked = class {
             return;
         this.bcmHide.emit();
         this.isVisible = false;
-        // Restore element to original position if it was moved to body
-        if (this.appendToBody && this.floatingEl && this.floatingEl.hasAttribute('data-floating-portal')) {
-            this.floatingEl.removeAttribute('data-floating-portal');
-            if (this.originalParent) {
-                if (this.originalNextSibling) {
-                    this.originalParent.insertBefore(this.floatingEl, this.originalNextSibling);
-                }
-                else {
-                    this.originalParent.appendChild(this.floatingEl);
-                }
-            }
-            // Clear stored references
-            this.originalParent = null;
-            this.originalNextSibling = null;
-        }
         if (this.destroyOnHide && this.floatingEl && this.floatingEl.parentNode) {
             this.floatingEl.parentNode.removeChild(this.floatingEl);
         }
@@ -704,6 +688,17 @@ const BcmLinked = class {
     async updatePositioning() {
         await this.updatePosition();
     }
+    setupFloatingObserver() {
+        if (!this.floatingEl)
+            return;
+        // Observe floating element size changes for position updates
+        this.resizeObserver = new ResizeObserver(() => {
+            if (this.isVisible) {
+                this.updatePosition();
+            }
+        });
+        this.resizeObserver.observe(this.floatingEl);
+    }
     render() {
         const floatingClasses = {
             'floating-content': true,
@@ -712,20 +707,16 @@ const BcmLinked = class {
             'floating-with-arrow': this.arrow,
             'floating-destroy-on-hide': this.destroyOnHide,
         };
-        return [
-            // Portal div to body for positioning, but keep slot in shadow DOM
-            index.h("div", { key: '2fa1273f3f92b1904f8316b8aaea45d84ac5f023', class: floatingClasses, style: {
-                    position: 'fixed',
-                    top: '0px',
-                    left: '0px',
-                    zIndex: this.zIndex.toString(),
-                    visibility: this.isVisible ? 'visible' : 'hidden',
-                    opacity: this.isVisible ? '1' : '0',
-                    pointerEvents: this.isVisible ? 'auto' : 'none',
-                } }, this.arrow && index.h("div", { key: '6a25f85392fd3031a52f3f3be53263917adb61c8', class: "floating-arrow" }), index.h("div", { key: '0e1295e4f9b9764971689d94fa21e9c2b0dcefea', class: "floating-wrapper" }, index.h("slot", { key: '0b5d6e6cf9ffa8262a6fd9cc7c1b9bd46029c220' }))),
-            // Hidden content holder for slot fallback
-            index.h("div", { key: '66f2dd9882f4b1870214db30c8026073c86ad137', style: { display: 'none' } }, index.h("slot", { key: 'ea0c9eb10e96a65a3af21a615f5c7df939f2717c', name: "fallback" })),
-        ];
+        return (index.h(index.Host, { key: '5b5ac35aeef8091a7aa19eb6c88c4b6960b88b64' }, index.h("div", { key: '4900d17e38cd87537f5214ca665ea291b29c2c04', class: floatingClasses, style: {
+                position: 'fixed',
+                top: '0px',
+                left: '0px',
+                zIndex: this.zIndex.toString(),
+                display: this.isVisible ? 'block' : 'none',
+                visibility: this.isVisible ? 'visible' : 'hidden',
+                opacity: this.isVisible ? '1' : '0',
+                pointerEvents: this.isVisible ? 'auto' : 'none',
+            } }, this.arrow && index.h("div", { key: '47ad1103b19971976bff54dadd2d35c6ef9f42d9', class: "floating-arrow" }), index.h("div", { key: 'd3a8f745ea4f057801aea8662274d5bff2598a3a', class: "floating-wrapper" }, index.h("slot", { key: 'f09ac0ac103d5625e0fe3a495bdc4bcbed77a44e' }))), index.h("div", { key: '5fe779426e04d11fff0ab268d044aaf8b36b8d57', style: { display: 'none' } }, index.h("slot", { key: 'f3ff0b596b1a6eb7389679dfd42b3df25bd30138', name: "fallback" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -847,7 +838,7 @@ const BcmText = class {
         const Tag = variantTagMap[this.variant];
         const variantClass = this.getTextClass(this.variant, this.size);
         const overflowClass = this.getOverflowClass((_a = this.overflow) !== null && _a !== void 0 ? _a : false);
-        return (index.h(Tag, { key: '0c9e834dbe47309b7ec41c7c79bf07bf7d825f26', class: index$2.classNames('bcm-text appearance-none m-0 p-0', variantClass, overflowClass), part: "text" }, index.h("slot", { key: 'c947db45b7b7147c0780bbb3294802cd0f1be268' }, this.text)));
+        return (index.h(Tag, { key: 'ef2836e00bfbb1dd406179f403720e013eeb6239', class: index$2.classNames('bcm-text appearance-none m-0 p-0', variantClass, overflowClass), part: "text" }, index.h("slot", { key: 'b707cba3afdcb3892a4fa0d3ea22daefa4b7952a' }, this.text)));
     }
 };
 BcmText.style = BcmTextStyle0;