@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/bellhop-core/p-d2fdf27a.entry.js

@@ -0,0 +1 @@
+import{r,c as e,h as t,H as o}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{c as a,a as s}from"./p-CS8F5LFw.js";import{c as n}from"./p-YdVz1TeW.js";import{m as c,M as p}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{B as d,r as h}from"./p-BNVOtH-1.js";import{c as m}from"./p-CFlb5gKI.js";import{i as g}from"./p-BqJRACkO.js";import{t as f}from"./p-Bf0qW3wI.js";import"./p-zdFuIabL.js";const u={portfolio:"business",region:"public",property:"location_on"},v=class{constructor(t){r(this,t),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhOpen=e(this,"bhOpen"),this.bhClose=e(this,"bhClose")}logger=i("bh-property-switcher");destroy$=a();i18nUnsubscribe;_i18nVersion=0;selectedProperty="";properties=[];grouped=!1;searchPlaceholder="Search properties...";clearSearchAriaLabel="Clear search";bhChange;bhFocus;bhBlur;bhOpen;bhClose;isExpanded=!1;focusState=n();focusVersion=0;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),c.increment(p.COMPONENT_ERROR,{component:"bh-property-switcher",error_type:r instanceof Error?r.name:"unknown"}),l("bh-property-switcher",r)}searchQuery="";expandedGroups=new Set;internalSelectedProperty="";switcherRef;searchInputRef;getParsedProperties(){if(Array.isArray(this.properties))return this.properties;if("string"==typeof this.properties)try{const r=JSON.parse(this.properties);return Array.isArray(r)?r:[]}catch{return this.logger.warn("Failed to parse properties JSON string"),[]}return[]}componentWillLoad(){this.internalSelectedProperty=this.selectedProperty||this.getParsedProperties()[0]?.name||"",this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}dismissalManager;handlePropertiesChange(){this.internalSelectedProperty||(this.internalSelectedProperty=this.getParsedProperties()[0]?.name??"")}handleSelectedPropertyChange(r){this.internalSelectedProperty=r||this.getParsedProperties()[0]?.name||""}handleExpandedChange(r){r?this.dismissalManager?.enable():this.dismissalManager?.disable()}componentDidLoad(){this.switcherRef&&(this.dismissalManager=m(this.switcherRef,{onDismiss:()=>{this.isExpanded=!1},escapeKey:!1,clickOutside:!0,focusLoss:!1}),this.isExpanded&&this.dismissalManager.enable())}handleKeyDown(r){this.isExpanded&&g(r)&&(this.isExpanded=!1)}handleToggle=()=>{const r=this.isExpanded;if(this.isExpanded=!this.isExpanded,this.isExpanded){if(this.bhOpen.emit(),this.searchQuery="",this.grouped){const r=this.getPropertyGroups();this.expandedGroups=new Set(r.map((r=>r.id)))}this.destroy$&&f(50,this.destroy$)?.subscribe((()=>{this.searchInputRef?.focus()}))}else r&&this.bhClose.emit()};handleFocus=r=>{this.focusState.handleFocus(r,(r=>this.bhFocus.emit(r)))};handleBlur=r=>{this.focusState.handleBlur(r,(r=>this.bhBlur.emit(r)))};disconnectedCallback(){this.dismissalManager?.destroy(),s(this.destroy$),this.i18nUnsubscribe?.()}handleSearchInput=r=>{this.searchQuery=r.target.value};handleGroupToggle=r=>{const e=new Set(this.expandedGroups);e.has(r)?e.delete(r):e.add(r),this.expandedGroups=e};handlePropertySelect=r=>{this.internalSelectedProperty=r.name,this.bhChange.emit(r),this.isExpanded=!1,this.searchQuery=""};getPropertyGroups=()=>{const r=new Map,e=[],t=this.getParsedProperties();for(const o of t)if(o.group){const e=r.get(o.group)||[];e.push(o),r.set(o.group,e)}else e.push(o);const o=[];for(const[e,t]of r)o.push({id:e.toLowerCase().replace(/\s+/g,"-"),name:e,properties:t});return e.length>0&&o.push({id:"ungrouped",name:"Other",properties:e}),o};filterProperties=r=>{if(!this.searchQuery.trim())return r;const e=this.searchQuery.toLowerCase();return r.filter((r=>r.name.toLowerCase().includes(e)))};filterGroups=r=>{if(!this.searchQuery.trim())return r;const e=this.searchQuery.toLowerCase();return r.map((r=>{const t=r.name.toLowerCase().includes(e),o=r.properties.filter((r=>r.name.toLowerCase().includes(e)));return t?{...r}:o.length>0?{...r,properties:o}:null})).filter((r=>null!==r))};getPropertyIcon=r=>u[r]??u.property;renderSearchInput(){return t("div",{class:"search-container"},t("span",{class:"material-symbols-outlined search-icon"},"search"),t("input",{class:"search-input",onClick:r=>r.stopPropagation(),onInput:this.handleSearchInput,placeholder:this.searchPlaceholder,ref:r=>this.searchInputRef=r,type:"text",value:this.searchQuery}),this.searchQuery&&t("bh-button-icon",{ariaLabel:h("bh-property-switcher","clearSearchAriaLabel",this.clearSearchAriaLabel,"Clear search"),class:"clear-search",hierarchy:"tertiary",iconName:"close",onClick:r=>{r.stopPropagation(),this.searchQuery="",this.searchInputRef?.focus()},size:"xs"}))}renderPropertyItem(r){const e=r.name===this.internalSelectedProperty;return t("button",{class:{"property-item":!0,selected:e},onClick:()=>this.handlePropertySelect(r)},t("span",{class:"material-symbols-outlined property-icon"},this.getPropertyIcon(r.type)),t("span",{class:"property-item-name",title:r.name},r.name),e&&t("span",{class:"material-symbols-outlined check-icon"},"check"))}renderGroupedView(){const r=this.getPropertyGroups(),e=this.filterGroups(r);return 0===e.length?this.renderEmptyState():t("div",{class:"groups-container"},e.map((r=>{const e=this.expandedGroups.has(r.id);return t("div",{class:"property-group",key:r.id},t("button",{"aria-expanded":e?"true":"false",class:{"group-header":!0,expanded:e},onClick:()=>this.handleGroupToggle(r.id)},t("span",{class:"material-symbols-outlined group-expand-icon"},e?"expand_more":"chevron_right"),t("span",{class:"group-name"},r.name),t("span",{class:"group-count"},r.properties.length)),e&&t("div",{class:"group-properties"},r.properties.map((r=>t("div",{key:r.id},this.renderPropertyItem(r))))))})))}renderFlatView(){const r=this.filterProperties(this.getParsedProperties());if(0===r.length)return this.renderEmptyState();const e=[];for(const t of r)"portfolio"===t.type?(e.push(t),e.push({divider:!0})):"property"===t.type&&e.push(t);return t("div",{class:"flat-list-container"},e.map(((r,e)=>"divider"in r?t("div",{class:"menu-divider",key:`divider-${e}`}):t("div",{key:r.id},this.renderPropertyItem(r)))))}renderEmptyState(){return t("div",{class:"empty-state"},t("span",{class:"material-symbols-outlined empty-icon"},"search_off"),t("span",{class:"empty-text"},"No properties found"))}getSelectedProperty(){return this.getParsedProperties().find((r=>r.name===this.internalSelectedProperty))}render(){const r={"property-switcher":!0,expanded:this.isExpanded},e=this.getSelectedProperty(),i=this.internalSelectedProperty||this.selectedProperty;return t(o,{key:"0314c59164bd68049834d6926937a5410511b2f4"},t("div",{key:"9bd6697b5086fb3b91ba3d07e0df7a107f763c61",class:r,"data-focused":String(this.focusState.isFocused),onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container",ref:r=>this.switcherRef=r},t("button",{key:"064c51318774731963786d9600f9d9c0aa325e61","aria-expanded":this.isExpanded?"true":"false","aria-label":`Property selector: ${i}`,class:"property-selector",onClick:()=>this.handleToggle(),part:"selector"},e&&t("span",{key:"dde9f0c0da94b80c7833ced86a232641b9c34ea2",class:"material-symbols-outlined selector-icon"},this.getPropertyIcon(e.type)),t("span",{key:"786cf85012ba2ca9fab0016668e3946bc137c39a",class:"property-name"},i),t("span",{key:"d0e53949cbad02f7fba5cf5e05bbb32513311710","aria-label":this.isExpanded?"Collapse Options":"Expand Options",class:"material-symbols-outlined expand-icon"},this.isExpanded?"unfold_less":"unfold_more")),this.isExpanded&&t("div",{key:"32ae0957298d8c182fbee896f11d075bd9172636",class:"dropdown-panel",part:"dropdown"},this.renderSearchInput(),t("div",{key:"ce586cbd183d9fa6c362e4c844fc8d78866f8dc8",class:"dropdown-content",part:"content"},this.grouped?this.renderGroupedView():this.renderFlatView()))))}static get watchers(){return{properties:[{handlePropertiesChange:0}],selectedProperty:[{handleSelectedPropertyChange:0}],isExpanded:[{handleExpandedChange:0}]}}};v.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-property-switcher-group-letter-spacing: 0.5px;     --bh-property-switcher-indent-offset: 26px;   } } @layer bh-base {   .property-switcher {     position: relative;     display: inline-block;     width: var(--bh-property-switcher-width);   }   .property-selector {     display: flex;     align-items: center;     justify-content: flex-start;     gap: var(--spacing-xs);     padding: var(--spacing-xs) var(--spacing-sm);     border: none;     background: transparent;     cursor: pointer;     border-radius: var(--radius-sm);     transition: background-color var(--animation-duration-normal) ease;     width: 100%;     height: var(--bh-property-switcher-trigger-height);     min-width: 0;   }   .selector-icon {     font-size: var(--icon-size-base);     color: var(--color-text-tertiary);     flex-shrink: 0;   }   .property-name {     font-family: var(--font-inter);     font-weight: var(--weight-medium);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--color-text-secondary);     text-overflow: ellipsis;     overflow: hidden;     white-space: nowrap;     flex-grow: 1;     min-width: 0;     text-align: left;   }   .expand-icon {     font-size: var(--icon-size-base);     flex-shrink: 0;     color: var(--color-text-disabled);     transition: color var(--animation-duration-normal) ease;   }      .dropdown-panel {     position: absolute;     top: 100%;     left: 0;     z-index: var(--bh-z-index-dropdown);     margin-top: var(--spacing-xs);     background-color: var(--color-bg-primary);     border: 1px solid var(--color-border-secondary);     border-radius: var(--radius-xl);     box-shadow: var(--shadow-lg);     min-width: var(--bh-property-switcher-dropdown-min-width);     max-width: var(--bh-property-switcher-dropdown-max-width);     animation: dropdownSlideIn var(--animation-duration-fast) ease-out;     overflow: hidden;   }      .search-container {     display: flex;     align-items: center;     gap: var(--spacing-xs);     padding: var(--spacing-sm);     background-color: var(--color-bg-primary);     border-bottom: 1px solid var(--color-border-secondary);   }   .search-icon {     font-size: var(--icon-size-md);     color: var(--color-text-tertiary);     flex-shrink: 0;   }   .search-input {     flex: 1;     border: none;     outline: none;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--color-text-primary);     background: transparent;     min-width: 0;   }   .search-input::placeholder {     color: var(--color-text-disabled);   }   .clear-search {     flex-shrink: 0;   }      .dropdown-content {     max-height: var(--bh-property-switcher-dropdown-max-height);     overflow-y: auto;   }      .flat-list-container {     padding: var(--spacing-xs) 0;   }   .flat-list-container .property-item {     padding-left: var(--spacing-md);   }      .groups-container {     padding: var(--spacing-xs) 0;   }      .property-group {     border-bottom: 1px solid var(--color-border-secondary);   }   .property-group:last-child {     border-bottom: none;   }      .group-header {     display: flex;     align-items: center;     gap: var(--spacing-xs);     width: 100%;     padding: var(--spacing-sm) var(--spacing-md);     border: none;     background: var(--color-bg-secondary);     cursor: pointer;     font-family: var(--font-inter);     font-size: var(--text-xs-size);     font-weight: var(--weight-semibold);     color: var(--color-text-secondary);     text-transform: uppercase;     letter-spacing: var(--bh-property-switcher-group-letter-spacing);     transition: background-color var(--animation-duration-fast) ease;   }   .group-expand-icon {     font-size: var(--icon-size-base);     color: var(--color-text-tertiary);     transition: transform var(--animation-duration-fast) ease;   }   .group-name {     flex: 1;     text-align: left;   }   .group-count {     font-size: var(--text-xs-size);      font-weight: var(--weight-semibold);     color: var(--color-text-tertiary);     background-color: var(--color-bg-tertiary);     padding: var(--spacing-xxs) var(--spacing-md);     border-radius: var(--radius-full);     min-width: var(--spacing-2xl);     text-align: center;   }      .group-properties {     padding: var(--spacing-xs) 0;   }      .property-item {     display: flex;     align-items: center;     gap: var(--spacing-sm);     width: 100%;     padding: var(--spacing-sm) var(--spacing-md);     padding-left: calc(var(--spacing-md) + var(--bh-property-switcher-indent-offset));     border: none;     background: transparent;     cursor: pointer;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--color-text-secondary);     text-align: left;     transition: background-color var(--animation-duration-fast) ease;   }   .property-icon {     font-size: var(--icon-size-md);     color: var(--color-text-disabled);     flex-shrink: 0;   }   .property-item-name {     flex: 1;     min-width: 0;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     font-weight: var(--weight-regular);   }   .check-icon {     font-size: var(--icon-size-base);     color: var(--color-text-interactive);     flex-shrink: 0;   }      .menu-divider {     height: 1px;     background-color: var(--color-bg-secondary);     margin: var(--spacing-xs) var(--spacing-md);   }      .empty-state {     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     padding: var(--spacing-2xl) var(--spacing-xl);     gap: var(--spacing-sm);   }   .empty-icon {     font-size: var(--icon-size-4xl);     color: var(--color-text-disabled);   }   .empty-text {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     color: var(--color-text-tertiary);   }      .dropdown-menu-container {     position: absolute;     top: 100%;     left: 0;     z-index: var(--bh-z-index-dropdown);     margin-top: var(--spacing-xs);     max-height: var(--bh-property-switcher-list-max-height);   }      .popover-container {     position: absolute;     top: 100%;     left: 0;     z-index: var(--bh-z-index-dropdown);     margin-top: var(--spacing-xs);     animation: popoverSlideIn var(--animation-duration-slow) ease-out;     transform-origin: top center;   } } @layer bh-states {   .property-selector:hover {     background-color: var(--color-bg-secondary);   }   .group-header:hover {     background-color: var(--color-bg-tertiary);   }   .property-item:hover {     background-color: var(--color-bg-secondary);   }   .property-item.selected {     background-color: var(--color-bg-secondary);     color: var(--color-text-interactive);   }   .property-item.selected .property-icon {     color: var(--color-text-interactive);   }   .property-item.selected .property-item-name {     font-weight: var(--weight-medium);   }   .popover-container.closing {     animation: popoverSlideOut var(--animation-duration-normal) ease-in forwards;   } } @layer bh-utilities {   @keyframes dropdownSlideIn {     0% {       opacity: 0;       transform: translateY(-8px);     }     100% {       opacity: 1;       transform: translateY(0);     }   }   @keyframes popoverSlideIn {     0% {       opacity: 0;       transform: translateY(calc(-1 * var(--spacing-xl)));     }     100% {       opacity: 1;       transform: translateY(0);     }   }   @keyframes popoverSlideOut {     0% {       opacity: 1;       transform: translateY(0);     }     100% {       opacity: 0;       transform: translateY(calc(-1 * var(--spacing-xl)));     }   } }";export{v as bh_property_switcher}

package/dist/bellhop-core/p-d89a2316.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a as i,h as a,H as s}from"./p-CTHvNfIu.js";import{i as r,g as n}from"./p-jpCe1QTg.js";import{c as l}from"./p-CMKOFHIa.js";import{m as d,M as h}from"./p-CSH9RXgl.js";import{r as o}from"./p-Xi3uD33F.js";const c=class{constructor(i){e(this,i),this.bhColumnHeaderClick=t(this,"bhColumnHeaderClick"),this.bhColumnHeaderContextMenu=t(this,"bhColumnHeaderContextMenu"),this.bhColumnResize=t(this,"bhColumnResize"),this.bhColumnResizeEnd=t(this,"bhColumnResizeEnd")}get el(){return i(this)}logger=l("bh-data-grid-header");table;columns;size="default";isLoading=!1;enableSorting=!0;enableColumnReorder=!1;enableColumnResize=!1;enableColumnPinning=!1;columnPinning={left:[],right:[]};columnSizes={};selectionMode="none";enableExpansion=!1;enableMasterDetail=!1;enableGrouping=!1;enableEditing=!1;showEditActions=!0;editMode="cell";enableRowDragging=!1;showDragHandle=!0;stickyHeader=!1;showFilterRow=!1;minColumnWidth=50;maxColumnWidth=500;bhColumnHeaderClick;bhColumnHeaderContextMenu;bhColumnResize;bhColumnResizeEnd;resizingColumnId=null;resizeStartX=0;resizeStartWidth=0;boundResizeMove=null;boundResizeEnd=null;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),d.increment(h.COMPONENT_ERROR,{component:"bh-data-grid-header",error_type:e instanceof Error?e.name:"unknown"}),o("bh-data-grid-header",e)}disconnectedCallback(){this.cleanupResizeListeners()}getColumnWidth(e,t){return this.columnSizes[e]??t}handleHeaderClick(e,t){this.bhColumnHeaderClick.emit({columnId:e.column.id,event:t})}handleHeaderContextMenu(e,t){t.preventDefault(),this.bhColumnHeaderContextMenu.emit({columnId:e.column.id,event:t})}handleResizeStart(e,t){e.stopPropagation(),e.preventDefault(),this.cleanupResizeListeners();const i=t.column.id;this.resizingColumnId=i,this.resizeStartX=e.clientX,this.resizeStartWidth=this.getColumnWidth(i,t.column.getSize()),this.boundResizeMove=this.handleResizeMove.bind(this),this.boundResizeEnd=this.handleResizeEnd.bind(this),document.addEventListener("mousemove",this.boundResizeMove),document.addEventListener("mouseup",this.boundResizeEnd)}handleResizeMove(e){if(!this.resizingColumnId)return;const t=Math.max(this.minColumnWidth,Math.min(this.maxColumnWidth,this.resizeStartWidth+(e.clientX-this.resizeStartX)));this.bhColumnResize.emit({columnId:this.resizingColumnId,width:t,previousWidth:this.resizeStartWidth})}handleResizeEnd(){this.resizingColumnId&&this.bhColumnResizeEnd.emit({columnSizes:{...this.columnSizes}}),this.resizingColumnId=null,this.cleanupResizeListeners()}cleanupResizeListeners(){this.boundResizeMove&&(document.removeEventListener("mousemove",this.boundResizeMove),this.boundResizeMove=null),this.boundResizeEnd&&(document.removeEventListener("mouseup",this.boundResizeEnd),this.boundResizeEnd=null)}renderSelectionHeader(){if("none"===this.selectionMode||"single-click"===this.selectionMode||"multiple-click"===this.selectionMode)return null;if("single-radio"===this.selectionMode)return a("th",{class:"data-grid-header-cell data-grid-cell-select",role:"columnheader"});const e=this.table.getIsAllRowsSelected(),t=this.table.getIsSomeRowsSelected();return a("th",{class:"data-grid-header-cell data-grid-cell-select",role:"columnheader"},a("bh-checkbox",{checked:e,indeterminate:t&&!e,onBhChange:()=>this.table.toggleAllRowsSelected(),size:"sm"}))}renderHeaderCell(e){if(e.isPlaceholder)return a("th",{class:"data-grid-header-cell",key:e.id,role:"columnheader"});const t=e.column.id,i=this.enableSorting&&e.column.getCanSort(),s=e.column.getIsSorted(),l=e.column.columnDef.meta,d=this.enableColumnResize&&!1!==l?.resizable,h=this.resizingColumnId===t,o=r(t,this.columnPinning),c="left"===o,u="right"===o,g=c||u,m={"data-grid-header-cell":!0,"data-grid-header-cell-sortable":i,"data-grid-header-cell-sorted":!!s,"data-grid-header-cell-resizable":d,"data-grid-header-cell-resizing":h,"data-grid-header-cell-pinned":g,"data-grid-header-cell-pinned-left":c,"data-grid-header-cell-pinned-right":u,"data-grid-header-cell-draggable":this.enableColumnReorder,[`data-grid-cell-align-${l?.align||"left"}`]:!0},p=this.getColumnWidth(t,e.column.getSize()),b=p?{width:`${p}px`,minWidth:`${p}px`}:{};c?(b.position="sticky",b.left=`${n(t,"left",this.columnPinning,this.columnSizes,100)}px`,b.zIndex="11"):u&&(b.position="sticky",b.right=`${n(t,"right",this.columnPinning,this.columnSizes,100)}px`,b.zIndex="11");const C="function"==typeof e.column.columnDef.header?e.column.columnDef.header(e.getContext()):e.column.columnDef.header??t;return a("th",{"aria-sort":"asc"===s?"ascending":"desc"===s?"descending":void 0,class:m,key:e.id,onClick:t=>i&&this.handleHeaderClick(e,t),onContextMenu:t=>this.handleHeaderContextMenu(e,t),role:"columnheader",style:b},a("span",{class:"data-grid-header-content"},this.enableColumnPinning&&g&&a("span",{class:"data-grid-pin-indicator material-symbols-outlined"},"push_pin"),a("span",{class:"data-grid-header-text"},C),i&&a("span",{class:"data-grid-sort-indicator"},"asc"===s&&a("span",{class:"material-symbols-outlined"},"arrow_upward"),"desc"===s&&a("span",{class:"material-symbols-outlined"},"arrow_downward"),!s&&a("span",{class:"material-symbols-outlined data-grid-sort-inactive"},"unfold_more"))),d&&a("div",{class:"data-grid-resize-handle",onMouseDown:t=>this.handleResizeStart(t,e)}))}render(){if(!this.table)return null;const e=this.table.getHeaderGroups();return a(s,null,a("thead",{class:{"data-grid-header":!0,"data-grid-header-sticky":this.stickyHeader},part:"header"},e.map((e=>a("tr",{class:"data-grid-header-row",key:e.id,part:"header-row",role:"row"},this.enableRowDragging&&this.showDragHandle&&a("th",{class:"data-grid-header-cell data-grid-cell-drag-handle",role:"columnheader"}),this.renderSelectionHeader(),(this.enableExpansion||this.enableMasterDetail)&&!this.enableGrouping&&a("th",{class:"data-grid-header-cell data-grid-cell-expand",role:"columnheader"}),e.headers.map((e=>this.renderHeaderCell(e))),this.enableEditing&&this.showEditActions&&"row"===this.editMode&&a("th",{class:"data-grid-header-cell data-grid-cell-actions",role:"columnheader"}))))))}};export{c as bh_data_grid_header}

package/dist/bellhop-core/p-d9903fd1.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as o,h as n,H as r}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{c as a,a as c}from"./p-CS8F5LFw.js";import{m as h,M as s}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{t as d}from"./p-Bf0qW3wI.js";const b=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],m=class{constructor(o){t(this,o),this.bhChange=e(this,"bhChange")}logger=i("bh-month-picker-content");destroy$=a();containerRef=null;get el(){return o(this)}minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];scrollable=!0;selectedMonth;selectedYear;height="375px";value;internalSelectedMonth=null;internalSelectedYear=null;isUsingKeyboard=!1;bhChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),h.increment(s.COMPONENT_ERROR,{component:"bh-month-picker-content",error_type:t instanceof Error?t.name:"unknown"}),l("bh-month-picker-content",t)}currentDate=new Date;currentMonth=this.currentDate.getMonth();currentYear=this.currentDate.getFullYear();handleValueChange(t){t&&(this.internalSelectedMonth=t.month,this.internalSelectedYear=t.year)}handleSelectedMonthChange(t){void 0!==t&&(this.internalSelectedMonth=t)}handleSelectedYearChange(t){void 0!==t&&(this.internalSelectedYear=t)}componentWillLoad(){this.value?(this.internalSelectedMonth=this.value.month,this.internalSelectedYear=this.value.year):void 0!==this.selectedMonth||void 0!==this.selectedYear?(this.internalSelectedMonth=this.selectedMonth??this.currentMonth,this.internalSelectedYear=this.selectedYear??this.currentYear):this.currentYear>=this.minYear&&this.currentYear<=this.maxYear?(this.internalSelectedMonth=this.currentMonth,this.internalSelectedYear=this.currentYear):(this.internalSelectedMonth=this.currentMonth,this.internalSelectedYear=this.currentYear<this.minYear?this.minYear:this.maxYear)}componentDidLoad(){this.scrollable&&this.destroy$&&d(0,this.destroy$)?.subscribe((()=>{this.scrollToSelectedYear()}))}disconnectedCallback(){c(this.destroy$),this.containerRef=null}scrollToSelectedYear(){if(null===this.internalSelectedYear)return;const t=this.containerRef,e=this.el.shadowRoot?.querySelector(`#year-${this.internalSelectedYear}`);if(!t||!e)return;const o=this.internalSelectedYear===this.minYear;t.scrollTop=o||this.internalSelectedYear===this.maxYear?o?0:t.scrollHeight:Math.max(0,e.offsetTop-t.clientHeight/2+e.offsetHeight/2+50)}getYears(){return Array.from({length:this.maxYear-this.minYear+1},((t,e)=>this.minYear+e))}isCurrentMonth(t,e){return this.currentMonth===t&&this.currentYear===e}isMonthSelectable(t,e){return!(e<this.minYear||e>this.maxYear||this.disabledMonths.some((o=>o.month===t&&o.year===e)))}selectMonth(t,e){!this.disabled&&this.isMonthSelectable(t,e)&&(this.internalSelectedMonth=t,this.internalSelectedYear=e,this.bhChange.emit({month:t,year:e}))}handleKeyDown=()=>{this.isUsingKeyboard=!0};handleMouseDown=()=>{this.isUsingKeyboard=!1};getMonthButtonClasses(t,e){const o=["month-button"];return this.isMonthSelectable(t,e)||o.push("inactive"),this.internalSelectedMonth===t&&this.internalSelectedYear===e&&o.push("selected"),this.isCurrentMonth(t,e)&&o.push("today"),o.join(" ")}render(){const t=this.getYears();return n(r,{key:"73b5ce30cd62f32d19daf4214b08345ae4bec1ac"},n("div",{key:"bdfd8daa1b0db677e06c8a742f1459f170d8e3cf",class:"month-picker-content animate-slide-up-enter "+(this.scrollable?"scrollable":""),onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown,part:"container",ref:t=>this.containerRef=t,style:{height:this.height}},n("div",{key:"3ccc79f6551261b34d9136a0691683b89583c660",class:"calendar",part:"calendar"},t.map(((e,o)=>n("div",{class:"year-section",id:`year-${e}`,key:e},n("div",{class:"year-month-container"},n("div",{class:"year-label"},e),n("div",{class:"months-row"},n("div",{class:"month-row"},b.slice(0,6).map(((t,o)=>n("button",{class:this.getMonthButtonClasses(o,e),disabled:!this.isMonthSelectable(o,e),key:o,onClick:()=>this.selectMonth(o,e)},b[o])))),n("div",{class:"month-row"},b.slice(6,12).map(((t,o)=>{const r=o+6;return n("button",{class:this.getMonthButtonClasses(r,e),disabled:!this.isMonthSelectable(r,e),key:r,onClick:()=>this.selectMonth(r,e)},b[r])}))))),o<t.length-1&&n("div",{class:"section-divider"},n("div",{class:"divider-container"},n("div",{class:"divider-line"})))))))))}static get watchers(){return{value:[{handleValueChange:0}],selectedMonth:[{handleSelectedMonthChange:0}],selectedYear:[{handleSelectedYearChange:0}]}}};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{display:block;--bh-month-picker-content-font-family:var(--font-inter);--bh-month-picker-content-padding:var(--spacing-lg);--bh-month-picker-content-gap:var(--spacing-lg);--bh-month-picker-content-button-padding:var(--spacing-md);--bh-month-picker-content-button-gap:var(--spacing-sm);--bh-month-picker-content-button-font-size:var(--text-sm-size);--bh-month-picker-content-button-font-weight:var(--weight-medium);--bh-month-picker-content-button-border-radius:var(--radius-sm);--bh-month-picker-content-year-label-color:var(--color-text-secondary);--bh-month-picker-content-button-color:var(--color-text-secondary);--bh-month-picker-content-button-active-bg:var(--color-bg-interactive);--bh-month-picker-content-button-active-color:var(--color-text-inverse);--bh-month-picker-content-button-active-border-color:var(       --color-border-interactive     );--bh-month-picker-content-button-disabled-color:var(--color-text-disabled);--bh-month-picker-content-button-focus-outline:var(       --color-border-interactive     );--bh-month-picker-content-scrollbar-track:var(--color-bg-secondary);--bh-month-picker-content-scrollbar-thumb:var(--color-bg-tertiary);--bh-month-picker-content-scrollbar-thumb-hover:var(       --color-border-primary     );--bh-month-picker-content-section-divider-color:var(       --color-border-secondary     );--bh-month-picker-content-header-bg:var(--color-bg-secondary);--bh-month-picker-content-header-color:var(--color-text-primary);--bh-month-picker-content-hover-bg:var(--color-bg-secondary);--bh-month-picker-content-active-bg:var(--color-brand-100);--bh-month-picker-content-active-color:var(--color-text-interactive)}}@layer bh-base{.month-picker-content{width:100%;overflow-x:hidden;font-family:var(--bh-month-picker-content-font-family)}.calendar{display:flex;flex-direction:column;width:100%;padding:var(--bh-month-picker-content-padding) 0 var(--bh-month-picker-content-padding) var(--bh-month-picker-content-padding)}.year-section{display:flex;flex-direction:column;width:100%}.year-month-container{display:flex;flex-direction:row;width:100%;align-items:flex-start}.year-label{width:auto;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;font-family:var(--bh-month-picker-content-font-family);font-weight:var(--weight-bold);font-size:var(--bh-month-picker-content-button-font-size);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-shrink:0;min-width:50px;padding:var(--spacing-md) 0}.months-row{display:flex;flex-direction:column}.month-row{display:flex;gap:var(--spacing-sm);justify-content:flex-start}.month-button{width:var(--bh-button-height-md);height:var(--bh-button-height-md);border-radius:var(--radius-full);border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--leading-sm);color:var(--bh-month-picker-content-year-label-color);cursor:pointer;transition:all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease);flex-shrink:0;text-align:center;overflow:hidden;}.month-button:focus{outline:none}.section-divider{width:100%;margin:var(--spacing-xl) 0}.divider-container{width:100%;display:flex;justify-content:center}.divider-line{width:100%;height:1px;background:var(--bh-month-picker-content-section-divider-color)}}@layer bh-variants{.month-picker-content.scrollable{max-height:340px;overflow-y:auto;overflow-y:overlay;position:relative;scrollbar-width:thin;scrollbar-color:transparent transparent;}.month-picker-content.scrollable::-webkit-scrollbar{width:var(--spacing-xs)}.month-picker-content.scrollable::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.month-picker-content.scrollable::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-xs);transition:background var(--animation-duration-normal) ease}.month-picker-content.animate-slide-up-enter{animation-duration:var(--animation-duration-slow, 0.3s)}.month-button{}.month-button.selected{background:var(--bh-month-picker-content-button-active-bg);color:var(--bh-month-picker-content-button-active-color);font-weight:var(--weight-semibold)}.month-button{}.month-button.today:not(.selected){border-color:var(--bh-month-picker-content-button-active-border-color)}.month-button{}.month-button.inactive,.month-button:disabled{opacity:0.4;cursor:not-allowed;color:var(--bh-month-picker-content-button-disabled-color)}.month-button{}.month-button.keyboard-focused{outline:var(--border-width-md, 2px) solid var(--bh-month-picker-content-button-focus-outline);outline-offset:var(--spacing-xs)}}@layer bh-states{.month-picker-content.scrollable{}.month-picker-content.scrollable:hover{scrollbar-color:var(--bh-month-picker-content-scrollbar-thumb) transparent}.month-picker-content.scrollable{}.month-picker-content.scrollable:hover::-webkit-scrollbar-track{background:var(--bh-month-picker-content-scrollbar-track)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb{background:var(--bh-month-picker-content-section-divider-color)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb:hover{background:var(--bh-month-picker-content-scrollbar-thumb-hover)}.month-button:hover:not(.inactive):not(.selected):not(:disabled):not(.today){background:var(--bh-month-picker-content-scrollbar-track);color:var(--bh-month-picker-content-header-color)}.month-button.today:not(.selected):hover{background:var(--bh-month-picker-content-active-bg);color:var(--bh-month-picker-content-active-color)}.month-button:disabled:hover{background:transparent}}";export{m as bh_month_picker_content}

package/dist/bellhop-core/p-df86ac00.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a as r,h as o,H as s}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{m as a,M as p}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";import{B as c,r as l}from"./p-BNVOtH-1.js";import{v as h}from"./p-R-A72b5e.js";import{K as d}from"./p-zdFuIabL.js";const b=class{constructor(r){e(this,r),this.bhItemClick=t(this,"bhItemClick")}logger=i("bh-stepper");stepElementsCache=null;i18nUnsubscribe;_i18nVersion=0;get el(){return r(this)}steps="[]";activeStep=0;orientation="horizontal";compact=!1;variant="icon";showDescription=!0;progressAriaLabel="Progress steps";bhItemClick;focusedIndex=-1;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),a.increment(p.COMPONENT_ERROR,{component:"bh-stepper",error_type:e instanceof Error?e.name:"unknown"}),n("bh-stepper",e)}componentDidLoad(){this.populateStepElementsCache()}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.stepElementsCache=null,this.i18nUnsubscribe?.()}stepsChanged(){this.stepElementsCache=null}populateStepElementsCache(){this.stepElementsCache=this.el.shadowRoot?.querySelectorAll("[data-step-index]")??null}getParsedSteps(){if(Array.isArray(this.steps))return this.steps;const e=h(this.steps);return e.valid?e.value??[]:(this.logger.warn("Invalid steps JSON:",{errors:e.errors}),[])}getStepStatus(e){return e<this.activeStep?"complete":e===this.activeStep?"current":"incomplete"}handleStepClick=(e,t)=>{this.bhItemClick.emit({index:e,step:t})};handleKeyDown=(e,t)=>{const r=t.length;if(0===r)return;const o="horizontal"===this.orientation;let s=this.focusedIndex;switch(e.key){case o?d.ARROW_RIGHT:d.ARROW_DOWN:e.preventDefault(),s=Math.min(this.focusedIndex+1,r-1);break;case o?d.ARROW_LEFT:d.ARROW_UP:e.preventDefault(),s=Math.max(this.focusedIndex-1,0);break;case d.HOME:e.preventDefault(),s=0;break;case d.END:e.preventDefault(),s=r-1;break;case d.ENTER:case d.SPACE:return e.preventDefault(),void(this.focusedIndex>=0&&this.focusedIndex<r&&this.handleStepClick(this.focusedIndex,t[this.focusedIndex]));default:return}s!==this.focusedIndex&&(this.focusedIndex=s,this.focusStepByIndex(s))};focusStepByIndex(e){this.stepElementsCache||this.populateStepElementsCache(),this.stepElementsCache?.[e]?.focus()}handleStepFocus=e=>{this.focusedIndex=e};renderStepIcon(e,t){return"featured-icon"===this.variant?o("bh-featured-icon",{class:"step-featured-icon",color:"incomplete"===e?"gray":"brand",icon:t.icon,iconStyle:"outlined",size:"md"}):o("div",{class:`step-icon ${e}`},"complete"===e?o("span",{"aria-hidden":"true",class:"step-icon-check material-symbols-outlined"},"check"):o("span",{class:"step-icon-dot"}))}renderConnector(e){return o("div",{class:"step-connector "+("complete"===e?"complete":"incomplete")})}renderHorizontalSteps(e){return o("div",{"aria-label":l("bh-stepper","progressAriaLabel",this.progressAriaLabel,"Progress steps"),class:"stepper-container horizontal "+("featured-icon"===this.variant?"featured":""),onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((t,r)=>{const s=this.getStepStatus(r),i=r===e.length-1;return o("div",{class:"step-wrapper",role:"listitem"},o("div",{"aria-current":"current"===s?"step":void 0,class:`step ${s}`,"data-step-index":r,onClick:()=>this.handleStepClick(r,t),onFocus:()=>this.handleStepFocus(r),tabindex:r===this.activeStep?0:-1},this.renderStepIcon(s,t),o("div",{class:"step-content"},o("span",{class:"step-label"},t.label),this.showDescription&&t.description&&o("span",{class:"step-description"},t.description))),!i&&this.renderConnector(s))})))}renderVerticalSteps(e){return o("div",{"aria-label":l("bh-stepper","progressAriaLabel",this.progressAriaLabel,"Progress steps"),class:"stepper-container vertical "+("featured-icon"===this.variant?"featured":""),onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((t,r)=>{const s=this.getStepStatus(r),i=r===e.length-1;return o("div",{class:`step ${s}`,role:"listitem"},o("div",{class:"step-connector-wrap"},o("div",{"aria-current":"current"===s?"step":void 0,"aria-label":t.label,class:`step-icon-clickable ${s}`,"data-step-index":r,onClick:()=>this.handleStepClick(r,t),onFocus:()=>this.handleStepFocus(r),tabindex:r===this.activeStep?0:-1},this.renderStepIcon(s,t)),!i&&this.renderConnector(s)),o("div",{class:"step-content"},o("span",{class:"step-label"},t.label),this.showDescription&&t.description&&o("span",{class:"step-description"},t.description)))})))}renderCompact(e){const t=e.length,r=Math.min(this.activeStep+1,t);return o("div",{"aria-label":`Step ${r} of ${t}`,class:"stepper-container compact",role:"group"},o("span",{class:"stepper-compact-label"},"Step ",r," of ",t),o("div",{class:"stepper-compact-track",onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((e,t)=>{const r=this.getStepStatus(t);return o("div",{"aria-current":"current"===r?"step":void 0,"aria-label":e.label,class:`step-dot ${r}`,"data-step-index":t,onClick:()=>this.handleStepClick(t,e),onFocus:()=>this.handleStepFocus(t),role:"listitem",tabindex:t===this.activeStep?0:-1})}))))}render(){const e=this.getParsedSteps();return 0===e.length?o(s,null):o(s,null,this.compact?this.renderCompact(e):"vertical"===this.orientation?this.renderVerticalSteps(e):this.renderHorizontalSteps(e))}static get watchers(){return{steps:[{stepsChanged:0}]}}};b.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:block;--bh-stepper-icon-bg-complete:var(--color-brand-50);--bh-stepper-icon-bg-current:var(--color-brand-50);--bh-stepper-icon-bg-incomplete:var(--color-neutral-50);--bh-stepper-icon-bg-hover:var(--color-brand-100);--bh-stepper-icon-fill:var(--color-brand-600);--bh-stepper-icon-border-incomplete:var(--color-border-secondary);--bh-stepper-focus-ring:var(--color-border-interactive);--bh-stepper-text-complete:var(--color-neutral-700);--bh-stepper-text-current:var(--color-brand-800);--bh-stepper-text-incomplete:var(--color-neutral-700);--bh-stepper-desc-color:var(--color-text-secondary);--bh-stepper-desc-color-current:var(--color-text-interactive);--bh-stepper-connector-complete:var(--color-border-interactive);--bh-stepper-connector-incomplete:var(--color-border-secondary);--bh-stepper-connector-width:2px;--bh-stepper-icon-size:var(--icon-size-lg);--bh-stepper-dot-size:var(--sp-2);--bh-stepper-dot-color-incomplete:var(--color-neutral-300);--bh-stepper-compact-dot-size:10px;--bh-stepper-content-gap:var(--spacing-lg);--bh-stepper-marker-size:var(--bh-stepper-icon-size)}}@layer bh-base{.step-icon{display:flex;align-items:center;justify-content:center;width:var(--bh-stepper-icon-size);height:var(--bh-stepper-icon-size);border-radius:var(--radius-full);flex-shrink:0;position:relative;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease}.step-icon.incomplete{background-color:var(--bh-stepper-icon-bg-incomplete);border:1.5px solid var(--bh-stepper-icon-border-incomplete)}.step-icon.current{background-color:var(--bh-stepper-icon-fill)}.step-icon.complete{background-color:var(--bh-stepper-icon-fill)}.step-icon-dot{display:block;width:var(--bh-stepper-dot-size);height:var(--bh-stepper-dot-size);border-radius:var(--radius-full);background-color:var(--bh-stepper-dot-color-incomplete)}.current .step-icon-dot{background-color:var(--color-bg-primary)}.step-icon-check{font-size:var(--icon-size-xs);color:var(--color-bg-primary);line-height:1}.step-content{display:flex;flex-direction:column;gap:0;min-width:0}.step-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line);color:var(--bh-stepper-text-incomplete);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-description{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--bh-stepper-desc-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-featured-icon{flex-shrink:0}.step-connector{flex-shrink:0}.step-connector.complete{background-color:var(--bh-stepper-connector-complete)}.step-connector.incomplete{background-color:var(--bh-stepper-connector-incomplete)}}@layer bh-variants{.stepper-container.horizontal{display:flex;align-items:flex-start;width:100%;}.stepper-container.horizontal .step-wrapper{position:relative;flex:1 1 0;min-width:0}.stepper-container.horizontal .step{display:flex;flex-direction:column;align-items:center;gap:var(--bh-stepper-content-gap);cursor:pointer;outline:none;width:100%;border-radius:var(--radius-md)}.stepper-container.horizontal .step-content{align-items:center;text-align:center;width:100%}.stepper-container.horizontal .step-connector{position:absolute;top:calc(var(--bh-stepper-marker-size) / 2 - var(--bh-stepper-connector-width) / 2);left:calc(50% + var(--bh-stepper-marker-size) / 2);width:calc(100% - var(--bh-stepper-marker-size));height:var(--bh-stepper-connector-width)}.stepper-container.featured{--bh-stepper-marker-size:var(--bh-featured-icon-size-md, 40px)}.stepper-container.vertical{display:flex;flex-direction:column}.stepper-container.vertical .step{display:flex;gap:var(--spacing-md);min-height:0}.stepper-container.vertical .step-connector-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.stepper-container.vertical .step-icon-clickable{cursor:pointer;outline:none;border-radius:var(--radius-full)}.stepper-container.vertical .step-connector{width:var(--bh-stepper-connector-width);flex:1;min-height:var(--spacing-xl);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.stepper-container.vertical .step-content{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xl)}.stepper-container.compact{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.stepper-compact-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-stepper-text-current)}.stepper-compact-track{display:flex;align-items:center;gap:var(--spacing-sm)}.step-dot{width:var(--bh-stepper-compact-dot-size);height:var(--bh-stepper-compact-dot-size);border-radius:var(--radius-full);cursor:pointer;outline:none;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease}.step-dot.complete{background-color:var(--bh-stepper-icon-fill)}.step-dot.current{background-color:var(--bh-stepper-icon-fill)}.step-dot.incomplete{background-color:transparent;border:1.5px solid var(--bh-stepper-icon-border-incomplete)}}@layer bh-states{.step.complete .step-label,.step-wrapper .step.complete .step-label{color:var(--bh-stepper-text-complete)}.step.current .step-label,.step-wrapper .step.current .step-label{color:var(--bh-stepper-text-current)}.step.incomplete .step-label,.step-wrapper .step.incomplete .step-label{color:var(--bh-stepper-text-incomplete)}.step.current .step-description{color:var(--bh-stepper-desc-color-current)}.featured .step.complete .step-label{color:var(--color-text-secondary)}.featured .step.current .step-label{color:var(--color-text-interactive)}.step:hover .step-icon.incomplete,.step-icon-clickable:hover .step-icon.incomplete{background-color:var(--bh-stepper-icon-bg-hover);border-color:var(--bh-stepper-icon-bg-hover)}.step:hover .step-icon.complete,.step:hover .step-icon.current,.step-icon-clickable:hover .step-icon.complete,.step-icon-clickable:hover .step-icon.current{opacity:0.9}.step-dot:hover{opacity:0.8}.step:focus-visible .step-icon,.step-icon-clickable:focus-visible .step-icon{box-shadow:0px 0px 0px 2px var(--color-bg-primary), 0px 0px 0px 4px var(--bh-stepper-focus-ring)}.step-dot:focus-visible{box-shadow:0px 0px 0px 2px var(--color-bg-primary), 0px 0px 0px 4px var(--bh-stepper-focus-ring)}}';export{b as bh_stepper}

package/dist/bellhop-core/p-dfc61397.entry.js

@@ -0,0 +1 @@
+import{r as a,c as e,h as r,H as t}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{m as n,M as s}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.js";const o="bh-page-header",l=class{constructor(r){a(this,r),this.bhItemClick=e(this,"bhItemClick")}logger=i(o);heading="";supportingText="";variant="simple";avatarSrc="";avatarAlt="";bannerSrc="";showBreadcrumbs=!0;showDivider=!0;showSearch=!0;breadcrumbItems=[];bhItemClick;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),n.increment(s.COMPONENT_ERROR,{component:o,error_type:a instanceof Error?a.name:"unknown"}),h(o,a)}get isBanner(){return this.variant.startsWith("banner")}get isCentered(){return this.variant.endsWith("centered")}get hasAvatar(){return"avatar"===this.variant||"banner-avatar"===this.variant||"banner-avatar-centered"===this.variant}renderBannerImage(){return this.isBanner?r("div",{class:"banner-image-wrap"},this.bannerSrc?r("img",{alt:"",class:"banner-image",loading:"lazy",src:this.bannerSrc}):r("div",{class:"banner-image-placeholder"})):null}renderAvatar(){return this.hasAvatar?r("div",{class:"avatar-wrap"},r("bh-avatar",{alt:this.avatarAlt||this.heading,imageSrc:this.avatarSrc,size:"avatar"===this.variant?"lg":"2xl",variant:this.avatarSrc?"image":"placeholder"})):null}renderHeadingContent(){return r("div",{class:"text-content"},this.heading&&r("h1",{class:"heading",part:"heading"},this.heading),this.supportingText&&r("p",{class:"supporting-text",part:"supporting-text"},this.supportingText))}renderActions(){return r("div",{class:"actions",part:"actions"},r("slot",{name:"actions"}))}renderSearch(){return this.showSearch?r("div",{class:"search-slot",part:"search"},r("slot",{name:"search"})):null}renderBreadcrumbs(){return this.showBreadcrumbs?r("div",{class:"breadcrumbs-slot",part:"breadcrumbs"},this.breadcrumbItems.length>0?r("bh-breadcrumbs",{items:this.breadcrumbItems,onBhItemClick:a=>this.bhItemClick.emit(a.detail),showHome:!0}):r("slot",{name:"breadcrumbs"})):null}renderDivider(){return this.showDivider?r("div",{class:"divider",part:"divider"}):null}renderTabs(){return r("div",{class:"tabs-slot",part:"tabs"},r("slot",{name:"tabs"}))}renderVariantContent(){switch(this.variant){case"banner-avatar":return r("div",{class:"avatar-and-content"},this.renderAvatar(),r("div",{class:"content-beside-avatar"},this.renderBreadcrumbs(),r("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch())));case"banner-avatar-centered":return r("div",{class:"centered-content"},this.renderAvatar(),this.renderHeadingContent(),this.renderActions(),this.renderSearch(),this.renderBreadcrumbs());case"banner-simple-centered":return r("div",{class:"centered-content"},this.renderBreadcrumbs(),this.renderHeadingContent(),this.renderActions(),this.renderSearch());case"banner-simple":return r("div",{class:"content-block"},this.renderBreadcrumbs(),r("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch()));case"avatar":return r("div",{class:"heading-row"},r("div",{class:"avatar-inline"},this.renderAvatar(),this.renderHeadingContent()),this.renderActions(),this.renderSearch());default:return r("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch())}}render(){return r(t,{key:"62d3783612c4c884eb25afb83fcbacbabc419e32","aria-label":this.heading||"Page header",role:"banner"},r("div",{key:"b1760099f2852fa0893576ee95ad07ee27d8747f",class:{"page-header":!0,[`variant-${this.variant}`]:!0,"is-banner":this.isBanner,"is-centered":this.isCentered,"has-avatar":this.hasAvatar},part:"base"},this.renderBannerImage(),r("div",{key:"c1e4eb847e4b97fa8c7fb73bd06944e0c3916c4d",class:"container"},!this.isBanner&&this.renderBreadcrumbs(),this.renderVariantContent(),this.renderTabs(),this.renderDivider())))}};l.style='@charset "UTF-8";  :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-header-bg: var(--color-bg-primary);     --bh-page-header-heading-color: var(--color-text-primary);     --bh-page-header-supporting-color: var(--color-text-tertiary);     --bh-page-header-divider-color: var(--color-border-secondary);     --bh-page-header-banner-height: 240px;     --bh-page-header-banner-height-mobile: 160px;     --bh-page-header-avatar-size: 160px;     --bh-page-header-avatar-size-mobile: 96px;     --bh-page-header-avatar-border-color: var(--color-white);     --bh-page-header-container-padding: var(--spacing-4xl);     --bh-page-header-container-padding-mobile: var(--spacing-xl);   } } @layer bh-base {   .page-header {     display: flex;     flex-direction: column;     align-items: stretch;     width: 100%;     font-family: var(--font-inter);   }   .container {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     width: 100%;     max-width: var(--sp-320);      margin: 0 auto;     padding: 0 var(--bh-page-header-container-padding);     box-sizing: border-box;   }      .banner-image-wrap {     width: 100%;     height: var(--bh-page-header-banner-height);     overflow: hidden;     position: relative;   }   .banner-image {     width: 100%;     height: 100%;     object-fit: cover;     display: block;   }   .banner-image-placeholder {     width: 100%;     height: 100%;     background: linear-gradient(135deg, var(--color-brand-400), var(--color-accent-400));   }      .avatar-wrap {     flex-shrink: 0;   }   .avatar-wrap bh-avatar {          --avatar-size-2xl: var(--bh-page-header-avatar-size);     display: block;     border: 4px solid var(--bh-page-header-avatar-border-color);     border-radius: var(--radius-full);     box-shadow: var(--shadow-lg);   }   .avatar-wrap {        }   .avatar-wrap bh-avatar::part(border) {     border: 1px solid var(--border-contrast-medium);   }      .avatar-inline bh-avatar {     border: none;     box-shadow: none;   }      .text-content {     display: flex;     flex-direction: column;     gap: var(--spacing-xs);     min-width: 0;   }   .heading {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-medium);     font-size: var(--display-xs-size);     line-height: var(--text-2xl-line);     color: var(--bh-page-header-heading-color);   }   .supporting-text {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-regular);     font-size: var(--text-sm-size);     line-height: var(--text-sm-line);     color: var(--bh-page-header-supporting-color);   }      .heading-row {     display: flex;     flex-wrap: wrap;     align-items: flex-start;     gap: var(--spacing-2xl) var(--spacing-xl);     width: 100%;   }   .heading-row > .text-content {     flex: 1 0 0;     min-width: 320px;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .search-slot {     flex-shrink: 0;   }   .breadcrumbs-slot {     display: flex;   }   .tabs-slot {     display: contents;   }      .divider {     width: 100%;     height: 1px;     background: var(--bh-page-header-divider-color);   }      .content-block {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     padding-top: var(--spacing-3xl);   }      .avatar-inline {     display: flex;     align-items: center;     gap: var(--spacing-2xl);     flex: 1 0 0;     min-width: 320px;   }   .avatar-inline .avatar-photo {     width: var(--bh-avatar-size-lg);     height: var(--bh-avatar-size-lg);     box-shadow: none;     border-width: 0;   }      .avatar-and-content {     display: flex;     gap: var(--spacing-3xl);     align-items: flex-start;     width: 100%;   }   .avatar-and-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-5xl));   }   .content-beside-avatar {     display: flex;     flex-direction: column;     flex: 1 0 0;     min-width: 0;     gap: var(--spacing-2xl);     padding-top: var(--spacing-7xl);   }      .centered-content {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-2xl);     text-align: center;   }   .centered-content .text-content {     max-width: 640px;     align-items: center;   }   .centered-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-7xl));   } } @layer bh-variants {      :host([variant=banner-avatar]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-5xl));   }   :host([variant=banner-avatar-centered]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-7xl));   }   :host([variant=banner-avatar-centered]) .container {     padding-bottom: 0;   } } @layer bh-utilities {   @media (max-width: 768px) {     .container {       padding: 0 var(--bh-page-header-container-padding-mobile);       gap: var(--spacing-xl);     }     .banner-image-wrap {       height: var(--bh-page-header-banner-height-mobile);     }     .avatar-wrap bh-avatar {       --avatar-size-2xl: var(--bh-page-header-avatar-size-mobile);     }     .heading-row > .text-content {       min-width: 0;     }     .avatar-inline {       min-width: 0;     }     .heading-row {       flex-direction: column;       gap: var(--spacing-xl);     }     .content-block {       padding-top: 0;     }   } }';export{l as bh_page_header}

package/dist/bellhop-core/p-e02bdcfb.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,a as s,h as a}from"./p-CTHvNfIu.js";import{C as r}from"./p-CNYUzrTZ.js";import{c as e}from"./p-CMKOFHIa.js";import{c as o}from"./p-CKTtXT2O.js";import{c as n,r as h,a as d,b as l}from"./p-Xi3uD33F.js";import{c}from"./p-YdVz1TeW.js";import{B as p,r as b}from"./p-BNVOtH-1.js";import{c as u}from"./p-CFlb5gKI.js";import{c as m}from"./p-B93zYxiE.js";import{v}from"./p-R-A72b5e.js";import{a as g}from"./p-BqJRACkO.js";import{K as f}from"./p-zdFuIabL.js";import{Z as w}from"./p-BoVgy_Ao.js";import"./p-CSH9RXgl.js";const y=class{constructor(s){t(this,s),this.bhItemClick=i(this,"bhItemClick"),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose"),this.bhChange=i(this,"bhChange"),this.bhSearch=i(this,"bhSearch"),this.bhScroll=i(this,"bhScroll"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur")}get el(){return s(this)}triggerRef;menuRef;positioner;dismissalManager;logger=e("bh-dropdown");_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=o({componentName:"bh-dropdown",logger:this.logger})),this._errorHandler}size="md";state="default";variant="outlined";label="Options";iconName="more_vert";disabled=!1;menuItems=[];header;avatarSrc="";avatarAlt="Avatar";avatarInitials="";avatarSize="md";avatarName;avatarEmail;showIcons=!0;searchable=!1;searchPlaceholder="Search...";menuId;ariaRoleDescription=null;ariaActiveDescendant;ariaBusy="false";ariaAutocomplete="none";isOpen=!1;menuPosition={x:0,y:0};errorState=n();searchTerm="";componentState="UNMOUNTED";stateManager=new r("UNMOUNTED");positionRetryCount=0;MAX_POSITION_RETRIES=3;bhItemClick;bhOpen;bhClose;bhChange;bhSearch;bhScroll;bhFocus;bhBlur;focusState=c();focusVersion=0;i18nUnsubscribe;_i18nVersion=0;componentDidCatch(t){this.handleComponentError(t)}setMenuOpen(t){this.isOpen!==t&&(this.isOpen=t,t?this.bhOpen.emit():this.bhClose.emit())}handleDismiss=()=>{this.setMenuOpen(!1)};handleOpenChange(t){t?(this.setupFloatingUI(),this.dismissalManager?.enable()):(this.dismissalManager?.disable(),this.cleanupFloating())}componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),this.i18nUnsubscribe?.()}componentDidLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.menuRef&&this.triggerRef&&(this.dismissalManager=u(this.menuRef,{onDismiss:this.handleDismiss,escapeKey:!0,clickOutside:!0,focusLoss:!1,excludeElements:[this.triggerRef]}))}async setupFloatingUI(){if(!this.triggerRef||!this.menuRef)return;const t="avatar"===this.variant?"right-end":"bottom-end";try{this.stateManager.transition("LOADING","Computing position"),this.positioner=await m(this.triggerRef,this.menuRef,{placement:t,offset:8,flip:!0,fallbackPlacements:["top-end","bottom-start","top-start"],shift:!0,shiftPadding:8,timeoutMs:2e3,autoUpdate:!0},((t,i)=>{this.menuPosition={x:t,y:i},this.positionRetryCount=0,"ACTIVE"!==this.stateManager.getState()&&(this.stateManager.transition("ACTIVE","Position computed successfully"),this.componentState="ACTIVE")}))}catch(t){this.positionRetryCount++,this.positionRetryCount>=this.MAX_POSITION_RETRIES?(this.stateManager.enterDegradedState({fallbackUI:"static-position",disabledFeatures:["auto-positioning","flip","shift"],retryable:!0,maxRetries:this.MAX_POSITION_RETRIES}),this.componentState="DEGRADED",this.logger.warn("Dropdown degraded: using fallback positioning",{reason:t instanceof Error?t.message:String(t),retries:this.positionRetryCount}),h("bh-dropdown",t)):this.logger.warn("Retrying position calculation",{retryCount:this.positionRetryCount}),this.fallbackPosition()}}fallbackPosition(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect();this.menuPosition="right-end"==("avatar"===this.variant?"right-end":"bottom-end")?{x:t.right+8,y:t.top}:{x:t.left,y:t.bottom+8}}cleanupFloating(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}get parsedMenuItems(){let t;if("string"==typeof this.menuItems){const i=v(this.menuItems);if(!i.valid)return h("bh-dropdown",new Error(`Invalid menuItems JSON: ${i.errors.map((t=>t.message)).join(", ")}`)),[];if(!Array.isArray(i.value))return h("bh-dropdown",new Error("menuItems must be an array")),[];t=i.value}else t=this.menuItems||[];return this.searchable&&this.searchTerm&&(t=t.filter((t=>(t.label||"").toLowerCase().includes(this.searchTerm.toLowerCase())))),t}get parsedHeader(){if("avatar"===this.variant)return{avatarGroup:!0,avatarSrc:this.avatarSrc,name:this.avatarName,email:this.avatarEmail};if(this.header){if("string"==typeof this.header){const t=v(this.header);return t.valid?t.value??void 0:void h("bh-dropdown",new Error(`Invalid header JSON: ${t.errors.map((t=>t.message)).join(", ")}`))}return this.header}}toggleDropdown=()=>{this.disabled||this.setMenuOpen(!this.isOpen)};handleMenuItemClick=t=>{const i=t.detail.item;i&&!i.disabled&&(this.bhItemClick.emit(i),this.bhChange.emit(i),this.setMenuOpen(!1))};handleSearch=t=>{this.bhSearch.emit(t)};handleFocus=t=>{this.focusState.handleFocus(t,(t=>this.bhFocus.emit(t)))};handleBlur=t=>{this.focusState.handleBlur(t,(t=>this.bhBlur.emit(t)))};handleKeyDown=t=>{if(!this.disabled&&g(t)&&(t.preventDefault(),this.toggleDropdown()),(t.key===f.ARROW_DOWN||t.key===f.ARROW_UP)&&!this.isOpen){t.preventDefault(),this.setMenuOpen(!0);const i=t.key===f.ARROW_DOWN?0:-1;requestAnimationFrame((()=>{this.menuRef?.focusItem(i)}))}};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};get isIconOnly(){return"icon-only-outlined"===this.variant||"icon-only-ghost"===this.variant}get showAvatar(){return"avatar"===this.variant}get buttonHierarchy(){return"ghost"===this.variant||"icon-only-ghost"===this.variant?"tertiary":"secondary"}renderErrorFallback(){return a("div",{class:"dropdown-error",part:"error"},a("bh-button",{disabled:!0,hierarchy:"secondary",icon:"leading",iconName:"error",label:this.label,size:this.size}))}render(){if(this.errorState.hasError)return this.renderErrorFallback();try{const t={"dropdown-container":!0,"dropdown-open":this.isOpen,"dropdown-avatar-variant":"avatar"===this.variant},i={"dropdown-avatar":!0,"dropdown-avatar-focus":this.isOpen,"dropdown-avatar-disabled":this.disabled},s={position:"fixed",left:`${this.menuPosition.x}px`,top:`${this.menuPosition.y}px`,zIndex:String(w.POPOVER)};return a("div",{"aria-disabled":this.disabled?"true":void 0,class:t,part:"container"},"DEGRADED"===this.componentState&&this.isOpen&&a("div",{class:"dropdown-degraded-notice",part:"degraded-notice",role:"status"},a("span",{class:"dropdown-degraded-icon"},"⚠️"),a("span",{class:"dropdown-degraded-text"},"Simplified positioning active")),!this.showAvatar&&a("div",{onKeyDown:this.handleKeyDown,part:"trigger",ref:t=>this.triggerRef=t},this.isIconOnly?a("bh-button-icon",{ariaLabel:this.iconName,disabled:this.disabled,hierarchy:this.buttonHierarchy,iconName:this.iconName,onClick:this.toggleDropdown,size:this.size}):a("bh-button",{disabled:this.disabled,hierarchy:this.buttonHierarchy,icon:"trailing",iconName:"expand_more",label:b("bh-dropdown","label",this.label,"Options"),onClick:this.toggleDropdown,size:this.size})),this.showAvatar&&a("div",{"aria-activedescendant":this.ariaActiveDescendant,"aria-busy":String(this.ariaBusy),"aria-controls":this.menuId,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":String(this.isOpen),"aria-haspopup":"menu","aria-live":"off","aria-roledescription":this.ariaRoleDescription,class:i,"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:t=>{this.disabled||(t.stopPropagation(),this.toggleDropdown())},onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"trigger",ref:t=>this.triggerRef=t,role:"button",tabindex:this.disabled?-1:0},a("bh-avatar",{alt:b("bh-dropdown","avatarAlt",this.avatarAlt,"Avatar"),imageSrc:this.avatarSrc||void 0,size:this.avatarSize,text:this.avatarInitials,variant:this.avatarSrc?"image":this.avatarInitials?"text":"placeholder"})),this.searchable&&this.isOpen&&a("div",{class:"dropdown-search",part:"search"},a("bh-input-text",{onInput:t=>{const i=t.detail;this.searchTerm=i,this.handleSearch(i)},placeholder:b("bh-dropdown","searchPlaceholder",this.searchPlaceholder,"Search..."),value:this.searchTerm})),a("bh-menu",{animated:!0,"aria-activedescendant":this.ariaActiveDescendant,"aria-busy":String(this.ariaBusy),"aria-live":"polite","aria-roledescription":this.ariaRoleDescription,class:{"dropdown-menu-hidden":!this.isOpen},header:this.parsedHeader,id:this.menuId,menuItems:this.parsedMenuItems,onBhItemClick:this.handleMenuItemClick,orientation:"vertical",ref:t=>this.menuRef=t,role:"menu",showIcons:this.showIcons,style:this.isOpen?s:void 0,visible:this.isOpen}))}catch(t){return this.errorState=d(this.errorState,l("bh-dropdown",t,{variant:this.variant})),this.renderErrorFallback()}}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};y.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:inline-block;position:relative;--bh-dropdown-avatar-bg-hover:var(--color-bg-tertiary);--bh-dropdown-avatar-bg-focus:var(--color-bg-interactive-light)}}@layer bh-base{.dropdown-container{position:relative;display:inline-block;}.dropdown-container bh-dropdown-menu{}.dropdown-container .dropdown-menu-hidden{display:none}.dropdown-avatar{cursor:pointer;border-radius:50%;outline:none;display:inline-flex;user-select:none;line-height:0}}@layer bh-states{.dropdown-avatar{}.dropdown-avatar:hover:not(.dropdown-avatar-disabled) bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-hover)}.dropdown-avatar:focus:not(.dropdown-avatar-disabled) bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-focus)}.dropdown-avatar-focus bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-focus)}.dropdown-avatar-disabled{cursor:not-allowed;opacity:0.5}.dropdown-open bh-button{--button-focus-ring:0 0 0 2px var(--color-border-interactive)}}";export{y as bh_dropdown}

package/dist/bellhop-core/p-e6ad9a10.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as o,H as i}from"./p-CTHvNfIu.js";import{c as e}from"./p-CMKOFHIa.js";import{m as n,M as r}from"./p-CSH9RXgl.js";import{r as s}from"./p-Xi3uD33F.js";import{B as c,r as d}from"./p-BNVOtH-1.js";const l="bh-modal-actions",b=class{constructor(o){t(this,o),this.bhAction=a(this,"bhAction")}logger=e(l);i18nUnsubscribe;_i18nVersion=0;variant="fill";destructive=!1;primaryLabel="Confirm";secondaryLabel="Cancel";divider=!1;bhAction;componentDidCatch(t){const a=t instanceof Error?t:new Error(String(t));this.logger.error("Component error caught",a),n.increment(r.COMPONENT_ERROR,{component:l,error_type:a.name}),s(l,t)}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};renderButtons(){const t="right-aligned"===this.variant,a=d("bh-modal-actions","primaryLabel",this.primaryLabel,"Confirm"),i=d("bh-modal-actions","secondaryLabel",this.secondaryLabel,"Cancel"),e=o("bh-button",{hierarchy:"primary",icon:"none",label:a,onBhClick:this.handlePrimaryAction,size:"md",variant:this.destructive?"destructive":"default"}),n=o("bh-button",{hierarchy:"secondary",icon:"none",label:i,onBhClick:this.handleSecondaryAction,size:"md"});return t?o("div",{class:"modal-actions-content modal-actions-content--right"},o("div",{class:"actions-left"},o("slot",{name:"left-content"})),o("div",{class:"actions-right"},n,e)):o("div",{class:"modal-actions-content modal-actions-content--fill"},n,e)}render(){return o(i,{key:"94f7dcfad4b06525117314126aae6bbea053bc52"},o("div",{key:"fc70502939c3bcfc5a3ee77f5e9ec269d7490b78",class:"modal-actions",part:"actions"},this.divider&&o("div",{key:"ebb4a1bb6d6512d109060fbc4b8d642d9e1bf0e3",class:"divider",part:"divider"}),this.renderButtons()))}};b.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;     width: 100%;          --bh-modal-actions-bg: var(--color-bg-primary);     --bh-modal-actions-border-color: var(--color-border-secondary);     --bh-modal-actions-padding-top: var(--spacing-2xl);     --bh-modal-actions-padding-x: var(--spacing-3xl);     --bh-modal-actions-padding-bottom: var(--spacing-3xl);     --bh-modal-actions-gap: var(--spacing-lg);     --bh-modal-actions-destructive-bg: var(--color-bg-destructive);     --bh-modal-actions-destructive-bg-hover: var(--color-bg-destructive-hover);     --bh-modal-actions-destructive-bg-active: var(       --color-bg-destructive-active     );     --bh-modal-actions-destructive-color: var(--color-text-inverse);     --bh-modal-actions-destructive-focus-ring: var(--color-bg-destructive);   } } @layer bh-base {   .modal-actions {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--spacing-none);     padding-top: var(--bh-modal-actions-padding-top);     width: 100%;   }   .divider {     height: 1px;     width: 100%;     flex-shrink: 0;     background-color: var(--bh-modal-actions-border-color);     margin-bottom: var(--bh-modal-actions-padding-top);   }   .modal-actions-content {     display: flex;     gap: var(--bh-modal-actions-gap);     padding: 0 var(--bh-modal-actions-padding-x);     padding-bottom: var(--bh-modal-actions-padding-bottom);     width: 100%;     box-sizing: border-box;   }   .actions-left {     display: flex;     gap: var(--bh-modal-actions-gap);     align-items: center;   }   .actions-right {     display: flex;     gap: var(--bh-modal-actions-gap);     align-items: center;     justify-content: flex-end;   }   .btn-destructive {     display: flex;     align-items: center;     justify-content: center;     gap: var(--spacing-xxs);     height: var(--bh-button-height-md);     padding: 0 var(--spacing-lg);     background-color: var(--bh-modal-actions-destructive-bg);     color: var(--bh-modal-actions-destructive-color);     border: none;     border-radius: var(--radius-md);     font-family: var(--font-inter);     font-weight: var(--weight-semibold);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     letter-spacing: 0px;     cursor: pointer;     overflow: hidden;     transition: background-color var(--animation-duration-fast) ease;   } } @layer bh-variants {   .modal-actions-content--fill {     flex-direction: row;     align-items: stretch;   }   .modal-actions-content--fill bh-button {     flex: 1;     display: block;     width: 100%;   }   .modal-actions-content--fill bh-button::part(button) {     width: 100%;   }   .modal-actions-content--fill .btn-destructive {     flex: 1;   }   .modal-actions-content--right {     flex-direction: row;     align-items: center;     justify-content: space-between;   }      @media (max-width: 480px) {     .modal-actions-content--fill {       flex-direction: column-reverse;       align-items: stretch;     }     .modal-actions-content--fill bh-button,     .modal-actions-content--fill .btn-destructive {       flex: none;       width: 100%;     }   } } @layer bh-states {   .btn-destructive:hover {     background-color: var(--bh-modal-actions-destructive-bg-hover);   }   .btn-destructive:focus-visible {     outline: 2px solid var(--bh-modal-actions-destructive-focus-ring);     outline-offset: 2px;   }   .btn-destructive:active {     background-color: var(--bh-modal-actions-destructive-bg-active);   } }";export{b as bh_modal_actions}

package/dist/bellhop-core/p-e86b4fbf.entry.js

@@ -0,0 +1 @@
+import{r as a,c as e,h as i,H as n}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{c as r,a as t}from"./p-CS8F5LFw.js";import{c as l}from"./p-YdVz1TeW.js";import{m as s,M as g}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";import{t as v}from"./p-Bf0qW3wI.js";import{v as h}from"./p-R-A72b5e.js";import{a as p}from"./p-BqJRACkO.js";import{A as d}from"./p-BoVgy_Ao.js";import"./p-zdFuIabL.js";const m=class{constructor(i){a(this,i),this.bhToggle=e(this,"bhToggle"),this.bhItemClick=e(this,"bhItemClick"),this.bhAction=e(this,"bhAction")}logger=o("bh-page-navigation-multi-level");destroy$=r();label;icon="radio_button_unchecked";badge;childItems=[];isExpanded=!1;focusState=l();focusVersion=0;isAnimating=!1;animationClass="";bhToggle;bhItemClick;bhAction;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),s.increment(g.COMPONENT_ERROR,{component:"bh-page-navigation-multi-level",error_type:a instanceof Error?a.name:"unknown"}),c("bh-page-navigation-multi-level",a)}handleExpandedChange(a){a?(this.isAnimating=!0,this.animationClass="animate-slide-down-enter"):this.isAnimating&&(this.animationClass="animate-slide-down-exit",this.destroy$&&v(d.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.isAnimating=!1,this.animationClass=""})))}disconnectedCallback(){t(this.destroy$)}getParsedChildItems(){if(Array.isArray(this.childItems))return this.childItems;const a=h(this.childItems);return a.valid?a.value??[]:(this.logger.warn("Invalid child-items JSON:",{errors:a.errors}),[])}get hasActiveChild(){return this.getParsedChildItems().some((a=>a.isActive))}handleParentClick=()=>{this.bhToggle.emit()};handleParentKeyDown=a=>{p(a)&&(a.preventDefault(),this.handleParentClick())};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleChildClick=a=>{this.bhItemClick.emit({value:String(a),item:this.getParsedChildItems()[a],index:a})};handleAddClick=a=>{a.stopPropagation(),this.bhAction.emit({action:"add"})};getItemClasses(){return{"page-navigation-multi-level":!0,"page-navigation-animate-smooth":!0,"has-active-child":this.hasActiveChild,expanded:this.isExpanded,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return i(n,{key:"d9741d97ddd3eafaa584a4ed2874b54586f12d27"},i("div",{key:"78c214b1a6eed4371ddb9f9e7bfe6623d1981f9c",class:this.getItemClasses(),part:"container"},i("div",{key:"61b5570c3bc98afccb9d8fa12036874eff797b00","aria-expanded":String(this.isExpanded),class:"page-navigation-multi-level-parent","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleParentClick,onFocus:this.handleFocus,onKeyDown:this.handleParentKeyDown,onMouseEnter:()=>this.focusState.handleMouseEnter(),onMouseLeave:()=>this.focusState.handleMouseLeave(),part:"parent",role:"button",tabIndex:0},i("div",{key:"ecb225085b57e91a45ca5261160e5faa8fb5320d",class:"page-navigation-item-content"},!this.focusState.isHovered&&i("span",{key:"3ec3d64a64ca0557f5dd1868b58afce58f5028c3","aria-hidden":"true",class:"page-navigation-item-icon material-symbols-outlined"},this.icon),this.focusState.isHovered&&i("span",{key:"6e63fa64c2d5a24f6fc0440a961e58aad6fd044c","aria-hidden":"true",class:{"page-navigation-chevron-icon":!0,"material-symbols-outlined":!0,expanded:this.isExpanded}},"expand_more"),i("span",{key:"e48c777f044af85e035969be85c75a44c0033972",class:"page-navigation-item-label"},this.label),void 0!==this.badge&&i("bh-badge",{key:"b3e00c448d7dd26de9c4a39e2cf256f7dc14e039",class:"page-navigation-item-badge",emphasis:"medium",label:String(this.badge),part:"badge",size:"sm",variant:"gray"}),i("bh-button-icon",{key:"4e6154e0f29457173b4617f554095c99bb1edee6",ariaLabel:`Add to ${this.label}`,hierarchy:"tertiary",iconName:"add",onClick:this.handleAddClick,size:"xs"}))),(this.isExpanded||this.isAnimating)&&i("div",{key:"4df9880e7f4975b317544e9a3b18156b5590830c",class:`page-navigation-children ${this.animationClass}`,part:"children",role:"group"},this.getParsedChildItems().map(((a,e)=>i("bh-page-navigation-child",{badge:a.badge,isActive:a.isActive,key:e,label:a.label,onBhItemClick:()=>this.handleChildClick(e),showBadge:a.showBadge}))))))}static get watchers(){return{isExpanded:[{handleExpandedChange:0}]}}};m.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: block;   } } @layer bh-tokens {   :host {          --bh-page-navigation-multi-level-margin-none: var(--spacing-none);     --bh-page-navigation-multi-level-margin-xs: var(--spacing-xs);     --bh-page-navigation-multi-level-padding-sm: var(--spacing-sm);     --bh-page-navigation-multi-level-gap-sm: var(--spacing-sm);   } } @layer bh-base {   .page-navigation-multi-level {     margin: 0 var(--bh-page-navigation-multi-level-margin-xs);   }   .page-navigation-multi-level-parent {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-multi-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-multi-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-children {     position: relative;     display: flex;     flex-direction: column;     gap: 0;     max-height: 1000px;     opacity: 1;     transition: max-height 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), opacity 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), margin 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);   }      .page-navigation-item-content {     display: flex;     align-items: center;     gap: var(--bh-page-navigation-multi-level-gap-sm);     width: 100%;   }      .page-navigation-item-icon {     flex-shrink: 0;     color: var(--color-text-secondary);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease;   }      .page-navigation-chevron-icon {     flex-shrink: 0;     color: var(--color-text-secondary);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease, transform var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);   }   .page-navigation-item-badge {     display: inline-flex;     flex-shrink: 0;   }      .page-navigation-item-label {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--text-sm-line);     color: var(--color-text-secondary);     flex: 1;     transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease;   } } @layer bh-states {   .page-navigation-multi-level-parent {        }   .page-navigation-multi-level-parent:hover {     background-color: var(--color-bg-secondary);   }      .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent:hover {     background-color: var(--color-bg-secondary);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-icon {     color: var(--color-text-primary);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-label {     color: var(--color-text-primary);     font-weight: var(--weight-semibold);   }   .page-navigation-children.collapsed {     max-height: 0;     opacity: 0;     margin-top: 0;     margin-bottom: 0;   }      .page-navigation-chevron-icon.expanded {     transform: rotate(180deg);   } } @layer bh-utilities {      .page-navigation-animate-smooth {     transform-origin: top center;     transition: all var(--animation-duration-normal, 0.2s) var(--animation-ease-enter, ease);   } } @layer bh-utilities {      .page-navigation-children.animate-slide-down-enter {     animation: slideDownEnter var(--animation-duration-fast) ease-out forwards;   }   .page-navigation-children.animate-slide-down-exit {     animation: slideDownExit var(--animation-duration-fast) ease-out forwards;   }   @keyframes slideDownEnter {     from {       opacity: 0;       max-height: 0;       transform: translateY(-10px);     }     to {       opacity: 1;       max-height: 1000px;       transform: translateY(0);     }   }   @keyframes slideDownExit {     from {       opacity: 1;       max-height: 1000px;       transform: translateY(0);     }     to {       opacity: 0;       max-height: 0;       transform: translateY(-10px);     }   } }';const b=class{constructor(i){a(this,i),this.bhItemClick=e(this,"bhItemClick")}logger=o("bh-page-navigation-single-level");label;icon="radio_button_unchecked";isActive=!1;bhItemClick;focusState=l();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),s.increment(g.COMPONENT_ERROR,{component:"bh-page-navigation-single-level",error_type:a instanceof Error?a.name:"unknown"}),c("bh-page-navigation-single-level",a)}handleClick=()=>{this.bhItemClick.emit({value:this.label})};handleKeyDown=a=>{p(a)&&(a.preventDefault(),this.handleClick())};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getItemClasses(){return{"page-navigation-single-level":!0,"page-navigation-animate-smooth":!0,active:this.isActive,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return i(n,{key:"ffa7f8fae621f03d4c069c8f335b905c35cec6fa"},i("div",{key:"de70f38734b07e9b2a3b9daee4e11c053aa73fdf","aria-current":this.isActive?"page":void 0,class:this.getItemClasses(),"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:()=>this.handleClick(),onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"button",tabIndex:0},i("div",{key:"d5e9efd758166f3fc2f0c66f66f8442a0cd0e192",class:"page-navigation-item-content",part:"content"},i("span",{key:"3d8bb218a663ed658fb59e8cb74fe8b754130406","aria-hidden":"true",class:"page-navigation-item-icon material-symbols-outlined",part:"icon"},this.icon),i("span",{key:"6d864cb47d3daca69f451f145f85b5fa823b81e9",class:"page-navigation-item-label",part:"label"},this.label))))}};b.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-page-navigation-single-level-bg: var(--color-bg-primary);     --bh-page-navigation-single-level-border-color: var(       --color-border-secondary     );     --bh-page-navigation-single-level-font-family: var(--font-inter);     --bh-page-navigation-single-level-padding-sm: var(--spacing-sm);     --bh-page-navigation-single-level-padding-md: var(--spacing-md);     --bh-page-navigation-single-level-padding-xl: var(--spacing-xl);     --bh-page-navigation-single-level-padding-md-lg: var(--spacing-md)       var(--spacing-xl);     --bh-page-navigation-single-level-margin-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-3xl: var(--spacing-3xl);     --bh-page-navigation-single-level-margin-none: var(--spacing-none);     --bh-page-navigation-single-level-margin-top-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-bottom-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-left-xl: var(--spacing-xl);     --bh-page-navigation-single-level-margin-left-sm: var(--spacing-sm);     --bh-page-navigation-single-level-gap-xs: var(--spacing-xs);     --bh-page-navigation-single-level-gap-sm: var(--spacing-sm);     --bh-page-navigation-single-level-bg-neutral-200: var(--color-bg-tertiary);     --bh-page-navigation-single-level-color-neutral-600: var(       --color-text-secondary     );     --bh-page-navigation-single-level-color-neutral-900: var(       --color-text-primary     );     --bh-page-navigation-single-level-bg-neutral-50: var(--color-bg-secondary);     --bh-page-navigation-single-level-bg-neutral-100: var(--color-bg-tertiary);     --bh-page-navigation-single-level-bg-brand-600: var(--color-bg-interactive);     --bh-page-navigation-single-level-color-brand-600: var(       --color-text-interactive     );   } } @layer bh-base {      .page-navigation {     width: 100%;     background-color: var(--bh-page-navigation-single-level-bg);     font-family: var(--bh-page-navigation-single-level-font-family);     box-sizing: border-box;     user-select: none;   }   .page-navigation-header {     margin-bottom: var(--bh-page-navigation-single-level-margin-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 {     display: flex;     flex-direction: column;     gap: var(--spacing-sm);   }      .page-navigation-single-level {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     margin: var(--bh-page-navigation-single-level-margin-none) var(--bh-page-navigation-single-level-margin-xs);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-multi-level {     margin: var(--bh-page-navigation-single-level-margin-none) var(--bh-page-navigation-single-level-margin-xs);   }   .page-navigation-multi-level-parent {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-children {     margin-top: var(--bh-page-navigation-single-level-margin-top-xs);     margin-bottom: var(--bh-page-navigation-single-level-margin-bottom-xs);     position: relative;     margin-left: var(--bh-page-navigation-single-level-margin-left-xl);     display: flex;     flex-direction: column;     gap: var(--bh-page-navigation-single-level-gap-xs);     max-height: 1000px;     opacity: 1;     transition: max-height 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), opacity 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), margin 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);        }   .page-navigation-children::before {     content: "";     position: absolute;     left: 0;     top: -2px;     height: calc(100% + 4px);     width: 2px;     background-color: var(--bh-page-navigation-single-level-bg-neutral-200);     margin-left: calc(var(--spacing-sm) * 1.25);     z-index: 2;   }      .page-navigation-child {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-md-lg);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--icon-size-3xl);      box-sizing: border-box;     border-radius: var(--radius-sm);     margin: 0;     background-color: transparent;     border: 1px solid transparent;     margin-left: var(--bh-page-navigation-child-indent);   }      .page-navigation-item-content,   .page-navigation-child-content {     display: flex;     align-items: center;     gap: var(--bh-page-navigation-single-level-gap-sm);     width: 100%;   }      .page-navigation-item-icon {     flex-shrink: 0;     color: var(--bh-page-navigation-single-level-color-neutral-600);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease;   }      .page-navigation-chevron-icon {     flex-shrink: 0;     color: var(--bh-page-navigation-single-level-color-neutral-600);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease, transform var(--animation-duration-fast) var(--animation-ease-smooth);   }      .page-navigation-item-label,   .page-navigation-child-label {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--text-sm-line);     color: var(--bh-page-navigation-single-level-color-neutral-600);     flex: 1;     transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease;   }      .page-navigation-item-badge,   .page-navigation-child-badge {     margin-left: auto;   } } @layer bh-states {      .page-navigation-single-level.active {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-single-level.active .page-navigation-item-icon {     color: var(--bh-page-navigation-single-level-color-neutral-900);   }   .page-navigation-single-level.active .page-navigation-item-label {     color: var(--bh-page-navigation-single-level-color-neutral-900);     font-weight: var(--weight-semibold);   }   .page-navigation-single-level {        }   .page-navigation-single-level:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }      .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-icon {     color: var(--bh-page-navigation-single-level-color-neutral-900);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-label {     color: var(--bh-page-navigation-single-level-color-neutral-900);     font-weight: var(--weight-semibold);   }   .page-navigation-multi-level-parent {        }   .page-navigation-multi-level-parent:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }      .page-navigation-children.collapsed {     max-height: 0;     opacity: 0;     margin-top: 0;     margin-bottom: 0;   }      .page-navigation-child {        }   .page-navigation-child:hover:not(.active) {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);     position: relative;     z-index: 1;        }   .page-navigation-child:hover:not(.active)::after {     content: "";     position: absolute;     left: calc(var(--sp-5) * -1);     top: 0;     bottom: 0;     width: var(--sp-5);     background-color: var(--bh-page-navigation-single-level-bg-neutral-100);     z-index: 1;     border-radius: var(--radius-sm);   }   .page-navigation-child {        }   .page-navigation-child.active {     background-color: transparent;        }   .page-navigation-child.active::before {     content: "";     position: absolute;     left: -4.5px;     top: 50%;     transform: translateY(-50%);     width: 2px;     height: var(--sp-6);     background-color: var(--bh-page-navigation-single-level-bg-brand-600);     z-index: 3;   }   .page-navigation-child.active .page-navigation-child-label {     color: var(--bh-page-navigation-single-level-color-brand-600);     font-weight: var(--weight-semibold);   }      .page-navigation-chevron-icon.expanded {     transform: rotate(180deg);   } } @layer bh-utilities {      .page-navigation-animate-smooth {     transform-origin: top center;     transition: all var(--animation-duration-normal) var(--animation-ease-enter);   }      @media (max-width: 768px) {     .page-navigation {       width: var(--bh-page-navigation-min-width);       min-width: var(--bh-page-navigation-min-width);     }   } }';export{m as bh_page_navigation_multi_level,b as bh_page_navigation_single_level}

package/dist/bellhop-core/p-eed85b08.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as o,h as i,H as a}from"./p-CTHvNfIu.js";import{i as r,T as s,B as b,a as n,F as l}from"./p-vsM-NcS2.js";import{c as h}from"./p-CMKOFHIa.js";import{B as c,r as d}from"./p-BNVOtH-1.js";import{m as u,M as m}from"./p-CSH9RXgl.js";import{r as p}from"./p-Xi3uD33F.js";import"./p-UjNYPqeE.js";const v=class{constructor(o){t(this,o),this.bhLinkRequest=e(this,"bhLinkRequest")}logger=h("bh-html-editor-bubble-menu");selectionListener;i18nUnsubscribe;selectionUpdateFrame;selectionUpdatePending=!1;updatePositionFrame;outsideClickListener;get el(){return o(this)}editor;targetEl;ariaLabel="Text formatting";visible=!1;posX=0;posY=0;placeBelow=!1;activeStates={};_i18nVersion=0;bhLinkRequest;async insertLink(t){this.editor&&r(t)&&(this.editor.chain().focus().extendMarkRange("link").setLink({href:t}).run(),this.updateActiveStates())}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.editor&&(this.selectionListener=()=>this.handleSelectionUpdate(),this.editor.on("selectionUpdate",this.selectionListener),this.editor.on("transaction",this.selectionListener))}disconnectedCallback(){this.selectionListener&&this.editor&&(this.editor.off("selectionUpdate",this.selectionListener),this.editor.off("transaction",this.selectionListener)),this.selectionUpdateFrame&&(cancelAnimationFrame(this.selectionUpdateFrame),this.selectionUpdateFrame=void 0),this.updatePositionFrame&&(cancelAnimationFrame(this.updatePositionFrame),this.updatePositionFrame=void 0),this.selectionUpdatePending=!1,this.removeOutsideClickListener(),this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),u.increment(m.COMPONENT_ERROR,{component:"bh-html-editor-bubble-menu"}),p("bh-html-editor-bubble-menu",t)}handleSelectionUpdate(){this.selectionUpdatePending||(this.selectionUpdatePending=!0,this.selectionUpdateFrame=requestAnimationFrame((()=>{this.selectionUpdatePending=!1,this.selectionUpdateFrame=void 0,this.processSelectionUpdate()})))}processSelectionUpdate(){if(!this.editor)return;const{empty:t}=this.editor.state.selection;t?this.setVisible(!1):(this.setVisible(!0),this.updateActiveStates(),this.updatePosition())}updateActiveStates(){if(!this.editor)return;const t=s.filter((t=>b.includes(t.action))),e={};for(const o of t)e[o.action]=o.isActive?.(this.editor)??!1;this.activeStates=e}updatePosition(){this.updatePositionFrame&&cancelAnimationFrame(this.updatePositionFrame),this.updatePositionFrame=requestAnimationFrame((()=>{if(!this.editor||!this.visible)return;const{from:t,to:e}=this.editor.state.selection,o=this.editor.view.coordsAtPos(t),i=this.editor.view.coordsAtPos(e),a=this.el.shadowRoot?.querySelector(".bubble-menu"),r=a?.getBoundingClientRect(),s=r?.width??0,b=r?.height??0,n=window.innerWidth,l=window.innerHeight,h=s/2,c=n-s/2,d=c<h?n/2:this.clamp((o.left+i.right)/2,h,c),u=o.top-8,m=u-b<0,p=m?i.bottom+8:u,v=m?0:b,f=m?Math.max(0,l-b):l,g=this.clamp(p,v,f);this.placeBelow=m,this.posX=d,this.posY=g}))}clamp(t,e,o){return o<e?e:Math.min(Math.max(t,e),o)}setVisible(t){this.visible!==t&&(this.visible=t,t?this.addOutsideClickListener():this.removeOutsideClickListener())}addOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=t=>{this.visible&&(t.composedPath().includes(this.el)||this.setVisible(!1))},document.addEventListener("mousedown",this.outsideClickListener))}removeOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("mousedown",this.outsideClickListener),this.outsideClickListener=void 0)}handleMenuKeyDown=t=>{"Escape"===t.key&&(t.preventDefault(),this.setVisible(!1))};handleAction=t=>{if(!this.editor)return;if("link"===t)return void(this.editor.isActive("link")?(this.editor.chain().focus().unsetLink().run(),this.updateActiveStates()):this.bhLinkRequest.emit());const e=s.find((e=>e.action===t));e&&(e.command(this.editor),this.updateActiveStates())};render(){const t=s.filter((t=>b.includes(t.action)));return i(a,{key:"930a76dd3b887abf2bdf9b97fff737cc4c88a68c"},i("div",{key:"875162d7eb90aa6fec2c167e72d6755d8e01f4b8","aria-label":d("bh-html-editor-bubble-menu","ariaLabel",this.ariaLabel,"Text formatting"),class:{"bubble-menu":!0,"bubble-menu-below":this.placeBelow,"bubble-menu-visible":this.visible},onKeyDown:this.handleMenuKeyDown,part:"bubble-menu",role:"toolbar",style:{left:`${this.posX}px`,top:`${this.posY}px`},tabIndex:this.visible?0:-1},i("div",{key:"1e99daa2ba37aefd844b0060bb2e04b7472c0cde",class:"bubble-menu-content"},t.map((t=>i("button",{"aria-label":t.label,"aria-pressed":String(this.activeStates[t.action]??!1),class:{"bubble-btn":!0,"bubble-btn-active":this.activeStates[t.action]??!1},key:t.action,onClick:()=>this.handleAction(t.action),title:t.label,type:"button"},i("span",{class:"material-symbols-outlined"},t.icon))))),i("div",{key:"c1f72ec97177e2c042e4b0070e1f54778d13c17d",class:"bubble-arrow"})))}};v.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-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;     position: absolute;     z-index: var(--bh-z-index-dropdown);     pointer-events: none;     --bh-bubble-bg: var(--color-bg-inverse);     --bh-bubble-radius: var(--radius-md);     --bh-bubble-padding: var(--spacing-md);     --bh-bubble-btn-size: var(--bh-button-height-sm);     --bh-bubble-btn-color: var(--color-white);     --bh-bubble-btn-bg-hover: var(--overlay-white-light);     --bh-bubble-btn-bg-active: var(--overlay-white-medium);     --bh-bubble-gap: var(--spacing-xs);     --bh-bubble-arrow-size: 12px;     --bh-bubble-icon-size: var(--icon-size-md);   } } @layer bh-base {   .bubble-menu {     position: fixed;     transform: translate(-50%, -100%);     opacity: 0;     visibility: hidden;     pointer-events: none;     transition: opacity var(--animation-duration-fast) ease, visibility var(--animation-duration-fast) ease;   }   .bubble-menu-visible {     opacity: 1;     visibility: visible;     pointer-events: auto;   }   .bubble-menu-below {     transform: translate(-50%, 0);   }   .bubble-menu-below .bubble-arrow {     top: -6px;     bottom: auto;   }   .bubble-menu-content {     display: flex;     align-items: center;     gap: var(--bh-bubble-gap);     padding: var(--bh-bubble-padding);     background: var(--bh-bubble-bg);     border-radius: var(--bh-bubble-radius);     box-shadow: var(--shadow-popup);   }   .bubble-btn {     display: inline-flex;     align-items: center;     justify-content: center;     width: var(--bh-bubble-btn-size);     height: var(--bh-bubble-btn-size);     padding: 0;     margin: 0;     border: none;     border-radius: var(--radius-sm);     background: transparent;     color: var(--bh-bubble-btn-color);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease;   }   .bubble-btn .material-symbols-outlined {     font-size: var(--bh-bubble-icon-size);   }   .bubble-arrow {     position: absolute;     bottom: -6px;     left: 50%;     transform: translateX(-50%) rotate(45deg);     width: var(--bh-bubble-arrow-size);     height: var(--bh-bubble-arrow-size);     background: var(--bh-bubble-bg);   } } @layer bh-states {   .bubble-btn:hover {     background: var(--bh-bubble-btn-bg-hover);   }   .bubble-btn:focus-visible {     outline: 2px solid var(--color-border-interactive);     outline-offset: 1px;   }   .bubble-btn-active {     background: var(--bh-bubble-btn-bg-active);   }   .bubble-btn-active:hover {     background: var(--bh-bubble-btn-bg-active);   } } @layer bh-utilities {   @media (max-width: 768px) {     :host {       --bh-bubble-btn-size: 28px;       --bh-bubble-padding: var(--spacing-sm);       --bh-bubble-gap: var(--spacing-xxs);       --bh-bubble-icon-size: 18px;     }   } }";const f={bold:"Control+B",italic:"Control+I",underline:"Control+U",heading:"Control+Alt+1",blockquote:"Control+Shift+9",bulletList:"Control+Shift+8",orderedList:"Control+Shift+7",link:"Control+K"},g=class{constructor(o){t(this,o),this.bhLinkRequest=e(this,"bhLinkRequest"),this.bhImageRequest=e(this,"bhImageRequest")}logger=h("bh-html-editor-toolbar");selectionListener;i18nUnsubscribe;_i18nVersion=0;get el(){return o(this)}editor;disabled=!1;ariaLabel="Text formatting";activeStates={};focusedIndex=0;currentFontFamily="Inter";bhLinkRequest;bhImageRequest;async insertLink(t){this.editor&&r(t)&&(this.editor.chain().focus().extendMarkRange("link").setLink({href:t}).run(),this.updateActiveStates())}async insertImage(t,e=""){this.editor&&n(t)&&this.editor.chain().focus().setImage({src:t,alt:e}).run()}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.editor&&(this.selectionListener=()=>this.updateActiveStates(),this.editor.on("selectionUpdate",this.selectionListener),this.editor.on("transaction",this.selectionListener),this.updateActiveStates())}disconnectedCallback(){this.selectionListener&&this.editor&&(this.editor.off("selectionUpdate",this.selectionListener),this.editor.off("transaction",this.selectionListener)),this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),u.increment(m.COMPONENT_ERROR,{component:"bh-html-editor-toolbar"}),p("bh-html-editor-toolbar",t)}updateActiveStates(){if(!this.editor)return;const t={};for(const e of s)t[e.action]=e.isActive?.(this.editor)??!1;this.activeStates=t;const e=this.editor.getAttributes("textStyle"),o=e?.fontFamily??"",i=l.find((t=>t.toLowerCase()===o.toLowerCase()));this.currentFontFamily=i??"Inter"}handleAction=t=>{if(this.disabled||!this.editor)return;if("link"===t)return void this.handleLinkAction();if("image"===t)return void this.bhImageRequest.emit();const e=s.find((e=>e.action===t));e&&(e.command(this.editor),this.updateActiveStates())};handleLinkAction(){if(this.editor)return this.editor.isActive("link")?(this.editor.chain().focus().unsetLink().run(),void this.updateActiveStates()):void this.bhLinkRequest.emit()}handleFontFamilyChange=t=>{if(this.disabled||!this.editor)return;const e=t.target.value;this.currentFontFamily=e,this.editor.chain().focus().setFontFamily(e).run()};focusButtonAt(t){const e=this.el.shadowRoot?.querySelectorAll(".toolbar-btn");if(!e||0===e.length)return;const o=Math.max(0,Math.min(t,e.length-1));this.focusedIndex=o,e[o]?.focus()}handleToolbarKeyDown=t=>{if(this.disabled)return;const e=s.length;if(0!==e)switch(t.key){case"ArrowRight":t.preventDefault(),this.focusButtonAt((this.focusedIndex+1)%e);break;case"ArrowLeft":t.preventDefault(),this.focusButtonAt((this.focusedIndex-1+e)%e);break;case"Home":t.preventDefault(),this.focusButtonAt(0);break;case"End":t.preventDefault(),this.focusButtonAt(e-1)}};handleButtonFocus=t=>{this.focusedIndex=t};render(){return i(a,{key:"f96d1686ef816f98780f2fa6e8ee4c87df494f0b"},i("div",{key:"d43361b08d09e66fd0f4e1e9413e9e1246b353c7","aria-label":d("bh-html-editor-toolbar","ariaLabel",this.ariaLabel,"Text formatting"),class:"toolbar",onKeyDown:this.handleToolbarKeyDown,part:"toolbar",role:"toolbar"},i("div",{key:"5f6e4246b44d70f4f0ab59a693fa8cec45995ed9",class:"font-family-wrapper"},i("select",{key:"13ef4e0e550148099166ea8eea00cc7f3eafbaad","aria-label":"Font family",class:"font-family-select",disabled:this.disabled,onChange:this.handleFontFamilyChange,value:this.currentFontFamily},l.map((t=>i("option",{key:t,value:t},t)))),i("span",{key:"4afc2f74c62939ea7190b1cfde16d217fe55e706",class:"material-symbols-outlined font-family-chevron"},"expand_more")),s.map(((t,e)=>i("button",{"aria-keyshortcuts":f[t.action],"aria-label":t.label,"aria-pressed":String(this.activeStates[t.action]??!1),class:{"toolbar-btn":!0,"toolbar-btn-active":this.activeStates[t.action]??!1},disabled:this.disabled,key:t.action,onClick:()=>this.handleAction(t.action),onFocus:()=>this.handleButtonFocus(e),tabIndex:this.disabled||e!==this.focusedIndex?-1:0,title:t.label,type:"button"},i("span",{class:"material-symbols-outlined"},t.icon))))))}};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-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;     --bh-toolbar-bg: var(--color-bg-secondary);     --bh-toolbar-border: var(--color-border-secondary);     --bh-toolbar-btn-size: var(--bh-button-height-sm);     --bh-toolbar-btn-radius: var(--radius-sm);     --bh-toolbar-btn-color: var(--color-text-secondary);     --bh-toolbar-btn-color-hover: var(--color-text-primary);     --bh-toolbar-btn-bg-hover: var(--color-bg-tertiary);     --bh-toolbar-btn-bg-active: var(--color-brand-50);     --bh-toolbar-btn-color-active: var(--color-text-interactive);     --bh-toolbar-gap: var(--spacing-xs);     --bh-toolbar-padding: var(--spacing-sm);     --bh-toolbar-icon-size: var(--icon-size-md);     --bh-toolbar-font-select-height: var(--bh-button-height-sm);     --bh-toolbar-font-select-min-width: 140px;     --bh-toolbar-font-select-border: var(--color-border-secondary);     --bh-toolbar-font-select-radius: var(--radius-sm);     --bh-toolbar-font-select-color: var(--color-text-secondary);     --bh-toolbar-font-select-bg: var(--color-bg-primary);   } } @layer bh-base {   .toolbar {     display: flex;     flex-wrap: wrap;     align-items: center;     gap: var(--bh-toolbar-gap);     padding: var(--bh-toolbar-padding);     background: var(--bh-toolbar-bg);     border-bottom: 1px solid var(--bh-toolbar-border);   }   .font-family-wrapper {     position: relative;     display: inline-flex;     align-items: center;     margin-right: var(--spacing-sm);   }   .font-family-select {     appearance: none;     min-width: var(--bh-toolbar-font-select-min-width);     height: var(--bh-toolbar-font-select-height);     padding: 0 var(--spacing-2xl) 0 var(--spacing-md);     border: 1px solid var(--bh-toolbar-font-select-border);     border-radius: var(--bh-toolbar-font-select-radius);     background: var(--bh-toolbar-font-select-bg);     color: var(--bh-toolbar-font-select-color);     font-size: var(--text-sm-size);     font-family: inherit;     cursor: pointer;     transition: border-color var(--animation-duration-fast) ease;   }   .font-family-chevron {     position: absolute;     right: var(--spacing-sm);     font-size: var(--bh-toolbar-icon-size);     color: var(--bh-toolbar-font-select-color);     pointer-events: none;   }   .toolbar-btn {     display: inline-flex;     align-items: center;     justify-content: center;     width: var(--bh-toolbar-btn-size);     height: var(--bh-toolbar-btn-size);     padding: 0;     margin: 0;     border: none;     border-radius: var(--bh-toolbar-btn-radius);     background: transparent;     color: var(--bh-toolbar-btn-color);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease;     position: relative;   }   .toolbar-btn .material-symbols-outlined {     font-size: var(--bh-toolbar-icon-size);   } } @layer bh-states {   .font-family-select:hover:not(:disabled) {     border-color: var(--color-border-primary);   }   .font-family-select:focus-visible {     outline: 2px solid var(--color-border-interactive);     outline-offset: 1px;   }   .font-family-select:disabled {     opacity: 0.4;     cursor: not-allowed;   }   .toolbar-btn:hover:not(:disabled) {     background: var(--bh-toolbar-btn-bg-hover);     color: var(--bh-toolbar-btn-color-hover);   }   .toolbar-btn:focus-visible {     outline: 2px solid var(--color-border-interactive);     outline-offset: 1px;   }   .toolbar-btn-active {     background: var(--bh-toolbar-btn-bg-active);     color: var(--bh-toolbar-btn-color-active);   }   .toolbar-btn-active:hover:not(:disabled) {     background: var(--bh-toolbar-btn-bg-active);     color: var(--bh-toolbar-btn-color-active);   }   .toolbar-btn:disabled {     opacity: 0.4;     cursor: not-allowed;   } } @layer bh-utilities {   @media (max-width: 768px) {     :host {       --bh-toolbar-btn-size: 28px;       --bh-toolbar-gap: var(--spacing-xxs);       --bh-toolbar-padding: var(--spacing-xs);       --bh-toolbar-icon-size: 18px;     }     .toolbar {       flex-wrap: wrap;     }     .font-family-wrapper {       width: 100%;       margin-right: 0;       margin-bottom: var(--spacing-xs);     }     .font-family-select {       width: 100%;     }   } }";export{v as bh_html_editor_bubble_menu,g as bh_html_editor_toolbar}

package/dist/bellhop-core/p-f0a47a26.entry.js

@@ -0,0 +1 @@
+import{r as e,c as o,a as c,h}from"./p-CTHvNfIu.js";import{b as r}from"./p-Bam7V_bL.js";import{g as i}from"./p-CLrVoF3x.js";import{c as t}from"./p-CMKOFHIa.js";import{c as s}from"./p-YdVz1TeW.js";import{m as a,M as b}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";import{a as d,v as l}from"./p-DWWRC9ht.js";const k=class{constructor(c){e(this,c),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur"),this.bhValidityChange=o(this,"bhValidityChange"),c.$hostElement$["s-ei"]?this.internals=c.$hostElement$["s-ei"]:(this.internals=c.$hostElement$.attachInternals(),c.$hostElement$["s-ei"]=this.internals)}get el(){return c(this)}internals;inputRef;checkboxControlRef;uniqueId=i("bh-checkbox");logger=t("bh-checkbox");focusState=s();size="md";checked=!1;indeterminate=!1;disabled=!1;name="";value="on";label="";supportingText="";required=!1;defaultChecked=!1;focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),a.increment(b.COMPONENT_ERROR,{component:"bh-checkbox",error_type:e instanceof Error?e.name:"unknown"}),n("bh-checkbox",e)}handleCheckedChange(e){this.inputRef&&(this.inputRef.checked=e)}handleIndeterminateChange(e){this.inputRef&&(this.inputRef.indeterminate=e)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){this.inputRef&&(this.inputRef.indeterminate=this.indeterminate),d(this.internals,this.name,this.checked,this.value),l(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}formResetCallback(){this.checked=this.defaultChecked,this.indeterminate=!1,this.isDirty=!1,this.isTouched=!1,this.inputRef&&(this.inputRef.checked=this.defaultChecked,this.inputRef.indeterminate=!1),d(this.internals,this.name,this.checked,this.value),l(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}handleChange=e=>{if(this.disabled)return;const o=e.target;this.indeterminate?(this.indeterminate=!1,this.checked=!1,this.inputRef&&(this.inputRef.indeterminate=!1,this.inputRef.checked=!1)):this.checked=o.checked,this.isDirty||(this.isDirty=!0),d(this.internals,this.name,this.checked,this.value),l(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1}),this.bhChange.emit({checked:this.checked,indeterminate:this.indeterminate,value:this.value})};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=e=>{this.isTouched=!0,this.focusState.handleFocus(e,(()=>this.bhFocus.emit()))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit()))};handleControlClick=()=>{this.disabled||this.inputRef?.click()};handleLabelClick=e=>{this.checkboxControlRef&&e.composedPath().includes(this.checkboxControlRef)||this.handleControlClick()};renderCheckboxControl(){const e=r({base:"checkbox",size:this.size,modifiers:{checked:this.checked||this.indeterminate,disabled:this.disabled,focused:this.focusState.isFocused&&!this.disabled,hover:this.focusState.isHovered&&!this.disabled}});return h("div",{class:"checkbox-control",onClick:this.handleControlClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,ref:e=>this.checkboxControlRef=e},h("input",{"aria-describedby":this.supportingText?`${this.uniqueId}-description`:void 0,"aria-required":String(this.required),checked:this.checked,class:"checkbox-input","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,id:this.uniqueId,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,ref:e=>this.inputRef=e,required:this.required,type:"checkbox",value:this.value}),h("div",{"aria-hidden":"true",class:e,part:"indicator"},this.checked&&!this.indeterminate&&h("span",{class:"material-symbols-outlined checkbox-icon check-icon",part:"checkmark"},"check"),this.indeterminate&&h("span",{class:"material-symbols-outlined checkbox-icon minus-icon",part:"checkmark"},"remove")))}render(){const e=this.label||this.supportingText,o=r({base:"checkbox-wrapper",modifiers:{"with-label":!!e,disabled:this.disabled}});return h("div",{class:o,part:"container"},e?h("bh-label",{disabled:this.disabled,for:this.uniqueId,label:this.label,layout:"inline-start",onClick:this.handleLabelClick,required:this.required,size:this.size,supportingText:this.supportingText},this.renderCheckboxControl()):this.renderCheckboxControl())}static get formAssociated(){return!0}static get watchers(){return{checked:[{handleCheckedChange:0}],indeterminate:[{handleIndeterminateChange:0}]}}};k.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:inline-block;font-family:var(--font-inter);--bh-checkbox-bg:var(--color-bg-primary);--bh-checkbox-bg-checked:var(--color-bg-interactive);--bh-checkbox-bg-hover:var(--color-bg-tertiary);--bh-checkbox-bg-disabled:var(--color-bg-secondary);--bh-checkbox-border-color:var(--color-border-primary);--bh-checkbox-border-color-checked:var(--color-bg-interactive);--bh-checkbox-border-color-hover:var(--color-bg-interactive-hover);--bh-checkbox-checkmark-color:var(--color-text-inverse);--bh-checkbox-checkmark-color-disabled:var(--color-text-disabled);--bh-checkbox-border-radius-sm:var(--radius-xs);--bh-checkbox-border-radius-md:var(--radius-sm);--bh-checkbox-focus-ring-color:var(--color-border-interactive)}}@layer bh-base{.checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;user-select:none;position:relative}.checkbox{display:inline-flex;align-items:center;justify-content:center;outline:none;user-select:none;transition:background-color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease, box-shadow var(--animation-duration-normal) ease;box-sizing:border-box;background:var(--bh-checkbox-bg);border:2px solid var(--bh-checkbox-border-color);position:relative;flex-shrink:0;pointer-events:none}.checkbox-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:1;font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20}.checkbox-control{display:inline-flex;align-items:flex-start;cursor:pointer}.check-icon{color:var(--bh-checkbox-checkmark-color)}.minus-icon{color:var(--bh-checkbox-checkmark-color)}}@layer bh-variants{.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-sm,.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-md{margin-top:0}.checkbox{}.checkbox-sm{width:var(--bh-checkbox-size-sm);height:var(--bh-checkbox-size-sm);border-radius:var(--bh-checkbox-border-radius-sm);margin-top:var(--bh-checkbox-offset-sm)}.checkbox-sm .checkbox-icon{font-size:var(--bh-checkbox-icon-sm)}.checkbox-md{width:var(--bh-checkbox-size-md);height:var(--bh-checkbox-size-md);border-radius:var(--bh-checkbox-border-radius-md);margin-top:var(--bh-checkbox-offset-md)}.checkbox-md .checkbox-icon{font-size:var(--bh-checkbox-icon-md)}}@layer bh-states{.checkbox-wrapper-disabled{cursor:not-allowed}.checkbox-wrapper-disabled .checkbox-control{cursor:not-allowed}.checkbox{}.checkbox.checkbox-checked{background:var(--bh-checkbox-bg-checked);border-color:var(--bh-checkbox-border-color-checked);color:var(--bh-checkbox-checkmark-color)}.checkbox.checkbox-checked.checkbox-hover:not(.checkbox-disabled){background:var(--bh-checkbox-border-color-hover);border-color:var(--bh-checkbox-border-color-hover)}.checkbox.checkbox-checked.checkbox-focused:not(.checkbox-disabled){background:var(--bh-checkbox-bg-checked);border-color:var(--bh-checkbox-border-color-checked);box-shadow:0px 0px 0px 4px var(--bh-checkbox-focus-ring-color), 0px 0px 0px 2px var(--bh-checkbox-bg)}.checkbox.checkbox-checked.checkbox-disabled{background:var(--bh-checkbox-bg-disabled);border:2px solid var(--bh-checkbox-border-color);color:var(--bh-checkbox-checkmark-color-disabled)}.checkbox{}.checkbox.checkbox-hover:not(.checkbox-disabled){background:var(--bh-checkbox-bg-hover);border-color:var(--bh-checkbox-border-color)}.checkbox{}.checkbox.checkbox-focused:not(.checkbox-disabled){border-color:var(--bh-checkbox-border-color);box-shadow:0px 0px 0px 4px var(--bh-checkbox-focus-ring-color), 0px 0px 0px 2px var(--bh-checkbox-bg)}.checkbox{}.checkbox.checkbox-disabled{background:var(--bh-checkbox-bg-disabled);border-color:var(--bh-checkbox-border-color);cursor:not-allowed;opacity:1}.checkbox.checkbox-disabled .check-icon,.checkbox.checkbox-disabled .minus-icon{color:var(--bh-checkbox-checkmark-color-disabled)}}';export{k as bh_checkbox}

package/dist/bellhop-core/p-f46e818f.entry.js

@@ -0,0 +1 @@
+import{r,c as t,a as o,h as s,H as i}from"./p-CTHvNfIu.js";import{c as a}from"./p-CMKOFHIa.js";import{m as e,M as n}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.js";import{K as c}from"./p-zdFuIabL.js";const d=class{constructor(o){r(this,o),this.bhChange=t(this,"bhChange")}logger=a("bh-radio-group");get el(){return o(this)}value="";name="";disabled=!1;ariaLabel=null;ariaLabelledBy;bhChange;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),e.increment(n.COMPONENT_ERROR,{component:"bh-radio-group",error_type:r instanceof Error?r.name:"unknown"}),h("bh-radio-group",r)}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}handleRadioChange(r){if(r.target===this.el)return;r.stopPropagation();const t=r.detail;t!==this.value&&(this.value=t,this.syncChildren(),this.bhChange.emit(this.value))}getRadios(){return Array.from(this.el.querySelectorAll("bh-radio-button")).filter((r=>!r.disabled))}syncChildren(){const r=Array.from(this.el.querySelectorAll("bh-radio-button"));let t;for(const o of r){this.name&&(o.name=this.name),this.disabled&&(o.disabled=!0);const r=o.value===this.value;o.selected=r,r&&!o.disabled&&(t=o)}t||(t=r.find((r=>!r.disabled)));for(const o of r)o.tabIndex=o===t?0:-1}handleKeyDown=r=>{const t=this.getRadios();if(0===t.length)return;const o=r.key===c.ARROW_DOWN||r.key===c.ARROW_RIGHT;if(!o&&r.key!==c.ARROW_UP&&r.key!==c.ARROW_LEFT)return;r.preventDefault();const s=t.findIndex((r=>r.value===this.value)),i=t[o?(s+1)%t.length:(s-1+t.length)%t.length];this.value=i.value,this.syncChildren(),this.bhChange.emit(this.value),i.shadowRoot?.querySelector("[role='radio']")?.focus()};render(){return s(i,{key:"2610acb82571f455c8cfcde9d91cbbd6beaa2d7c","aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,onKeyDown:this.handleKeyDown,role:"radiogroup"},s("slot",{key:"4f78ae52b78e20bacb0775342cc61463b8cf1288"}))}};export{d as bh_radio_group}

package/dist/bellhop-core/p-f6c8568f.entry.js

@@ -0,0 +1 @@
+import{r as a,c as r,h as t}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{c as i,g as e}from"./p-YdVz1TeW.js";import{B as d,r as s}from"./p-BNVOtH-1.js";import{m as n,M as l}from"./p-CSH9RXgl.js";import{r as v}from"./p-Xi3uD33F.js";import{a as c}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const h=class{constructor(t){a(this,t),this.bhClick=r(this,"bhClick")}logger=o("bh-avatar-add");focusState=i();i18nUnsubscribe;_i18nVersion=0;size="md";disabled=!1;showTooltip=!1;tooltipText="Add user";focusVersion=0;bhClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),n.increment(l.COMPONENT_ERROR,{component:"bh-avatar-add",error_type:a instanceof Error?a.name:"unknown"}),v("bh-avatar-add",a)}handleClick=a=>{this.disabled||this.bhClick.emit(a)};handleKeyDown=a=>{c(a)&&!this.disabled&&(a.preventDefault(),this.bhClick.emit(a))};handleFocus=a=>{this.disabled||this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.disabled||this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const a=e(this.focusState,"avatar-add"),r={"avatar-add":!0,[`avatar-add-${this.size}`]:!0,...this.disabled?{}:a,"avatar-add-disabled":this.disabled},o=s("bh-avatar-add","tooltipText",this.tooltipText,"Add user"),i=this.showTooltip&&this.focusState.isHovered&&!this.disabled;return t("div",{key:"bce336b3645e8d130a24430571bbfee554d33323","aria-disabled":this.disabled?"true":void 0,class:"avatar-add-container","data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),part:"container"},t("button",{key:"76829e70788fe42c5b7f73b3654c36178b20c12e","aria-label":o,class:r,disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",type:"button"},t("span",{key:"e28793543a5908553024a4a828829adbe8a9737c",class:"avatar-add-content",part:"content"},t("span",{key:"959ac30b33d0e34c447bf03d66a66036e3fb0e99",class:"material-symbols-outlined avatar-add-icon",part:"icon"},"add"))),this.showTooltip&&t("bh-tooltip",{key:"d9a5c6a07456c45646c9383dc802c66fcec5cf82",placement:"bottom",text:o,visible:i}))}};h.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:inline-block;font-family:var(--font-inter, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);--bh-avatar-add-bg:var(--color-bg-primary);--bh-avatar-add-border-color:var(--color-border-secondary);--bh-avatar-add-icon-color:var(--color-text-tertiary);--bh-avatar-add-bg-hover:var(--color-bg-secondary);--bh-avatar-add-border-color-hover:var(--color-border-interactive);--bh-avatar-add-icon-color-hover:var(--color-text-interactive);--bh-avatar-add-focus-ring-color:var(--color-border-interactive);--bh-avatar-add-bg-disabled:var(--color-bg-secondary);--bh-avatar-add-icon-color-disabled:var(--color-text-disabled)}}@layer bh-base{.avatar-add-container{position:relative;display:inline-flex}.avatar-add{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bh-avatar-add-bg);border:1px dashed var(--bh-avatar-add-border-color);border-radius:50%;cursor:pointer;transition:background-color var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;padding:0;outline:none}.avatar-add-content{display:flex;align-items:center;justify-content:center}.avatar-add-icon{color:var(--bh-avatar-add-icon-color);line-height:1;transition:color var(--animation-duration-normal) ease-in-out}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;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-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-variants{.avatar-add-xs{width:var(--bh-avatar-size-xs);height:var(--bh-avatar-size-xs)}.avatar-add-xs .avatar-add-icon{font-size:var(--icon-size-xs)}.avatar-add-sm{width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.avatar-add-sm .avatar-add-icon{font-size:var(--icon-size-sm)}.avatar-add-md{width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.avatar-add-md .avatar-add-icon{font-size:var(--icon-size-md)}.avatar-add-lg{width:var(--bh-avatar-size-lg);height:var(--bh-avatar-size-lg)}.avatar-add-lg .avatar-add-icon{font-size:var(--icon-size-lg)}.avatar-add-xl{width:var(--bh-avatar-size-xl);height:var(--bh-avatar-size-xl)}.avatar-add-xl .avatar-add-icon{font-size:var(--icon-size-xl)}.avatar-add-2xl{width:var(--bh-avatar-size-2xl);height:var(--bh-avatar-size-2xl)}.avatar-add-2xl .avatar-add-icon{font-size:var(--icon-size-2xl)}}@layer bh-states{.avatar-add-hover{background-color:var(--bh-avatar-add-bg-hover);border-color:var(--bh-avatar-add-border-color-hover)}.avatar-add-hover .avatar-add-icon{color:var(--bh-avatar-add-icon-color-hover)}.avatar-add-focus{background-color:var(--bh-avatar-add-bg);box-shadow:0 0 0 2px var(--bh-avatar-add-bg), 0 0 0 4px var(--bh-avatar-add-focus-ring-color)}.avatar-add-disabled{background-color:var(--bh-avatar-add-bg-disabled);cursor:not-allowed;pointer-events:none}.avatar-add-disabled .avatar-add-icon{color:var(--bh-avatar-add-icon-color-disabled)}}';export{h as bh_avatar_add}

package/dist/bellhop-core/p-f784164a.entry.js

@@ -0,0 +1 @@
+import{r as a,c as t,h as r,H as e}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{c as i,g as o}from"./p-YdVz1TeW.js";import{B as h,r as n}from"./p-BNVOtH-1.js";import{m as v,M as l}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";import{a as b}from"./p-BqJRACkO.js";import{m as d,b as x}from"./p-Bam7V_bL.js";import"./p-zdFuIabL.js";const m=new Map([["xxs","text-xxs"],["xs","text-xs"],["sm","text-sm"],["md","text-md"],["lg","text-lg"],["xl","text-xl"],["2xl","text-2xl"]]),u=new Map([["xxs","icon-sm"],["xs","icon-md"],["sm","icon-lg"],["md","icon-xl"],["lg","icon-2xl"],["xl","icon-3xl"],["2xl","icon-4xl"]]),g=class{constructor(r){a(this,r),this.bhClick=t(this,"bhClick"),this.bhError=t(this,"bhError")}logger=s("bh-avatar");focusState=i();i18nUnsubscribe;size="md";variant="image";status="none";text="RD";imageSrc;alt="Avatar";interactive=!1;disabled=!1;hasPopup=!1;expanded=!1;focusVersion=0;_i18nVersion=0;bhClick;bhError;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),v.increment(l.COMPONENT_ERROR,{component:"bh-avatar",error_type:a instanceof Error?a.name:"unknown"}),c("bh-avatar",a),this.bhError.emit({error:a})}handleClick=a=>{this.interactive&&!this.disabled&&this.bhClick.emit(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=a=>{this.interactive&&!this.disabled&&this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleKeyDown=a=>{this.interactive&&!this.disabled&&b(a)&&(a.preventDefault(),this.bhClick.emit(a))};getTextSizeClass(){return m.get(this.size)??"text-md"}getIconSizeClass(){return u.get(this.size)??"icon-xl"}render(){const a=n("bh-avatar","alt",this.alt,"Avatar"),t="none"!==this.status,s=o(this.focusState,"avatar"),i=d(x({base:"avatar",size:this.size,modifiers:{"with-status":t,interactive:this.interactive,disabled:this.disabled}}),this.disabled?{}:s),h=x({base:"avatar-status",size:this.size,modifiers:{online:"online"===this.status,offline:"offline"===this.status}});return r(e,{key:"bce13fcc8525b9f59594fb42bee6f558e3136c6e"},r("div",{key:"8ef438c16d8d4ad9eb891520c3eb9d789ef12292","aria-disabled":this.interactive&&this.disabled?"true":void 0,"aria-expanded":this.interactive&&this.hasPopup?String(this.expanded):void 0,"aria-haspopup":this.interactive&&this.hasPopup?"true":void 0,"aria-label":a,class:i,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"avatar",role:this.interactive?"button":"img",tabIndex:this.interactive&&!this.disabled?0:void 0},r("div",{key:"4728b822f9a8cefa8472bbc9b783437790a48500",class:"avatar-border",part:"border"}),r("div",{key:"397d4e222f3a3926c074b12a13c865b33ce69390",class:"avatar-content",part:"content"},"image"===this.variant&&r("img",{key:"74da499c751fc5d80aba3f0c1a9f00153e57456e",alt:a,class:"avatar-image",part:"image",src:this.imageSrc}),"placeholder"===this.variant&&r("span",{key:"debf868bb69baa20abf28304038422c22c5730e4",class:`material-symbols-outlined avatar-placeholder-icon ${this.getIconSizeClass()}`,part:"placeholder-icon"},"person"),"text"===this.variant&&r("span",{key:"6380c21f54fba6c8c87ed240c4e30f8720a7c2a3",class:`avatar-text ${this.getTextSizeClass()}`,part:"text"},this.text)),t&&r("div",{key:"47767ec350de25983eecac327195a365a2ad57ff",class:h,part:"status"})))}};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-avatar-bg:var(--color-bg-secondary);--bh-avatar-border-color:var(--color-border-primary);--bh-avatar-text-color:var(--color-text-secondary);--bh-avatar-placeholder-color:var(--color-text-disabled);--bh-avatar-status-online-color:var(--color-text-success);--bh-avatar-status-offline-color:var(--color-text-disabled);--bh-avatar-status-border-color:var(--color-bg-primary)}}@layer bh-base{.avatar{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bh-avatar-bg);flex-shrink:0}.avatar-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none}.avatar-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;z-index:0}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;aspect-ratio:1/1}.avatar-placeholder-icon{color:var(--bh-avatar-placeholder-color);line-height:1;display:flex;align-items:center;justify-content:center}.avatar-text{color:var(--bh-avatar-text-color);font-family:var(--font-inter);font-weight:var(--weight-semibold);text-align:center;line-height:1}}@layer bh-variants{.avatar-xxs{width:var(--bh-avatar-size-xxs);height:var(--bh-avatar-size-xxs)}.avatar-xs{width:var(--bh-avatar-size-xs);height:var(--bh-avatar-size-xs)}.avatar-sm{width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.avatar-md{width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.avatar-lg{width:var(--bh-avatar-size-lg);height:var(--bh-avatar-size-lg)}.avatar-xl{width:var(--bh-avatar-size-xl);height:var(--bh-avatar-size-xl)}.avatar-2xl{width:var(--bh-avatar-size-2xl);height:var(--bh-avatar-size-2xl)}.avatar-xs .avatar-border,.avatar-sm .avatar-border{border:0.5px solid var(--bh-avatar-border-color)}.avatar-md .avatar-border,.avatar-lg .avatar-border,.avatar-xl .avatar-border,.avatar-2xl .avatar-border{border:0.75px solid var(--bh-avatar-border-color)}.text-xxs{font-size:var(--bh-avatar-text-xxs);line-height:1.6em}.text-xs{font-size:var(--bh-avatar-text-xs);line-height:1.5em}.text-sm{font-size:var(--text-sm-size);line-height:var(--line-height-normal)}.text-md{font-size:var(--text-md-size);line-height:var(--line-height-normal)}.text-lg{font-size:var(--bh-avatar-text-lg);line-height:1.56em}.text-xl{font-size:var(--bh-avatar-text-xl);line-height:1.5em}.text-2xl{font-size:var(--bh-avatar-text-2xl);line-height:1.33em}.icon-sm{font-size:var(--icon-size-sm)}.icon-md{font-size:var(--icon-size-md)}.icon-lg{font-size:var(--icon-size-lg)}.icon-xl{font-size:var(--icon-size-xl)}.icon-2xl{font-size:var(--icon-size-2xl)}.icon-3xl{font-size:var(--icon-size-3xl)}.icon-4xl{font-size:var(--icon-size-4xl)}}@layer bh-states{.avatar-interactive{cursor:pointer;transition:box-shadow var(--animation-duration-normal) ease, transform 0.1s ease}.avatar-interactive:focus{outline:none}.avatar-interactive:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.avatar-focused{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.avatar-interactive.avatar-hovered:not(.avatar-disabled){transform:scale(1.05)}.avatar-disabled{cursor:not-allowed;opacity:0.5}.avatar-status{position:absolute;border-radius:50%;background-color:var(--bh-avatar-status-online-color);border:1.5px solid var(--bh-avatar-status-border-color);z-index:2}.avatar-status-online{background-color:var(--bh-avatar-status-online-color)}.avatar-status-offline{background-color:var(--bh-avatar-status-offline-color)}.avatar-status-xxs{width:var(--bh-avatar-status-size-xxs);height:var(--bh-avatar-status-size-xxs);bottom:0;right:0}.avatar-status-xs{width:var(--bh-avatar-status-size-xs);height:var(--bh-avatar-status-size-xs);bottom:0;right:0}.avatar-status-sm{width:var(--bh-avatar-status-size-sm);height:var(--bh-avatar-status-size-sm);bottom:0;right:0}.avatar-status-md{width:var(--bh-avatar-status-size-md);height:var(--bh-avatar-status-size-md);bottom:0;right:0}.avatar-status-lg{width:var(--bh-avatar-status-size-lg);height:var(--bh-avatar-status-size-lg);bottom:0;right:0}.avatar-status-xl{width:var(--bh-avatar-status-size-xl);height:var(--bh-avatar-status-size-xl);bottom:0;right:0}.avatar-status-2xl{width:var(--bh-avatar-status-size-2xl);height:var(--bh-avatar-status-size-2xl);bottom:0;right:0}}';export{g as bh_avatar}

package/dist/bellhop-core/p-f8d47699.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,H as a}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{B as r,r as n}from"./p-BNVOtH-1.js";import{m as o,M as l}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.js";import{b as c}from"./p-R-A72b5e.js";const d="bh-empty-state",p="512px",m={sm:{width:"120px",height:"120px"},md:{width:"200px",height:"200px"},lg:{width:"280px",height:"280px"}},b=class{constructor(i){t(this,i),this.bhAction=e(this,"bhAction")}logger=s(d);i18nUnsubscribe;_i18nVersion=0;emptyTitle="No items found";description="There are no items to display at the moment.";illustrationSize="md";illustrationPath="";primaryActionText="";primaryActionIcon="";secondaryActionText="";secondaryActionIcon="";maxWidth=p;bhAction;componentWillLoad(){this.i18nUnsubscribe=r.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),o.increment(l.COMPONENT_ERROR,{component:d,error_type:t instanceof Error?t.name:"unknown"}),h(d,t)}handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};getIllustrationDimensions(){return m[this.illustrationSize]??m.md}get safeMaxWidth(){if(!this.maxWidth)return p;const t=c(this.maxWidth,50);return t.valid?t.value:(h(d,new Error(`Invalid maxWidth: ${t.errors.map((t=>t.message)).join(", ")}`)),p)}render(){const t=this.getIllustrationDimensions(),e=this.primaryActionText||this.secondaryActionText;return i(a,{key:"57930763a4c3ba2b353ba5f05e59ee5baf992553"},i("div",{key:"53794864da2883ea8571101fb0e9e4964db5c75c",class:"empty-state",part:"container",style:{maxWidth:this.safeMaxWidth}},i("div",{key:"5e690ac0ed6de13d5a3936f85b2462155910de9d",class:"empty-state-content"},this.illustrationPath&&i("div",{key:"556cd00dfa89a33a786964bbe0d8015e2b51ca53",class:"empty-state-illustration"},i("img",{key:"c2102298c71b2b15b9517a81ce3966987aa9b974",alt:"Empty state illustration",src:this.illustrationPath,style:{width:t.width,height:t.height}})),i("div",{key:"720e5856e702ffde310fce1f92e334712502b52b",class:"empty-state-text"},i("h3",{key:"33c746c9fecfc80562aa1a513913c120f82eebda",class:"empty-state-title"},n("bh-empty-state","emptyTitle",this.emptyTitle,"No items found")),i("p",{key:"90140e2119b98ae865ed8f27ceb3400bb5d72e3b",class:"empty-state-description"},n("bh-empty-state","description",this.description,"There are no items to display at the moment.")))),e&&i("div",{key:"fb7d85c1d88567438f6c7b91b67a0eb4082cd8d4",class:"empty-state-actions"},this.secondaryActionText&&i("bh-button",{key:"67b02cb3407f4fb610fb1fdd02c6d23ed491722c",hierarchy:"secondary",icon:this.secondaryActionIcon?"leading":"none",iconName:this.secondaryActionIcon,label:this.secondaryActionText,onBhClick:this.handleSecondaryAction,size:"md"}),this.primaryActionText&&i("bh-button",{key:"227959bfa5b4d013f08ee638b5a72244540336b8",hierarchy:"primary",icon:this.primaryActionIcon?"leading":"none",iconName:this.primaryActionIcon,label:this.primaryActionText,onBhClick:this.handlePrimaryAction,size:"md"}))))}};b.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;font-family:var(--font-inter)}}@layer bh-tokens{:host{--bh-empty-state-gap:var(--spacing-4xl);--bh-empty-state-padding:var(--spacing-6xl) var(--spacing-3xl);--bh-empty-state-content-gap:var(--spacing-3xl);--bh-empty-state-text-gap:var(--spacing-md);--bh-empty-state-actions-gap:var(--spacing-lg);--bh-empty-state-title-color:var(--color-text-primary);--bh-empty-state-description-color:var(--color-text-secondary);--bh-empty-state-title-font-size:var(--text-lg-size);--bh-empty-state-description-font-size:var(--text-sm-size);--bh-empty-state-title-font-weight:var(--weight-semibold);--bh-empty-state-description-font-weight:var(--weight-regular);--bh-empty-state-title-line-height:var(--line-height-tight);--bh-empty-state-description-line-height:var(--line-height-normal)}}@layer bh-base{.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-gap);padding:var(--bh-empty-state-padding);text-align:center;}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-content-gap)}.empty-state{}.empty-state-illustration{display:flex;align-items:center;justify-content:center}.empty-state-illustration img{object-fit:contain}.empty-state{}.empty-state-text{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-text-gap)}.empty-state-title{font-size:var(--bh-empty-state-title-font-size);font-weight:var(--bh-empty-state-title-font-weight);color:var(--bh-empty-state-title-color);margin:0;line-height:var(--bh-empty-state-title-line-height)}.empty-state-description{font-size:var(--bh-empty-state-description-font-size);font-weight:var(--bh-empty-state-description-font-weight);color:var(--bh-empty-state-description-color);margin:0;line-height:var(--bh-empty-state-description-line-height);max-width:var(--bh-modal-max-width-md)}.empty-state{}.empty-state-actions{display:flex;gap:var(--bh-empty-state-actions-gap);flex-wrap:wrap;justify-content:center}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;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-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}';const y="bh-skeleton-loader",g="100%",f="1em",u=class{constructor(e){t(this,e)}logger=s(y);i18nUnsubscribe;_i18nVersion=0;width=g;height=f;circle=!1;ariaLabel="Loading";componentWillLoad(){this.i18nUnsubscribe=r.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),o.increment(l.COMPONENT_ERROR,{component:y,error_type:t instanceof Error?t.name:"unknown"}),h(y,t)}get safeWidth(){if(!this.width)return g;const t=c(this.width,50);return t.valid?t.value:(h(y,new Error(`Invalid width: ${t.errors.map((t=>t.message)).join(", ")}`)),g)}get safeHeight(){if(!this.height)return f;const t=c(this.height,50);return t.valid?t.value:(h(y,new Error(`Invalid height: ${t.errors.map((t=>t.message)).join(", ")}`)),f)}render(){const t={skeleton:!0,"skeleton-circle":this.circle};return i(a,{key:"c3fe544da1ed2c4f780c336fbf964c8c22665435"},i("span",{key:"54c173841af25b2a7c1d4b388b492e8db1e95057","aria-busy":"true","aria-label":n("bh-skeleton-loader","ariaLabel",this.ariaLabel,"Loading"),"aria-live":"polite",class:t,part:"skeleton",role:"status",style:{width:this.safeWidth,height:this.safeHeight}}))}};u.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: inline-block;     vertical-align: middle;          --bh-skeleton-loader-color-base: var(--color-bg-tertiary);     --bh-skeleton-loader-color-highlight: var(--color-bg-secondary);     --bh-skeleton-loader-border-radius: var(--radius-sm);     --bh-skeleton-loader-animation-duration: 1.5s;   } } @layer bh-base {   .skeleton {     display: block;     min-width: var(--bh-skeleton-loader-min-width);     min-height: var(--bh-skeleton-loader-min-height);     background: linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);     background-size: 400% 100%;     animation: shimmer var(--bh-skeleton-loader-animation-duration) ease-in-out infinite;     border-radius: var(--bh-skeleton-loader-border-radius);   } } @layer bh-variants {   .skeleton.skeleton-circle {     border-radius: 50%;     aspect-ratio: 1;   } } @layer bh-utilities {   @keyframes shimmer {     0% {       background-position: 100% 50%;     }     100% {       background-position: 0 50%;     }   } }";export{b as bh_empty_state,u as bh_skeleton_loader}

package/dist/bellhop-core/{p-1323f446.entry.js → p-f8dce3b6.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o,H as r}from"./p-CTHvNfIu.js";const i=class{constructor(o){e(this,o),this.bhAction=t(this,"bhAction")}variant="fill";destructive=!1;primaryLabel="Confirm";secondaryLabel="Cancel";showSecondary=!0;divider=!1;bhAction;handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};renderButtons(){const e="right-aligned"===this.variant,t=o("bh-button",{hierarchy:"primary",icon:"none",label:this.primaryLabel,onClick:this.handlePrimaryAction,size:"md",variant:this.destructive?"destructive":"default"}),r=this.showSecondary?o("bh-button",{hierarchy:"secondary",icon:"none",label:this.secondaryLabel,onClick:this.handleSecondaryAction,size:"md"}):null;return e?o("div",{class:"panel-footer-content panel-footer-content--right"},o("div",{class:"actions-left"},o("slot",{name:"left-content"})),o("div",{class:"actions-right"},r,t)):o("div",{class:"panel-footer-content panel-footer-content--fill"},r,t)}render(){return o(r,{key:"b0c301c0266272f7d29cdfc21b688f516a8c72e6"},o("footer",{key:"a542de9c73b83a0b8d73ec3f1804a4a380b0e788",class:"panel-footer"},this.divider&&o("div",{key:"ae3df81a4ca576adb54b39a3848e21d291e0dd4d",class:"divider"}),this.renderButtons()))}};i.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;     width: 100%;     font-family: var(--font-inter);     --bh-panel-footer-divider-color: var(--color-border-secondary);     --bh-panel-footer-padding: var(--spacing-3xl);     --bh-panel-footer-destructive-bg: var(--color-bg-destructive);     --bh-panel-footer-destructive-bg-hover: var(--color-bg-destructive-hover);     --bh-panel-footer-destructive-bg-active: var(--color-bg-destructive-active);     --bh-panel-footer-destructive-text: var(--color-text-inverse);   } } @layer bh-base {   .panel-footer {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: 0;     padding-top: var(--bh-panel-footer-padding);     width: 100%;   }   .divider {     height: 1px;     width: 100%;     flex-shrink: 0;     background-color: var(--bh-panel-footer-divider-color);     margin-bottom: var(--bh-panel-footer-padding);   }   .panel-footer-content {     display: flex;     gap: var(--spacing-lg);     padding: 0 var(--bh-panel-footer-padding);     padding-bottom: var(--bh-panel-footer-padding);     width: 100%;     box-sizing: border-box;   }      .actions-left {     display: flex;     gap: var(--spacing-lg);     align-items: center;   }   .actions-right {     display: flex;     gap: var(--spacing-lg);     align-items: center;     justify-content: flex-end;   }      .btn-destructive {     display: flex;     align-items: center;     justify-content: center;     gap: var(--spacing-xxs);     height: var(--bh-button-height-md);     padding: 0 var(--spacing-lg);     background-color: var(--bh-panel-footer-destructive-bg);     color: var(--bh-panel-footer-destructive-text);     border: none;     border-radius: var(--radius-md);     font-family: var(--font-inter);     font-weight: var(--weight-semibold);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     letter-spacing: 0;     cursor: pointer;     overflow: hidden;     transition: background-color 0.2s ease-in-out;   } } @layer bh-variants {      .panel-footer-content--fill {     flex-direction: row;     align-items: stretch;   }   .panel-footer-content--fill bh-button {     flex: 1;     display: block;     width: 100%;   }   .panel-footer-content--fill bh-button::part(button) {     width: 100%;   }   .panel-footer-content--fill .btn-destructive {     flex: 1;   }      .panel-footer-content--right {     flex-direction: row;     align-items: center;     justify-content: space-between;   } } @layer bh-states {   .btn-destructive:hover {     background-color: var(--bh-panel-footer-destructive-bg-hover);   }   .btn-destructive:focus-visible {     outline: 2px solid var(--bh-panel-footer-destructive-bg);     outline-offset: 2px;   }   .btn-destructive:active {     background-color: var(--bh-panel-footer-destructive-bg-active);   } } @layer bh-utilities {      @media (max-width: 480px) {     .panel-footer-content--fill {       flex-direction: column-reverse;       align-items: stretch;     }     .panel-footer-content--fill bh-button,     .panel-footer-content--fill .btn-destructive {       flex: none;       width: 100%;     }   } }";export{i as bh_side_panel_footer}
+import{r as e,c as t,h as o,H as r}from"./p-CTHvNfIu.js";const i=class{constructor(o){e(this,o),this.bhAction=t(this,"bhAction")}variant="fill";destructive=!1;primaryLabel="Confirm";secondaryLabel="Cancel";showSecondary=!0;divider=!1;bhAction;handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};renderButtons(){const e="right-aligned"===this.variant,t=o("bh-button",{hierarchy:"primary",icon:"none",label:this.primaryLabel,onClick:this.handlePrimaryAction,size:"md",variant:this.destructive?"destructive":"default"}),r=this.showSecondary?o("bh-button",{hierarchy:"secondary",icon:"none",label:this.secondaryLabel,onClick:this.handleSecondaryAction,size:"md"}):null;return e?o("div",{class:"panel-footer-content panel-footer-content--right"},o("div",{class:"actions-left"},o("slot",{name:"left-content"})),o("div",{class:"actions-right"},r,t)):o("div",{class:"panel-footer-content panel-footer-content--fill"},r,t)}render(){return o(r,{key:"ff8639f5131658cf8ffae8dd65d49d54f7c5c0ae"},o("footer",{key:"4d3cb230b86bf89aa7112abcb3c9d8f2cb9bf4f8",class:"panel-footer"},this.divider&&o("div",{key:"a0ae6e6b9c723819556ea2da0617467be09f9a85",class:"divider"}),this.renderButtons()))}};i.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;     width: 100%;     font-family: var(--font-inter);     --bh-panel-footer-divider-color: var(--color-border-secondary);     --bh-panel-footer-padding: var(--spacing-3xl);     --bh-panel-footer-destructive-bg: var(--color-bg-destructive);     --bh-panel-footer-destructive-bg-hover: var(--color-bg-destructive-hover);     --bh-panel-footer-destructive-bg-active: var(--color-bg-destructive-active);     --bh-panel-footer-destructive-text: var(--color-text-inverse);   } } @layer bh-base {   .panel-footer {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: 0;     padding-top: var(--bh-panel-footer-padding);     width: 100%;   }   .divider {     height: 1px;     width: 100%;     flex-shrink: 0;     background-color: var(--bh-panel-footer-divider-color);     margin-bottom: var(--bh-panel-footer-padding);   }   .panel-footer-content {     display: flex;     gap: var(--spacing-lg);     padding: 0 var(--bh-panel-footer-padding);     padding-bottom: var(--bh-panel-footer-padding);     width: 100%;     box-sizing: border-box;   }      .actions-left {     display: flex;     gap: var(--spacing-lg);     align-items: center;   }   .actions-right {     display: flex;     gap: var(--spacing-lg);     align-items: center;     justify-content: flex-end;   }      .btn-destructive {     display: flex;     align-items: center;     justify-content: center;     gap: var(--spacing-xxs);     height: var(--bh-button-height-md);     padding: 0 var(--spacing-lg);     background-color: var(--bh-panel-footer-destructive-bg);     color: var(--bh-panel-footer-destructive-text);     border: none;     border-radius: var(--radius-md);     font-family: var(--font-inter);     font-weight: var(--weight-semibold);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     letter-spacing: 0;     cursor: pointer;     overflow: hidden;     transition: background-color 0.2s ease-in-out;   } } @layer bh-variants {      .panel-footer-content--fill {     flex-direction: row;     align-items: stretch;   }   .panel-footer-content--fill bh-button {     flex: 1;     display: block;     width: 100%;   }   .panel-footer-content--fill bh-button::part(button) {     width: 100%;   }   .panel-footer-content--fill .btn-destructive {     flex: 1;   }      .panel-footer-content--right {     flex-direction: row;     align-items: center;     justify-content: space-between;   } } @layer bh-states {   .btn-destructive:hover {     background-color: var(--bh-panel-footer-destructive-bg-hover);   }   .btn-destructive:focus-visible {     outline: 2px solid var(--bh-panel-footer-destructive-bg);     outline-offset: 2px;   }   .btn-destructive:active {     background-color: var(--bh-panel-footer-destructive-bg-active);   } } @layer bh-utilities {      @media (max-width: 480px) {     .panel-footer-content--fill {       flex-direction: column-reverse;       align-items: stretch;     }     .panel-footer-content--fill bh-button,     .panel-footer-content--fill .btn-destructive {       flex: none;       width: 100%;     }   } }";export{i as bh_side_panel_footer}

package/dist/bellhop-core/p-f9962334.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a,h as i,H as r}from"./p-CTHvNfIu.js";import{D as s}from"./p-gY2wiaRN.js";import{c as o}from"./p-CMKOFHIa.js";import{c as l,a as h}from"./p-CS8F5LFw.js";import{m as n,M as c}from"./p-CSH9RXgl.js";import{r as d}from"./p-Xi3uD33F.js";import"./p-BNVOtH-1.js";const b=class{constructor(a){e(this,a),this.bhSearchChange=t(this,"bhSearchChange"),this.bhExport=t(this,"bhExport"),this.bhFilterBuilderToggle=t(this,"bhFilterBuilderToggle"),this.bhBatchSave=t(this,"bhBatchSave"),this.bhBatchDiscard=t(this,"bhBatchDiscard"),this.bhRefresh=t(this,"bhRefresh"),this.bhAdd=t(this,"bhAdd"),this.bhClearFilter=t(this,"bhClearFilter"),this.bhClearSelection=t(this,"bhClearSelection"),this.bhColumnChooserToggle=t(this,"bhColumnChooserToggle")}get el(){return a(this)}logger=o("bh-data-grid-toolbar");table;columns;size="default";isLoading=!1;config;enableSearch=!1;searchText="";searchPlaceholder="Search...";enableExport=!1;exportFormats=["csv"];exportConfig;batchEditingEnabled=!1;pendingChangesCount=0;filterBuilderOpen=!1;filterExpression=null;filterDescription=null;showRefreshButton=!1;showAddButton=!1;showClearFilterButton=!1;showClearSelectionButton=!1;enableColumnChooser=!1;enableFilterBuilder=!1;toolbarLabels=s;bhSearchChange;bhExport;bhFilterBuilderToggle;bhBatchSave;bhBatchDiscard;bhRefresh;bhAdd;bhClearFilter;bhClearSelection;bhColumnChooserToggle;destroy$=l();componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),n.increment(c.COMPONENT_ERROR,{component:"bh-data-grid-toolbar",error_type:e instanceof Error?e.name:"unknown"}),d("bh-data-grid-toolbar",e)}disconnectedCallback(){h(this.destroy$)}handleExportClick(e){this.bhExport.emit({format:e})}getExportMenuItems(){const e={csv:{label:"CSV (.csv)",icon:"description"},xlsx:{label:"Excel (.xlsx)",icon:"table_chart"},json:{label:"JSON (.json)",icon:"data_object"}};return this.exportFormats.map((t=>({id:t,label:e[t].label,icon:e[t].icon})))}renderToolbarItem(e){switch(e){case"search":return this.enableSearch?i("div",{class:"data-grid-toolbar-search",key:"search"},i("bh-input-text",{leadingIcon:"search",onBhInput:e=>{this.bhSearchChange.emit({searchText:e.detail})},placeholder:this.searchPlaceholder,showLabel:!1,showLeadingIcon:!0})):null;case"export":return this.enableExport?i("div",{class:"data-grid-toolbar-export",key:"export"},1===this.exportFormats.length?i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"download",label:this.toolbarLabels.export,onClick:()=>this.handleExportClick(this.exportFormats[0]),size:"sm"}):i("bh-dropdown",{class:"data-grid-export-dropdown",iconName:"download",label:this.toolbarLabels.export,menuItems:this.getExportMenuItems(),onBhItemClick:e=>this.handleExportClick(e.detail.id),size:"sm",variant:"outlined"})):null;case"column-chooser":return this.enableColumnChooser?i("div",{class:"data-grid-toolbar-column-chooser",key:"column-chooser"},i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"view_column",label:this.toolbarLabels.chooseColumns,onClick:()=>this.bhColumnChooserToggle.emit(),size:"sm"})):null;case"refresh":return this.showRefreshButton?i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"refresh",key:"refresh",label:this.toolbarLabels.refresh,onClick:()=>this.bhRefresh.emit(),size:"sm"}):null;case"add":return this.showAddButton?i("bh-button",{hierarchy:"primary",icon:"leading",iconName:"add",key:"add",label:this.toolbarLabels.addNewRow,onClick:()=>this.bhAdd.emit(),size:"sm"}):null;case"clear-filter":return this.showClearFilterButton?i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"filter_alt_off",key:"clear-filter",label:this.toolbarLabels.clearAllFilters,onClick:()=>this.bhClearFilter.emit(),size:"sm"}):null;case"clear-selection":return this.showClearSelectionButton?i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"deselect",key:"clear-selection",label:this.toolbarLabels.clearSelection,onClick:()=>this.bhClearSelection.emit(),size:"sm"}):null;case"filter-builder":return this.enableFilterBuilder?i("div",{class:"data-grid-toolbar-filter-builder",key:"filter-builder"},i("bh-button",{hierarchy:this.filterExpression?"primary":"secondary",icon:"leading",iconName:"filter_list",label:this.filterExpression?this.toolbarLabels.editFilter:this.toolbarLabels.filter,onClick:()=>this.bhFilterBuilderToggle.emit(),size:"sm"}),this.filterDescription&&i("div",{class:"data-grid-filter-display"},this.filterDescription.parts.map(((e,t)=>i("span",{class:"data-grid-filter-part","data-type":e.type,key:t},e.text))))):null;default:return null}}renderBatchActions(){return this.batchEditingEnabled&&0!==this.pendingChangesCount?i("div",{class:"data-grid-toolbar-batch-actions"},i("span",{class:"data-grid-batch-count"},i("bh-badge",{size:"sm",variant:"warning"},this.pendingChangesCount),i("span",{class:"data-grid-batch-label"},"pending changes")),i("div",{class:"data-grid-batch-buttons"},i("bh-button",{hierarchy:"primary",icon:"leading",iconName:"save",label:this.toolbarLabels.saveAll,onClick:()=>this.bhBatchSave.emit(),size:"sm"}),i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"undo",label:this.toolbarLabels.revertAll,onClick:()=>this.bhBatchDiscard.emit(),size:"sm"}))):null}renderDefaultItems(e,t){return(e??t).map((e=>this.renderToolbarItem(e)))}render(){const e=this.enableFilterBuilder?["search","filter-builder"]:["search"],t=this.config?.leftItems??e,a=this.config?.centerItems??[],s=this.config?.rightItems??["export","column-chooser"],o=this.batchEditingEnabled&&this.pendingChangesCount>0;return i(r,{key:"ea02947e5f12b5e36a882b823bfa4188840e4504"},i("div",{key:"3a9a5cf03f284c8b1e9a50b0e140f5f8662582f7",class:{"data-grid-toolbar":!0,"data-grid-toolbar-batch-mode":o,[`data-grid-toolbar-${this.size}`]:!0,[this.config?.cssClass??""]:!!this.config?.cssClass},part:"toolbar"},i("div",{key:"e2dd4c8f2f9d6498dc0a375b82f6c259fab34037",class:"data-grid-toolbar-left",part:"toolbar-left"},i("slot",{key:"9765ba1f12bc6b85600fd3f3160e9240f75d1e1d",name:"toolbar-left"},this.renderDefaultItems(t,e))),i("div",{key:"5179c1e8145b41e81a4afd2dff0f60836e216acd",class:"data-grid-toolbar-center",part:"toolbar-center"},i("slot",{key:"4d04637154d2bec6f910bb2959da6d9a342ab165",name:"toolbar-center"},this.renderDefaultItems(a,[]))),i("div",{key:"8cbfb4333ca8b2f91b96ea639a4b8227ce7e1cae",class:"data-grid-toolbar-right",part:"toolbar-right"},i("slot",{key:"16702babaa5d627d9b01fb21d2f908d56f2bc963",name:"toolbar-right"},o?this.renderBatchActions():this.renderDefaultItems(s,["export","column-chooser"])))))}};export{b as bh_data_grid_toolbar}

package/dist/bellhop-core/p-fb897d66.entry.js

@@ -0,0 +1 @@
+import{r as i,h as r,H as a}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{m as e,M as d}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";const s="bh-divider",t=class{constructor(r){i(this,r)}logger=o(s);orientation="horizontal";spacing="none";componentDidLoad(){this.logger.debug("loaded")}componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),e.increment(d.COMPONENT_ERROR,{component:s,error_type:i instanceof Error?i.name:"unknown"}),n(s,i)}render(){return r(a,{key:"1bf1c6b73adbc8720bcb06c2fe04a1c2b118093e","aria-orientation":this.orientation,class:{divider:!0,[`divider-${this.orientation}`]:!0,[`divider-spacing-${this.spacing}`]:"none"!==this.spacing},role:"separator"})}};t.style="@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-divider-color:var(--color-border-secondary);--bh-divider-width:1px}}@layer bh-base{:host(.divider-horizontal){width:100%;height:var(--bh-divider-width);background-color:var(--bh-divider-color)}:host(.divider-vertical){display:inline-block;width:var(--bh-divider-width);height:100%;align-self:stretch;background-color:var(--bh-divider-color)}}@layer bh-variants{:host(.divider-horizontal.divider-spacing-sm){margin-block:var(--spacing-sm)}:host(.divider-horizontal.divider-spacing-md){margin-block:var(--spacing-md)}:host(.divider-horizontal.divider-spacing-lg){margin-block:var(--spacing-lg)}:host(.divider-vertical.divider-spacing-sm){margin-inline:var(--spacing-sm)}:host(.divider-vertical.divider-spacing-md){margin-inline:var(--spacing-md)}:host(.divider-vertical.divider-spacing-lg){margin-inline:var(--spacing-lg)}}";export{t as bh_divider}