@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/bellhop-core/p-87c827d7.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as o,H as a}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{c as r}from"./p-YdVz1TeW.js";import{B as n,r as s}from"./p-BNVOtH-1.js";import{m as l,M as b}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.js";import{a as c,i as v}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const d=new Map([["actabl","actabl.svg"],["al","AL.svg"],["he","HE.svg"],["ps","PS.svg"],["tr","TR.svg"]]),m=class{constructor(o){e(this,o),this.bhChange=t(this,"bhChange"),this.bhClick=t(this,"bhClick"),this.bhError=t(this,"bhError")}logger=i("bh-logo-box");logoActiveRef;i18nUnsubscribe;_i18nVersion=0;logoType="actabl";logoSrc;logoColor="white";assetBasePath="";products=[];productSwitcherAriaLabel="Open product switcher";bhChange;bhClick;bhError;isOpen=!1;anchorPosition={top:0,left:0};focusState=r();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentWillLoad(){this.i18nUnsubscribe=n.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),l.increment(b.COMPONENT_ERROR,{component:"bh-logo-box",error_type:e instanceof Error?e.name:"unknown"}),h("bh-logo-box",e),this.bhError.emit({error:e})}handleLogoClick=()=>{if(this.logoActiveRef){const e=this.logoActiveRef.getBoundingClientRect();this.anchorPosition={top:e.bottom+8,left:e.left},this.isOpen=!this.isOpen,this.bhClick.emit()}};handleFocus=e=>{this.focusState.handleFocus(e)};handleBlur=e=>{this.focusState.handleBlur(e)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleKeyDown=e=>{c(e)?(e.preventDefault(),this.handleLogoClick()):v(e)&&this.isOpen&&(e.preventDefault(),this.isOpen=!1)};handleClose=()=>{this.isOpen=!1};handleProductSelect=e=>{this.bhChange.emit(e.detail),this.isOpen=!1};getLogoSrc(){if(this.logoSrc)return this.logoSrc;const e=d.get(this.logoType)??"actabl.svg";return`${this.assetBasePath}/logos/${e}`}setLogoActiveRef=e=>{this.logoActiveRef=e};render(){const e={"logo-box":!0,"dropdown-open":this.isOpen},t={logo:!0,[`logo-${this.logoType}`]:!0};return o(a,{key:"b0d80264a8b12c3a0197051ee873b01eaa5dcc82"},o("div",{key:"38c91cc3825e436e9f674b74d9340f191a22b72c",class:e,part:"container"},o("div",{key:"abb8fe2a6af9334ed8a74fde6826f9f13b907562","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"menu","aria-label":s("bh-logo-box","productSwitcherAriaLabel",this.productSwitcherAriaLabel,"Open product switcher"),class:"logo-active","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,onBlur:this.handleBlur,onClick:this.handleLogoClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"logo-button",ref:this.setLogoActiveRef,role:"button",tabIndex:0},o("div",{key:"adddefaa18230c948c913bcabd1edc7c903a8dc5","aria-label":`${this.logoType} logo`,class:t,role:"img",style:{maskImage:`url(${this.getLogoSrc()})`,WebkitMaskImage:`url(${this.getLogoSrc()})`,backgroundColor:this.logoColor}})),o("div",{key:"56e96aef99fa1e14b13419ac54b27e8e7dba13a5",class:"logo-more-products"})),o("bh-product-switcher",{key:"c06cd6174b17b29d7b6a355e4b4633284533dc12",anchorPosition:this.anchorPosition,isOpen:this.isOpen,onBhClose:this.handleClose,onBhProductSelect:this.handleProductSelect,products:this.products}))}};m.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{--bh-logo-box-active-bg:var(--color-text-interactive);--bh-logo-box-gap:var(--spacing-xl);--bh-logo-box-padding:var(--spacing-sm);--bh-logo-box-border-radius:var(--radius-md);--bh-logo-box-more-products-bg:var(--color-brand-200)}}@layer bh-base{.logo-box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;width:var(--bh-logo-box-size);flex-shrink:0;isolation:isolate}.logo-active{background-color:var(--bh-logo-box-active-bg);box-sizing:border-box;display:flex;gap:var(--bh-logo-box-gap);align-items:center;justify-content:center;padding:var(--bh-logo-box-padding);position:relative;border-radius:var(--bh-logo-box-border-radius);flex-shrink:0;width:var(--bh-logo-box-size);height:var(--bh-logo-box-size);z-index:2;transition:background-color var(--animation-duration-slow) ease;cursor:pointer}.logo{position:relative;flex-shrink:0;width:var(--bh-logo-box-logo-size);height:var(--bh-logo-box-logo-size);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color var(--animation-duration-slow) ease}.logo-more-products{position:absolute;background-color:var(--bh-logo-box-more-products-bg);right:var(--spacing-xxs);bottom:-4px;border-radius:var(--radius-sm);width:var(--bh-logo-box-more-width);height:var(--bh-logo-box-more-height);z-index:1;transition:transform var(--animation-duration-slow) ease}}@layer bh-states{.logo-box:hover .logo-active,.logo-box.dropdown-open .logo-active{background-color:var(--color-text-interactive-hover)}.logo-box:hover .logo-more-products,.logo-box.dropdown-open .logo-more-products{transform:translateY(-4px)}}";const g=class{constructor(o){e(this,o),this.bhClick=t(this,"bhClick")}logger=i("bh-nav-item");focusState=r();focusVersion=0;icon="home";label="Home";isActive=!1;disabled=!1;layout="column";expandable=!1;expanded=!1;badge;dot=!1;dotColor="success";size="sm";showLabel=!0;bhClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),l.increment(b.COMPONENT_ERROR,{component:"bh-nav-item",error_type:e instanceof Error?e.name:"unknown"}),h("bh-nav-item",e)}handleClick=()=>{this.disabled||this.bhClick.emit()};handleKeyDown=e=>{c(e)&&!this.disabled&&(e.preventDefault(),this.bhClick.emit())};handleFocus=e=>{this.focusState.handleFocus(e)};handleBlur=e=>{this.focusState.handleBlur(e)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const e="row"===this.layout;return o("div",{key:"bf9e7f7fb9d5b15ad8761897888f194efccb787f","aria-disabled":this.disabled?"true":void 0,class:{"nav-item":!0,"nav-item--row":e,"nav-item--column":!e,[`nav-item--${this.size}`]:!0,active:this.isActive,disabled:this.disabled,focused:this.focusState.isFocused&&!this.disabled,hovered:this.focusState.isHovered&&!this.disabled},"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),part:"container"},o("button",{key:"4a2f5f6cea0c4ac5d559dec7c1d908f7aabd40a3","aria-current":this.isActive?"page":void 0,"aria-expanded":this.expandable?String(this.expanded):void 0,"aria-label":this.label,class:"nav-item-button",disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",tabIndex:this.disabled?-1:0,type:"button"},this.dot&&o("bh-badge-dot",{key:"9ad8f5ec110c7f78af116b04950dff4584d99c03",color:this.dotColor,part:"dot",size:"sm"}),o("span",{key:"bfacfd0ae0786bb591f5f5e8c3654f73366a04df",class:"material-symbols-outlined icon",part:"icon"},this.icon),e&&o("span",{key:"217529488116724b87c0792c5385f31753f1a25b",class:"nav-item-label-row",part:"label"},this.label),e&&void 0!==this.badge&&o("span",{key:"6d09f216b8ebfdb2f88724589498495fb95dbb50",class:"nav-item-badge",part:"badge"},this.badge),e&&this.expandable&&o("span",{key:"26977632930eac9bf05cb8713904cd354f8759a2",class:{"material-symbols-outlined":!0,"nav-item-chevron":!0,"nav-item-chevron--expanded":this.expanded}},"expand_more")),!e&&this.showLabel&&o("p",{key:"e55a89d2aca9a4e999ffc93aab12bf8c9b082517",class:"nav-item-label",part:"label"},this.label))}};g.style='@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-nav-item-color:var(       --bh-sidebar-nav-item-color,       var(--color-text-secondary)     );--bh-nav-item-color-active:var(       --bh-sidebar-nav-item-color-active,       var(--color-brand-600)     );--bh-nav-item-bg-hover:var(       --bh-sidebar-nav-item-bg-hover,       var(--color-bg-secondary)     );--bh-nav-item-bg-active:var(       --bh-sidebar-nav-item-bg-active,       var(--color-brand-100)     );--bh-nav-item-bg-active-hover:var(       --bh-sidebar-nav-item-bg-active-hover,       var(--color-brand-100)     );--bh-nav-item-icon-size:var(--icon-size-md);--bh-nav-item-padding:var(--spacing-md);--bh-nav-item-gap:var(--spacing-sm);--bh-nav-item-border-radius:var(--radius-sm);--bh-nav-item-font-size:var(--text-sm-size);--bh-nav-item-label-font-size:var(--bh-avatar-text-xxs);--bh-nav-item-badge-bg:var(--color-bg-secondary);--bh-nav-item-badge-radius:var(--radius-full)}}@layer bh-base{.nav-item-button{background-color:transparent;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--bh-nav-item-gap);overflow:hidden;padding:var(--bh-nav-item-padding);position:relative;border-radius:var(--bh-nav-item-border-radius);flex-shrink:0;transition:background-color var(--animation-duration-normal) ease;cursor:pointer;border:none;outline:none}.nav-item-button .icon{width:var(--bh-nav-item-icon-size);height:var(--bh-nav-item-icon-size);display:block;flex-shrink:0;color:var(--bh-nav-item-color);transition:color var(--animation-duration-normal) ease;font-size:var(--bh-nav-item-icon-size);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20}.nav-item-label{font-family:var(--font-inter);font-weight:var(--weight-medium);height:var(--icon-size-base);line-height:var(--icon-size-base);font-style:normal;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:0;color:var(--bh-nav-item-color);font-size:var(--bh-nav-item-label-font-size);text-align:center;white-space:nowrap;width:100%;max-width:100%;margin:var(--spacing-none);margin-top:var(--spacing-xxs);box-sizing:border-box;direction:ltr}}@layer bh-variants{.nav-item--column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;width:100%;height:fit-content}.nav-item--column .nav-item-button{width:var(--sidebar-item-size, var(--bh-button-height-md, 40px));height:var(--sidebar-item-size, var(--bh-button-height-md, 40px));padding:var(--spacing-xs)}.nav-item--row{display:flex;flex-direction:row;align-items:center;position:relative;flex-shrink:0;width:100%;height:fit-content}.nav-item--row .nav-item-button{width:100%;height:var(--bh-button-height-sm);justify-content:flex-start;gap:var(--bh-nav-item-padding);padding:var(--bh-nav-item-padding) var(--spacing-lg);border-radius:var(--bh-nav-item-border-radius)}.nav-item--row .nav-item-label-row{font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--bh-nav-item-font-size);line-height:var(--line-height-normal);color:var(--bh-nav-item-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.nav-item--row .nav-item-badge{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);color:var(--bh-nav-item-color);background:var(--bh-nav-item-badge-bg);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--bh-nav-item-badge-radius);min-width:var(--bh-nav-item-icon-size);text-align:center}.nav-item--row .nav-item-chevron{font-size:var(--bh-nav-item-icon-size);color:var(--bh-nav-item-color);transition:transform var(--animation-duration-normal) ease;flex-shrink:0}.nav-item--row .nav-item-chevron--expanded{transform:rotate(180deg)}}@layer bh-states{.nav-item-button:hover{background-color:var(--bh-nav-item-bg-hover)}.nav-item-button:hover .icon{color:var(--bh-nav-item-color)}.nav-item-button:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-blue-500)}.nav-item--column.active .nav-item-button,.nav-item--row.active .nav-item-button{background-color:var(--bh-nav-item-bg-active)}.nav-item--column.active .nav-item-button .icon,.nav-item--row.active .nav-item-button .icon{color:var(--bh-nav-item-color-active);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20}.nav-item--column.active .nav-item-label,.nav-item--column.active .nav-item-label-row,.nav-item--row.active .nav-item-label,.nav-item--row.active .nav-item-label-row{color:var(--bh-nav-item-color-active);font-weight:var(--weight-semibold)}.nav-item--column.disabled .nav-item-button,.nav-item--row.disabled .nav-item-button{cursor:not-allowed;opacity:0.5}.nav-item--column.disabled .nav-item-button:hover,.nav-item--row.disabled .nav-item-button:hover{background-color:transparent}.nav-item--column.disabled .nav-item-button .icon,.nav-item--row.disabled .nav-item-button .icon{color:var(--color-text-disabled)}.nav-item--column.disabled .nav-item-label,.nav-item--column.disabled .nav-item-label-row,.nav-item--row.disabled .nav-item-label,.nav-item--row.disabled .nav-item-label-row{color:var(--color-text-disabled)}.nav-item--column.active .nav-item-button:hover,.nav-item--row.active .nav-item-button:hover{background-color:var(--bh-nav-item-bg-active-hover)}}';export{m as bh_logo_box,g as bh_nav_item}

package/dist/bellhop-core/p-8a38724f.entry.js

@@ -0,0 +1 @@
+import{r as a,c as e,a as r,h as t,H as i}from"./p-CTHvNfIu.js";import{a as d}from"./p-R-A72b5e.js";import{c as s}from"./p-CMKOFHIa.js";import{c as o,g as c}from"./p-YdVz1TeW.js";import{r as n}from"./p-Xi3uD33F.js";import{m as h,M as l}from"./p-CSH9RXgl.js";import{a as b}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const p="bh-card",g=class{constructor(r){a(this,r),this.bhClick=e(this,"bhClick"),this.bhChange=e(this,"bhChange"),this.bhToggle=e(this,"bhToggle"),this.bhAction=e(this,"bhAction")}get el(){return r(this)}logger=s(p);focusState=o();resizeObserver;size="sm";showHeader=!0;showFooter=!0;contentMinHeight=200;placeholderText="Card content slot";selectable=!1;selected=!1;expandable=!1;expanded=!1;dragEnabled=!1;showOverflowMenu=!1;role="article";ariaLabel=null;ariaLabelledBy;ariaDescribedBy;ariaRoleDescription=null;ariaPressed="false";ariaLive="off";ariaAtomic="true";ariaDescribedByMedia;hasContent=!1;focusVersion=0;bhClick;bhChange;bhToggle;bhAction;get safeContentMinHeight(){const a=d(this.contentMinHeight,{min:0,max:1e4,integer:!0});return a.valid||n(p,new Error(`Invalid contentMinHeight: ${a.errors.map((a=>a.message)).join(", ")}`)),a.value}componentDidCatch(a){const e=a instanceof Error?a:new Error(String(a));this.logger.error("Component error caught",e),h.increment(l.COMPONENT_ERROR,{component:p,error_type:e.name}),n(p,a)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.checkForContent()}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}checkForContent(){const a=Array.from(this.el.childNodes).filter((a=>a.nodeType===Node.ELEMENT_NODE&&!a.hasAttribute("slot")||a.nodeType===Node.TEXT_NODE&&a.textContent?.trim()));this.hasContent=a.length>0}handleClick=a=>{this.selectable&&(this.selected=!this.selected,this.bhChange.emit({selected:this.selected})),this.bhClick.emit(a)};handleDoubleClick=()=>{this.expandable&&(this.expanded=!this.expanded,this.bhToggle.emit(this.expanded?{expanded:!0}:{expanded:!1}))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleKeyDown=a=>{b(a)&&(this.selectable||"button"===this.role)&&(a.preventDefault(),this.selectable&&(this.selected=!this.selected,this.bhChange.emit({selected:this.selected})),this.bhClick.emit(a))};render(){const a={minHeight:`${this.safeContentMinHeight}px`},e=c(this.focusState,"card"),r={card:!0,[`card-${this.size}`]:!0,"card-selectable":this.selectable,"card-selected":this.selected,"card-expandable":this.expandable,"card-expanded":this.expanded,"card-draggable":this.dragEnabled,...e};return t(i,{key:"c9dc86b35d4f9535ec093c1f7d0d761d77e62f26"},t("div",{key:"c2d813585335e994f8f99b94aa3eb04702764244","aria-atomic":String(this.ariaAtomic),"aria-describedby":this.ariaDescribedBy,"aria-dropeffect":this.dragEnabled?"move":void 0,"aria-expanded":this.expandable?String(this.expanded):void 0,"aria-grabbed":this.dragEnabled?"false":void 0,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-live":this.ariaLive,"aria-pressed":"button"===this.role?String(this.ariaPressed):void 0,"aria-roledescription":this.ariaRoleDescription,"aria-selected":this.selectable?String(this.selected):void 0,class:r,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,draggable:this.dragEnabled,onBlur:this.handleBlur,onClick:this.handleClick,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"base",role:this.role||void 0,tabindex:this.selectable||"button"===this.role?0:void 0},this.showHeader&&t("div",{key:"4fd61b7ba2443ce9866b2b76e0fe01703293583b",class:"card-header-slot",part:"header"},t("slot",{key:"d635ccfb2607a8a579bbd2cbba5f205b72b39716",name:"header"})),t("div",{key:"a91feda047159bc98a809513977a871b45fcb4ad",class:"card-content",part:"content",style:a},t("slot",{key:"63284996f37a196d4632ad29e9887d8d00b9b7ba"}),!this.hasContent&&t("div",{key:"9cefba952c2f71a29ca08cbadee50769681fe36b",class:"card-content-placeholder"},t("span",{key:"655334ff224e59cd43f3e56bf3ff64e4a38f4d16",class:"card-placeholder-text"},this.placeholderText))),this.showFooter&&t("div",{key:"f5da3fbf516694c59122ba75f2eee1053eb2a352",class:"card-footer-slot",part:"footer"},t("slot",{key:"a38535924f63df83876c92ad3e52169ff1c84fd4",name:"footer"}))))}};g.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-card-bg:var(--color-bg-primary);--bh-card-border-color:var(--color-border-secondary);--bh-card-border-radius:var(--radius-xl);--bh-card-shadow:none;--bh-card-padding-y-sm:var(--spacing-lg);--bh-card-padding-x-sm:var(--spacing-xl);--bh-card-padding-y-md:var(--spacing-xl);--bh-card-padding-x-md:var(--spacing-2xl);--bh-card-padding-y-lg:var(--spacing-2xl);--bh-card-padding-x-lg:var(--spacing-3xl);}}@layer bh-base{.card{display:flex;flex-direction:column;background:var(--bh-card-bg);border:1px solid var(--bh-card-border-color);border-radius:var(--bh-card-border-radius);box-shadow:var(--bh-card-shadow);overflow:hidden;font-family:var(--font-inter)}.card-header-slot{display:contents}.card-content{display:flex;flex-direction:column;flex:1 0 auto;padding:var(--bh-card-padding, var(--bh-card-padding-y) var(--bh-card-padding-x));gap:var(--spacing-none)}.card-footer-slot{display:contents}}@layer bh-variants{.card-sm{--bh-card-padding-y:var(--bh-card-padding-y-sm);--bh-card-padding-x:var(--bh-card-padding-x-sm)}.card-md{--bh-card-padding-y:var(--bh-card-padding-y-md);--bh-card-padding-x:var(--bh-card-padding-x-md)}.card-lg{--bh-card-padding-y:var(--bh-card-padding-y-lg);--bh-card-padding-x:var(--bh-card-padding-x-lg)}}@layer bh-utilities{.card-content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px dashed var(--color-border-interactive);border-radius:var(--radius-xl);min-height:100%}.card-placeholder-icon{font-size:var(--icon-size-2xl);color:var(--color-text-interactive)}.card-placeholder-text{font-size:var(--text-sm-size);font-weight:var(--weight-medium);color:var(--color-text-interactive);text-decoration:underline;text-align:center}}";export{g as bh_card}

package/dist/bellhop-core/p-8aa87a99.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a,H as r}from"./p-CTHvNfIu.js";import{c as t}from"./p-CMKOFHIa.js";import{m as d,M as i}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.js";import{B as o,r as c}from"./p-BNVOtH-1.js";const s="bh-card-header",n=class{constructor(a){e(this,a)}logger=t(s);i18nUnsubscribe;_i18nVersion=0;showFeaturedIcon=!0;featuredIcon="star";featuredIconStyle="outlined";featuredIconColor="gray";showTitle=!0;headerTitle="Card title";showBadge=!1;badgeText="";showSupportingText=!0;supportingText="Card description";showDropdown=!0;showDivider=!0;componentDidCatch(e){const a=e instanceof Error?e:new Error(String(e));this.logger.error("Component error caught",a),d.increment(i.COMPONENT_ERROR,{component:s,error_type:a.name}),h(s,e)}componentWillLoad(){this.i18nUnsubscribe=o.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDropdownClick=()=>{};render(){return a(r,{key:"d673f2fc9a15a8faf5480cb3a3b096b9803546d0"},a("div",{key:"c03f54e19cba4a6b2556b4c237877bceeed682d7",class:"card-header",part:"header"},a("div",{key:"272eb0ebfbbe2ab8d2c1636de340cae474d3bce9",class:"card-header-content",part:"content"},a("div",{key:"1cdd79d5d32b39183de3e52d395be8f7365ca8ef",class:"card-header-text-container",part:"text-container"},a("div",{key:"792c35548b328ea59d4b99943b84efac7f148bd3",class:"card-header-title-row"},this.showFeaturedIcon&&a("bh-featured-icon",{key:"c6f6a3e358435ff53b172d797d1dfe1595cb6680",color:this.featuredIconColor,icon:this.featuredIcon,iconStyle:this.featuredIconStyle,size:"sm"}),this.showTitle&&a("span",{key:"bba0977d87b6259bf39062e79cd08aeb174fa7fc",class:"card-header-title"},c("bh-card-header","headerTitle",this.headerTitle,"Card title")),this.showBadge&&this.badgeText&&a("bh-badge",{key:"17e15b5b243b8e0133754b128d492760685f602b",emphasis:"medium",label:this.badgeText,size:"sm",variant:"blue"})),this.showSupportingText&&a("div",{key:"c4b0c2f46a08e7e737fa191f803b3505df3ed605",class:"card-header-supporting-row"},this.showFeaturedIcon&&a("div",{key:"ad94dbff5123a1d98cc81617c1b483b669f9978c",class:"card-header-spacer"}),a("span",{key:"289225d6cf026969a756066595292a67301a64f4",class:"card-header-supporting-text"},c("bh-card-header","supportingText",this.supportingText,"Card description")))),this.showDropdown&&a("bh-button-icon",{key:"0702ef0228262400adcb36fccdc9117f979773de",ariaLabel:"More options",hierarchy:"quaternary",iconName:"more_vert",onBhClick:this.handleDropdownClick,size:"sm"})),a("slot",{key:"8ab0ff933c820e5bf0da6f4df351a097d05b50e0",name:"tabs"}),this.showDivider&&a("div",{key:"d46267ac7983f1e47249544d10dbe57b18f0c124",class:"card-header-divider"})))}};n.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-card-header-bg:var(--color-bg-primary);--bh-card-header-title-color:var(--color-text-primary);--bh-card-header-supporting-color:var(--color-text-tertiary);--bh-card-header-divider-color:var(--color-border-secondary)}}@layer bh-tokens{:host{--bh-card-header-gap:var(--spacing-xl);--bh-card-header-content-gap:var(--spacing-sm);--bh-card-header-content-padding:var(--spacing-md) var(--spacing-md) 0       var(--spacing-md);--bh-card-header-text-container-gap:var(--spacing-xxs);--bh-card-header-title-row-gap:var(--spacing-xl);--bh-card-header-supporting-row-gap:var(--spacing-xl);--bh-card-header-title-font-family:var(--font-inter);--bh-card-header-title-font-size:var(--text-md-size);--bh-card-header-title-font-weight:var(--weight-semibold);--bh-card-header-title-line-height:var(--line-height-normal);--bh-card-header-supporting-font-family:var(--font-inter);--bh-card-header-supporting-font-size:var(--text-sm-size);--bh-card-header-supporting-font-weight:var(--weight-regular);--bh-card-header-supporting-line-height:var(--line-height-normal)}}@layer bh-base{.card-header{display:flex;flex-direction:column;gap:var(--bh-card-header-gap);background:var(--bh-card-header-bg)}.card-header-content{display:flex;gap:var(--bh-card-header-content-gap);align-items:flex-start;padding:var(--bh-card-header-content-padding)}.card-header-text-container{display:flex;flex-direction:column;flex:1 0 0;gap:var(--bh-card-header-text-container-gap);min-width:0}.card-header-title-row{display:flex;align-items:center;gap:var(--bh-card-header-title-row-gap)}.card-header-title{font-family:var(--bh-card-header-title-font-family);font-size:var(--bh-card-header-title-font-size);font-weight:var(--bh-card-header-title-font-weight);line-height:var(--bh-card-header-title-line-height);color:var(--bh-card-header-title-color)}.card-header-supporting-row{display:flex;align-items:center;gap:var(--bh-card-header-supporting-row-gap);width:100%}.card-header-spacer{width:var(--bh-avatar-size-sm);flex-shrink:0}.card-header-supporting-text{flex:1 0 0;font-family:var(--bh-card-header-supporting-font-family);font-size:var(--bh-card-header-supporting-font-size);font-weight:var(--bh-card-header-supporting-font-weight);line-height:var(--bh-card-header-supporting-line-height);color:var(--bh-card-header-supporting-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header-divider{height:1px;background:var(--bh-card-header-divider-color)}}";export{n as bh_card_header}

package/dist/bellhop-core/p-8ad4d720.entry.js

@@ -0,0 +1 @@
+import{r as a,c as t,a as s,h as e,H as r}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{m as o,M as h}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";import{v as g}from"./p-R-A72b5e.js";const c=class{constructor(s){a(this,s),this.bhItemClose=t(this,"bhItemClose"),this.bhItemClick=t(this,"bhItemClick"),this.bhChange=t(this,"bhChange"),this.bhAction=t(this,"bhAction")}logger=i("bh-tag-group");get el(){return s(this)}size="md";tags="[]";maxVisible=10;dismissible=!1;disabled=!1;bhItemClose;bhItemClick;bhChange;bhAction;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),o.increment(h.COMPONENT_ERROR,{component:"bh-tag-group",error_type:a instanceof Error?a.name:"unknown"}),n("bh-tag-group",a)}getParsedTags(){if(Array.isArray(this.tags))return this.tags;const a=g(this.tags);return a.valid?a.value??[]:(this.logger.warn("Invalid tags JSON:",{errors:a.errors}),[])}handleTagDismiss=a=>{this.bhItemClose.emit({value:a})};handleTagClick=a=>{this.bhItemClick.emit({value:a})};handleTagCheckedChange=(a,t)=>{this.bhChange.emit({value:a,checked:t})};handleOverflowClick=a=>{this.bhAction.emit({action:"overflow",data:{hiddenCount:a}})};render(){const a=this.getParsedTags(),t=a.slice(0,this.maxVisible),s=a.length-t.length;return e(r,{key:"56ef6c8be13cec0ff3044ffa76ec033afd5e0e06"},e("div",{key:"f43d1b5facd4c4df6b451451f1a8ffdecf1ef2e2","aria-disabled":this.disabled?"true":void 0,class:`tag-group tag-group-${this.size}`,part:"container",role:"group"},t.map((a=>e("bh-tag",{action:a.dismissible??this.dismissible?"dismiss":"none",avatarSrc:a.avatarSrc,checked:a.checked,count:a.count,disabled:a.disabled??this.disabled,dotColor:a.dotColor,key:a.id,label:a.label,onBhChange:t=>this.handleTagCheckedChange(a.id,t.detail),onBhClose:()=>this.handleTagDismiss(a.id),onClick:()=>this.handleTagClick(a.id),size:this.size,variant:a.variant??"text-only"}))),s>0&&e("bh-tag",{key:"78ab161b41b73e2cdd7009577e5c307019a7c0c8",action:"none",label:`+${s}`,onClick:()=>this.handleOverflowClick(s),size:this.size})))}};c.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-tag-group-gap:var(--spacing-sm)}}@layer bh-base{.tag-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bh-tag-group-gap)}}@layer bh-variants{.tag-group-sm{gap:var(--spacing-xs)}.tag-group-md{gap:var(--spacing-sm)}.tag-group-lg{gap:var(--spacing-md)}}";export{c as bh_tag_group}

package/dist/bellhop-core/p-8d319614.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a,h as r,H as i}from"./p-CTHvNfIu.js";import{c as h}from"./p-CMKOFHIa.js";import{m as s,M as n}from"./p-CSH9RXgl.js";import{r as o}from"./p-Xi3uD33F.js";const l=class{constructor(a){e(this,a),this.bhChange=t(this,"bhChange"),this.bhInput=t(this,"bhInput"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur")}logger=h("bh-range-slider");trackEl;get el(){return a(this)}min=0;max=100;step=1;value=0;valueLow=0;valueHigh=100;dual=!1;disabled=!1;label="";labelDisplay="none";formatLabel;name="";bhChange;bhInput;bhFocus;bhBlur;activeHandle=null;focusedHandle=null;hoveredHandle=null;onValueChange(){this.value=this.clampValue(this.value)}onValueLowChange(){this.valueLow=this.clampValue(this.valueLow),this.dual&&this.valueLow>this.valueHigh&&(this.valueLow=this.valueHigh)}onValueHighChange(){this.valueHigh=this.clampValue(this.valueHigh),this.dual&&this.valueHigh<this.valueLow&&(this.valueHigh=this.valueLow)}componentWillLoad(){this.value=this.clampValue(this.value),this.valueLow=this.clampValue(this.valueLow),this.valueHigh=this.clampValue(this.valueHigh),this.dual&&this.valueLow>this.valueHigh&&(this.valueLow=this.valueHigh)}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),s.increment(n.COMPONENT_ERROR,{component:"bh-range-slider",error_type:e instanceof Error?e.name:"unknown"}),o("bh-range-slider",e)}disconnectedCallback(){this.cleanupDrag()}clampValue(e){const t=this.step>0?this.step:1,a=Math.round((e-this.min)/t)*t+this.min;return Math.min(Math.max(a,this.min),this.max)}valueToPercent(e){const t=this.max-this.min;return 0===t?0:(e-this.min)/t*100}percentToValue(e){return this.clampValue(this.min+e/100*(this.max-this.min))}getFormattedLabel(e){return this.formatLabel?this.formatLabel(e):String(e)}emitCurrentValue(){this.bhInput.emit(this.dual?{low:this.valueLow,high:this.valueHigh}:this.value)}emitChange(){this.bhChange.emit(this.dual?{low:this.valueLow,high:this.valueHigh}:this.value)}handleTrackClick=e=>{if(this.disabled||this.activeHandle)return;const t=this.getPercentFromMouseEvent(e);if(null===t)return;const a=this.percentToValue(t);this.dual?Math.abs(a-this.valueLow)<=Math.abs(a-this.valueHigh)?this.valueLow=a:this.valueHigh=a:this.value=a,this.emitCurrentValue(),this.emitChange()};handlePointerDown=e=>t=>{this.disabled||(t.preventDefault(),t.stopPropagation(),this.activeHandle=e,t.currentTarget.setPointerCapture(t.pointerId),document.addEventListener("pointermove",this.handlePointerMove),document.addEventListener("pointerup",this.handlePointerUp))};handlePointerMove=e=>{if(!this.activeHandle)return;const t=this.getPercentFromMouseEvent(e);if(null===t)return;const a=this.percentToValue(t);this.updateHandleValue(this.activeHandle,a),this.emitCurrentValue()};handlePointerUp=()=>{this.activeHandle&&this.emitChange(),this.cleanupDrag()};cleanupDrag(){this.activeHandle=null,document.removeEventListener("pointermove",this.handlePointerMove),document.removeEventListener("pointerup",this.handlePointerUp)}updateHandleValue(e,t){"single"===e?this.value=t:"low"===e?this.valueLow=Math.min(t,this.valueHigh):this.valueHigh=Math.max(t,this.valueLow)}handleKeyDown=e=>t=>{if(this.disabled)return;const a=10*this.step;let r=0;switch(t.key){case"ArrowRight":case"ArrowUp":r=this.step;break;case"ArrowLeft":case"ArrowDown":r=-this.step;break;case"PageUp":r=a;break;case"PageDown":r=-a;break;case"Home":return this.setHandleToExtreme(e,this.min),t.preventDefault(),this.emitCurrentValue(),void this.emitChange();case"End":return this.setHandleToExtreme(e,this.max),t.preventDefault(),this.emitCurrentValue(),void this.emitChange();default:return}t.preventDefault();const i=this.getHandleValue(e);this.updateHandleValue(e,this.clampValue(i+r)),this.emitCurrentValue(),this.emitChange()};setHandleToExtreme(e,t){"single"===e?this.value=t:"low"===e?this.valueLow=Math.min(t,this.valueHigh):this.valueHigh=Math.max(t,this.valueLow)}getHandleValue(e){return"single"===e?this.value:"low"===e?this.valueLow:this.valueHigh}handleFocus=e=>()=>{this.focusedHandle=e,this.bhFocus.emit()};handleBlur=e=>()=>{this.focusedHandle===e&&(this.focusedHandle=null),this.bhBlur.emit()};handleMouseEnter=e=>()=>{this.hoveredHandle=e};handleMouseLeave=e=>()=>{this.hoveredHandle===e&&(this.hoveredHandle=null)};getPercentFromMouseEvent(e){if(!this.trackEl)return null;const t=this.trackEl.getBoundingClientRect();return 0===t.width?null:Math.min(Math.max((e.clientX-t.left)/t.width*100,0),100)}renderHandle(e,t,a){const i=this.valueToPercent(t),h={"range-handle":!0,"range-handle-focused":this.focusedHandle===e&&!this.disabled,"range-handle-hovered":this.hoveredHandle===e&&!this.disabled,"range-handle-active":this.activeHandle===e,"range-handle-disabled":this.disabled};return r("div",{"aria-disabled":this.disabled?"true":void 0,"aria-label":a,"aria-orientation":"horizontal","aria-valuemax":String("low"===e?this.valueHigh:this.max),"aria-valuemin":String("high"===e?this.valueLow:this.min),"aria-valuenow":String(t),"aria-valuetext":this.getFormattedLabel(t),class:h,onBlur:this.handleBlur(e),onFocus:this.handleFocus(e),onKeyDown:this.handleKeyDown(e),onMouseEnter:this.handleMouseEnter(e),onMouseLeave:this.handleMouseLeave(e),onPointerDown:this.handlePointerDown(e),part:`handle-${e}`,role:"slider",style:{left:`${i}%`},tabIndex:this.disabled?-1:0},"tooltip"===this.labelDisplay&&r("div",{class:"range-tooltip",part:"tooltip"},this.getFormattedLabel(t)),"bottom"===this.labelDisplay&&r("span",{class:"range-label-bottom",part:"label"},this.getFormattedLabel(t)))}render(){let e,t;return this.dual?(e=this.valueToPercent(this.valueLow),t=this.valueToPercent(this.valueHigh)-this.valueToPercent(this.valueLow)):(e=0,t=this.valueToPercent(this.value)),r(i,{key:"317deaf6ff94d2543e8bfaf52236a2d98ee27277"},r("div",{key:"7229dc67f8df8ad0fdcc9207cc5eb43925c3b325",class:{"range-slider":!0,"range-slider-disabled":this.disabled,[`range-slider-label-${this.labelDisplay}`]:!0},part:"container"},r("div",{key:"a768ad1069cae8f0f8aa90e6e29967ac3f7a261b",class:"range-track",onClick:this.handleTrackClick,part:"track",ref:e=>this.trackEl=e},r("div",{key:"4dd82c4cf0954c684bd579a6e23a0aa10d89da81",class:"range-track-active",part:"track-active",style:{left:`${e}%`,width:`${t}%`}})),this.dual?[this.renderHandle("low",this.valueLow,this.label?`${this.label} minimum`:"Minimum value"),this.renderHandle("high",this.valueHigh,this.label?`${this.label} maximum`:"Maximum value")]:this.renderHandle("single",this.value,this.label||"Value")))}static get watchers(){return{value:[{onValueChange:0}],valueLow:[{onValueLowChange:0}],valueHigh:[{onValueHighChange:0}]}}};l.style="@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;               --bh-range-track-height: var(--sp-1-5);     --bh-range-track-bg: var(--color-bg-tertiary);     --bh-range-track-active-bg: var(--color-bg-interactive);     --bh-range-track-radius: var(--radius-full);          --bh-range-handle-size: var(--icon-size-md);     --bh-range-handle-bg: var(--color-bg-primary);     --bh-range-handle-border-color: var(--color-bg-interactive);     --bh-range-handle-border-width: 2px;     --bh-range-handle-shadow: var(--shadow-md);          --bh-range-focus-ring-color: var(--color-border-interactive);     --bh-range-focus-ring-offset: 2px;     --bh-range-focus-ring-width: 4px;          --bh-range-disabled-opacity: 0.38;          --bh-range-label-color: var(--color-text-primary);     --bh-range-label-size: var(--text-sm-size);     --bh-range-label-weight: var(--weight-medium);     --bh-range-label-line-height: var(--text-md-line);          --bh-range-tooltip-bg: var(--color-bg-primary);     --bh-range-tooltip-border: var(--color-border-secondary);     --bh-range-tooltip-color: var(--color-text-secondary);     --bh-range-tooltip-shadow: var(--shadow-lg);     --bh-range-tooltip-radius: var(--radius-md);     --bh-range-tooltip-size: var(--text-xs-size);     --bh-range-tooltip-weight: var(--weight-semibold);     --bh-range-tooltip-line-height: var(--text-xs-line);     --bh-range-tooltip-padding-x: var(--spacing-sm);     --bh-range-tooltip-padding-y: var(--spacing-xs);   } }  @layer bh-base {   .range-slider {     --_range-top: calc(var(--bh-range-handle-size) / 2);     position: relative;     width: 100%;     padding: var(--_range-top) 0 calc(var(--bh-range-handle-size) / 2) 0;   }   .range-track {     position: relative;     width: 100%;     height: var(--bh-range-track-height);     background-color: var(--bh-range-track-bg);     border-radius: var(--bh-range-track-radius);     cursor: pointer;   }   .range-track-active {     position: absolute;     top: 0;     height: 100%;     background-color: var(--bh-range-track-active-bg);     border-radius: var(--bh-range-track-radius);     pointer-events: none;   }   .range-handle {     position: absolute;     top: calc(var(--_range-top) + var(--bh-range-track-height) / 2);     width: var(--bh-range-handle-size);     height: var(--bh-range-handle-size);     background-color: var(--bh-range-handle-bg);     border: var(--bh-range-handle-border-width) solid var(--bh-range-handle-border-color);     border-radius: var(--radius-full);     box-shadow: var(--bh-range-handle-shadow);     transform: translate(-50%, -50%);     cursor: grab;     outline: none;     touch-action: none;     z-index: 1;     transition: box-shadow var(--animation-duration-fast) ease;   }   .range-handle:focus {     outline: none;   }   .range-tooltip {     position: absolute;     bottom: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     background-color: var(--bh-range-tooltip-bg);     border: 1px solid var(--bh-range-tooltip-border);     border-radius: var(--bh-range-tooltip-radius);     box-shadow: var(--bh-range-tooltip-shadow);     color: var(--bh-range-tooltip-color);     font-family: var(--font-inter);     font-size: var(--bh-range-tooltip-size);     font-weight: var(--bh-range-tooltip-weight);     line-height: var(--bh-range-tooltip-line-height);     padding: var(--bh-range-tooltip-padding-y) var(--bh-range-tooltip-padding-x);     white-space: nowrap;     pointer-events: none;     user-select: none;   }   .range-label-bottom {     position: absolute;     top: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     color: var(--bh-range-label-color);     font-family: var(--font-inter);     font-size: var(--bh-range-label-size);     font-weight: var(--bh-range-label-weight);     line-height: var(--bh-range-label-line-height);     white-space: nowrap;     pointer-events: none;     user-select: none;   } }  @layer bh-variants {   .range-slider-label-bottom {     padding-bottom: calc(var(--bh-range-handle-size) / 2 + var(--spacing-xs) + var(--bh-range-label-line-height));   }   .range-slider-label-tooltip {     --_range-top: calc(       var(--bh-range-handle-size) / 2 + var(--spacing-xs) +         var(--bh-range-tooltip-line-height) +         var(--bh-range-tooltip-padding-y) * 2 + 2px     );   } }  @layer bh-states {   .range-handle-active {     cursor: grabbing;     z-index: 2;   }   .range-handle-focused:not(.range-handle-disabled) {     box-shadow: var(--shadow-sm), 0 0 0 var(--bh-range-focus-ring-offset) var(--bh-range-handle-bg), 0 0 0 calc(var(--bh-range-focus-ring-offset) + var(--bh-range-focus-ring-width)) var(--bh-range-focus-ring-color);   }   .range-slider-disabled {     opacity: var(--bh-range-disabled-opacity);   }   .range-slider-disabled .range-track {     cursor: not-allowed;   }   .range-slider-disabled .range-handle {     cursor: not-allowed;     box-shadow: none;   } }  @layer bh-utilities {   @media (prefers-reduced-motion: reduce) {     .range-handle {       transition: none;     }   }   @media (prefers-contrast: high) {     .range-track {       border: 1px solid currentColor;     }     .range-handle {       border-width: 3px;     }   } }";export{l as bh_range_slider}

package/dist/bellhop-core/p-963e6ad9.entry.js

@@ -0,0 +1 @@
+import{r,c as o,a,h as e,H as i}from"./p-CTHvNfIu.js";import{c as l}from"./p-CMKOFHIa.js";import{c as t,h as n}from"./p-C4V7Y6N_.js";import{m as s,M as c}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.js";import{B as g,r as p}from"./p-BNVOtH-1.js";import"./p-zdFuIabL.js";const b=class{constructor(a){r(this,a),this.bhItemClick=o(this,"bhItemClick"),this.bhToggle=o(this,"bhToggle")}get el(){return a(this)}logger=l("bh-page-navigation");i18nUnsubscribe;_i18nVersion=0;visible=!0;navTitle="Navigation";navigationItems=[];items=[];navState=t();bhItemClick;bhToggle;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),s.increment(c.COMPONENT_ERROR,{component:"bh-page-navigation",error_type:r instanceof Error?r.name:"unknown"}),h("bh-page-navigation",r)}handleNavigationItemsChange(r){this.items=[...r]}componentWillLoad(){this.items=[...this.navigationItems],this.i18nUnsubscribe=g.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}clearAllSelections(){this.items=this.items.map((r=>({...r,isActive:!1,children:r.children?.map((r=>({...r,isActive:!1})))})))}handleSingleLevelClick=r=>{this.clearAllSelections(),this.items=this.items.map((o=>o.id===r?{...o,isActive:!0}:o)),this.bhItemClick.emit({itemId:r})};handleMultiLevelToggle=r=>{this.items=this.items.map((o=>{if(o.id===r){const a=!o.isExpanded;return this.bhToggle.emit(a?{value:r,expanded:!0}:{value:r,expanded:!1}),{...o,isExpanded:a}}return o}))};handleMultiLevelChildClick=(r,o)=>{this.clearAllSelections(),this.items=this.items.map((a=>a.id===r&&a.children?{...a,children:a.children.map(((r,a)=>({...r,isActive:a===o})))}:a)),this.bhItemClick.emit({itemId:r,childIndex:o})};handleKeyDown=r=>{const o=n(r,{container:this.el?.shadowRoot??null,itemSelector:"bh-page-navigation-single-level, bh-page-navigation-multi-level",orientation:"vertical",wrapAround:!0,onFocus:r=>{this.navState={...this.navState,focusedIndex:r}},onExpand:r=>{const o=this.items[r];"expandable"!==o?.type||o.isExpanded||this.handleMultiLevelToggle(o.id)},onCollapse:r=>{const o=this.items[r];"expandable"===o?.type&&o.isExpanded&&this.handleMultiLevelToggle(o.id)}},this.navState);o!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:o})};render(){return e(i,{key:"dc139f2e304e1d39a1b112faca7cbe3438154b82",onKeyDown:this.handleKeyDown},e("div",{key:"8c358776ba7d8eba4689955cd16ca1891a23b060",class:"page-navigation",part:"container"},e("div",{key:"e0ccffaef211d071899db55b17f64261baf55bcc",class:"page-navigation-header",part:"header"},e("h2",{key:"aa20cdaa13d5f80590baf4b6c0ca546798f3800f",class:"page-navigation-title",part:"title"},p("bh-page-navigation","navTitle",this.navTitle,"Navigation"))),e("nav",{key:"b5ac929da441edf4bb5128d508302ab243cc5be1",class:"page-navigation-list",part:"list"},this.items.map((r=>"single"===r.type?e("bh-page-navigation-single-level",{icon:r.icon,isActive:r.isActive,key:r.id,label:r.label,onBhItemClick:()=>this.handleSingleLevelClick(r.id)}):e("bh-page-navigation-multi-level",{childItems:r.children||[],icon:r.icon,isExpanded:r.isExpanded,key:r.id,label:r.label,onBhChildClick:o=>this.handleMultiLevelChildClick(r.id,o.detail),onBhToggle:()=>this.handleMultiLevelToggle(r.id)})))),this.el.querySelector('[slot="bottom-button"]')&&e("div",{key:"00f87f12096138fafec24be173695a61634dd9ae",class:"page-navigation-footer",part:"footer"},e("slot",{key:"1f5a1be10ef4e4d7048fa324b134a4af1a9c0081",name:"bottom-button"}))))}static get watchers(){return{navigationItems:[{handleNavigationItemsChange:0}]}}};b.style='  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-page-navigation-bg: var(--color-bg-primary);     --bh-page-navigation-border-color: var(--color-border-secondary);     --bh-page-navigation-padding-xl: var(--spacing-xl);     --bh-page-navigation-padding-md: var(--spacing-md);     --bh-page-navigation-font-family: var(--font-inter);     --bh-page-navigation-max-width: var(--bh-page-navigation-min-width, 280px);   }      :host([visible=false]) {     display: none;   } } @layer bh-base {      .page-navigation {     width: var(--bh-page-navigation-width, 100%);     min-width: var(--bh-page-navigation-min-width, 0);     max-width: var(--bh-page-navigation-max-width);     background-color: var(--bh-page-navigation-bg);     padding: var(--bh-page-navigation-padding-xl) var(--bh-page-navigation-padding-md);     font-family: var(--bh-page-navigation-font-family);     height: 100%;     overflow-y: auto;     overflow-x: hidden;     box-sizing: border-box;     user-select: none;     display: flex;     flex-direction: column;   }   .page-navigation-header {     margin-bottom: var(--spacing-lg);   }   .page-navigation-title {     font-size: var(--text-xl-size);     font-weight: var(--weight-semibold);     line-height: var(--line-height-normal);     color: var(--color-text-primary);     padding: var(--spacing-none) var(--spacing-md);     margin: 0;   }   .page-navigation-list {     flex: 1;     display: flex;     flex-direction: column;     gap: var(--spacing-sm);   }   .page-navigation-footer {     margin-top: auto;     padding-top: var(--spacing-xl);     border-top: 1px solid var(--bh-page-navigation-border-color);   } } @layer bh-utilities {      @media (max-width: 768px) {     .page-navigation {       width: var(--bh-page-navigation-min-width);       min-width: var(--bh-page-navigation-min-width);     }   } }';export{b as bh_page_navigation}

package/dist/bellhop-core/p-97bed0b0.entry.js

@@ -0,0 +1 @@
+import{r,c as e,h as a,H as o}from"./p-CTHvNfIu.js";import{c as t}from"./p-CMKOFHIa.js";import{m as s,M as l}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";import{B as i,r as n}from"./p-BNVOtH-1.js";const h=class{constructor(a){r(this,a),this.bhGaugeClick=e(this,"bhGaugeClick"),this.bhError=e(this,"bhError")}logger=t("bh-gauge-chart");i18nUnsubscribe;_i18nVersion=0;data={value:240,max:300};size=200;strokeWidth=16;animated=!0;chartTitle="";description="";color="var(--bh-gauge-chart-fill-color)";trackColor="var(--bh-gauge-chart-track-color)";startAngle=135;endAngle=405;ariaLabel="Gauge chart";bhGaugeClick;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),s.increment(l.COMPONENT_ERROR,{component:"bh-gauge-chart"}),c("bh-gauge-chart",r),this.bhError.emit({error:r})}componentWillLoad(){this.i18nUnsubscribe=i.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}getPercentage(){const{value:r,max:e}=this.data;return!Number.isFinite(r)||!Number.isFinite(e)||e<=0||r<0?(this.logger.warn("Invalid gauge data",{value:r,max:e}),0):Math.min(r/e,1)}getComputedAriaLabel(){const r=Math.round(100*this.getPercentage()),e=this.data.label||String(this.data.value);return`${n("bh-gauge-chart","ariaLabel",this.ariaLabel,"Gauge chart")}: ${e}, ${r}% of ${this.data.max}`}handleClick=r=>{this.bhGaugeClick.emit({value:this.data.value,percentage:Math.round(100*this.getPercentage()),event:r})};createArc(r,e,a,o,t){const s=o*Math.PI/180,l=t*Math.PI/180;return`M ${r+a*Math.cos(s)} ${e+a*Math.sin(s)} A ${a} ${a} 0 ${t-o>180?1:0} 1 ${r+a*Math.cos(l)} ${e+a*Math.sin(l)}`}render(){const r=this.getPercentage(),e=this.size/2,t=e-this.strokeWidth/2,s=this.startAngle+(this.endAngle-this.startAngle)*r,l=this.data.label||String(this.data.value),c=this.createArc(e,e,t,this.startAngle,this.endAngle),i=r>0?this.createArc(e,e,t,this.startAngle,s):"";return a(o,{key:"08cac2c567cfbf6189396c13ed63b0c0cecf4966"},a("div",{key:"39648c460dfe98461eddfa96147adc74f5d8bbf2","aria-label":this.getComputedAriaLabel(),"aria-valuemax":this.data.max,"aria-valuemin":0,"aria-valuenow":this.data.value,class:{"gauge-chart-container":!0,"gauge-chart-animated":this.animated},onClick:this.handleClick,part:"container",role:"meter"},a("div",{key:"14831d7460d19f814cae15b9527149d270a0d880",class:"gauge-svg-wrapper",style:{width:`${this.size}px`,height:`${this.size}px`}},a("svg",{key:"d33792f43acc78b65df4a4c5a2c986b6f95e45c4",class:"gauge-svg",height:this.size,viewBox:`0 0 ${this.size} ${this.size}`,width:this.size},a("path",{key:"5a847a1002d4c683aec3622f24a7ee72896a2b72",class:"gauge-track",d:c,fill:"none",stroke:this.trackColor,"stroke-linecap":"round","stroke-width":this.strokeWidth}),i&&a("path",{key:"4e0ff2fd972877df2bfa6a4180efbbca9dec87b9",class:"gauge-fill",d:i,fill:"none",stroke:this.color,"stroke-linecap":"round","stroke-width":this.strokeWidth})),a("div",{key:"d20b04ba88da9acc2e3c20c7d571be848f17894a",class:"gauge-center-text",part:"center-text"},a("span",{key:"d9aa3e7755a275dd807e4e4d17cb8311bb9490d0",class:"gauge-value"},l))),this.chartTitle&&a("div",{key:"c67aabbd140ea3171bbc8acd6ccfb953bc87d5ff",class:"gauge-title",part:"title"},this.chartTitle),this.description&&a("div",{key:"3cecfe813eaac69f80a950633396c56d575a661a",class:"gauge-description",part:"description"},this.description)))}};h.style='  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: inline-block;     --bh-gauge-chart-fill-color: var(       --bh-chart-color-1,       var(--color-brand-600, hsl(230deg 69% 48%))     );     --bh-gauge-chart-track-color: var(--color-neutral-100, hsl(224deg 25% 89%));     --bh-gauge-chart-text-color: var(--color-text-primary, hsl(233deg 33% 10%));     --bh-gauge-chart-title-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-gauge-chart-desc-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-gauge-chart-value-size: var(--text-3xl-size, 1.875rem);     --bh-gauge-chart-title-size: var(--text-md-size, 1rem);     --bh-gauge-chart-desc-size: var(--text-sm-size, 0.875rem);   } } @layer bh-base {   .gauge-chart-container {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-md, 8px);     cursor: pointer;     font-family: var(--font-inter, system-ui, sans-serif);   }   .gauge-svg-wrapper {     position: relative;     display: inline-block;   }   .gauge-svg {     display: block;     overflow: visible;   }   .gauge-track {     opacity: 0.3;   }   .gauge-fill {     transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);   }   .gauge-center-text {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     text-align: center;     pointer-events: none;   }   .gauge-value {     font-size: var(--bh-gauge-chart-value-size);     font-weight: var(--weight-bold, 700);     color: var(--bh-gauge-chart-text-color);     line-height: 1;   }   .gauge-title {     font-size: var(--bh-gauge-chart-title-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-gauge-chart-title-color);     text-align: center;     line-height: var(--line-height-tight, 1.25);   }   .gauge-description {     font-size: var(--bh-gauge-chart-desc-size);     color: var(--bh-gauge-chart-desc-color);     text-align: center;     line-height: var(--line-height-normal, 1.5);     max-width: 280px;   } } @layer bh-variants {   .gauge-chart-animated .gauge-fill {     animation: gaugeFill 1s cubic-bezier(0.4, 0, 0.2, 1) both;   } } @layer bh-states {   .gauge-chart-container:hover .gauge-fill {     filter: brightness(1.05);   } } @layer bh-utilities {   @keyframes gaugeFill {     from {       stroke-dashoffset: var(--gauge-circumference, 0);     }     to {       stroke-dashoffset: var(--gauge-offset, 0);     }   }   @media (prefers-reduced-motion: reduce) {     .gauge-chart-animated .gauge-fill {       animation: none;     }     .gauge-fill {       transition: none;     }   } }';export{h as bh_gauge_chart}