@actabldesign/bellhop-core 0.0.3

package/bellhop-core/bh-date-range-picker-content.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-date-range-picker-content.entry.esm.js","sources":["src/components/bh-date-range-picker-content/bh-date-range-picker-content.css?tag=bh-date-range-picker-content&encapsulation=shadow","src/components/bh-date-range-picker-content/bh-date-range-picker-content.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n  display: block;\n}\n\n/* Main container */\n.date-range-picker-content {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-inter);\n  width: fit-content;\n}\n\n/* Date pickers container - side by side layout */\n.date-pickers {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  position: relative;\n  gap: var(--spacing-sm);\n}\n\n/* Left picker */\n.left-picker {\n  display: flex;\n  flex-direction: column;\n  width: 296px;\n}\n\n/* Right picker */\n.right-picker {\n  display: flex;\n  flex-direction: column;\n  width: 296px;\n}\n\n/* Vertical divider between calendars */\n.date-pickers::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n  width: 1px;\n  height: 100%;\n  background: var(--color-neutral-200);\n  pointer-events: none;\n  z-index: 1;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .date-range-picker-content {\n    width: 320px;\n  }\n\n  .date-pickers {\n    flex-direction: column;\n  }\n\n  .left-picker,\n  .right-picker {\n    width: 100%;\n  }\n\n  /* Hide vertical divider on mobile */\n  .date-pickers::after {\n    display: none;\n  }\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h, Host } from '@stencil/core';\nimport { SelectedDate, DisabledDate } from '../bh-date-picker-content/bh-date-picker-content';\n\nexport interface SelectedDateRange {\n  startDate: SelectedDate | null;\n  endDate: SelectedDate | null;\n}\n\n@Component({\n  tag: 'bh-date-range-picker-content',\n  styleUrl: 'bh-date-range-picker-content.css',\n  shadow: true,\n})\nexport class BhDateRangePickerContent {\n  /**\n   * Minimum year in the picker\n   */\n  @Prop() minYear: number = 1998;\n\n  /**\n   * Maximum year in the picker\n   */\n  @Prop() maxYear: number = 2060;\n\n  /**\n   * Whether the picker is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Array of disabled dates\n   */\n  @Prop() disabledDates: DisabledDate[] = [];\n\n  /**\n   * Whether to show days from other months\n   */\n  @Prop() showOtherMonthDays: boolean = true;\n\n  /**\n   * Currently selected value\n   */\n  @Prop() value?: SelectedDateRange;\n\n  @State() selectedRange: SelectedDateRange | null = null;\n  @State() leftMonth: number = new Date().getMonth();\n  @State() leftYear: number = new Date().getFullYear();\n  @State() rightMonth: number = (new Date().getMonth() + 1) % 12;\n  @State() rightYear: number = new Date().getMonth() === 11 ? new Date().getFullYear() + 1 : new Date().getFullYear();\n\n  /**\n   * Event emitted when value changes\n   */\n  @Event({ bubbles: true, composed: true }) bhChange!: EventEmitter<SelectedDateRange | null>;\n\n  /**\n   * Event emitted when a date range is selected\n   */\n  @Event({ bubbles: true, composed: true }) bhDateRangeSelect!: EventEmitter<SelectedDateRange | null>;\n\n  @Watch('value')\n  handleValueChange(newValue: SelectedDateRange | undefined) {\n    if (newValue !== undefined) {\n      this.selectedRange = { ...newValue };\n    } else {\n      this.selectedRange = null;\n    }\n  }\n\n  componentWillLoad() {\n    const today = new Date();\n    const currentMonth = today.getMonth();\n    const currentYear = today.getFullYear();\n\n    this.leftMonth = currentMonth;\n    this.leftYear = currentYear;\n\n    const nextMonthYear = this.getNextMonth(currentMonth, currentYear);\n    this.rightMonth = nextMonthYear.month;\n    this.rightYear = nextMonthYear.year;\n\n    if (this.value) {\n      this.selectedRange = this.value;\n    }\n  }\n\n  private getNextMonth(month: number, year: number): { month: number; year: number } {\n    const nextMonth = month + 1;\n    if (nextMonth > 11) {\n      return { month: 0, year: year + 1 };\n    }\n    return { month: nextMonth, year };\n  }\n\n  private getPreviousMonth(month: number, year: number): { month: number; year: number } {\n    const prevMonth = month - 1;\n    if (prevMonth < 0) {\n      return { month: 11, year: year - 1 };\n    }\n    return { month: prevMonth, year };\n  }\n\n  private handleLeftDateSelect = (event: CustomEvent<SelectedDate | null>) => {\n    this.handleDateSelect(event.detail);\n  };\n\n  private handleRightDateSelect = (event: CustomEvent<SelectedDate | null>) => {\n    this.handleDateSelect(event.detail);\n  };\n\n  private handleDateSelect(date: SelectedDate | null) {\n    if (!date) return;\n\n    let newRange: SelectedDateRange;\n\n    if (!this.selectedRange?.startDate || (this.selectedRange.startDate && this.selectedRange.endDate)) {\n      // Start new range\n      newRange = { startDate: date, endDate: null };\n    } else if (this.selectedRange.startDate && !this.selectedRange.endDate) {\n      // Complete the range\n      const startDate = this.selectedRange.startDate;\n      const isAfterStart = date.year > startDate.year ||\n        (date.year === startDate.year && date.month > startDate.month) ||\n        (date.year === startDate.year && date.month === startDate.month && date.day > startDate.day);\n\n      if (isAfterStart) {\n        newRange = { startDate, endDate: date };\n      } else {\n        newRange = { startDate: date, endDate: startDate };\n      }\n    } else {\n      newRange = { startDate: date, endDate: null };\n    }\n\n    this.selectedRange = newRange;\n    this.bhChange.emit(newRange);\n    this.bhDateRangeSelect.emit(newRange);\n  }\n\n  private handleLeftMonthYearChange = (event: CustomEvent<{ month: number; year: number }>) => {\n    const { month, year } = event.detail;\n    this.leftMonth = month;\n    this.leftYear = year;\n\n    // Ensure right calendar is always at least one month ahead\n    if (year > this.rightYear || (year === this.rightYear && month >= this.rightMonth)) {\n      const nextMonthYear = this.getNextMonth(month, year);\n      this.rightMonth = nextMonthYear.month;\n      this.rightYear = nextMonthYear.year;\n    }\n  };\n\n  private handleRightMonthYearChange = (event: CustomEvent<{ month: number; year: number }>) => {\n    const { month, year } = event.detail;\n    this.rightMonth = month;\n    this.rightYear = year;\n\n    // Ensure left calendar is always at least one month behind\n    if (year < this.leftYear || (year === this.leftYear && month <= this.leftMonth)) {\n      const prevMonthYear = this.getPreviousMonth(month, year);\n      this.leftMonth = prevMonthYear.month;\n      this.leftYear = prevMonthYear.year;\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"date-range-picker-content\">\n          <div class=\"date-pickers\">\n            <div class=\"left-picker\">\n              <bh-date-picker-content\n                minYear={this.minYear}\n                maxYear={this.maxYear}\n                disabled={this.disabled}\n                disabledDates={this.disabledDates}\n                showOtherMonthDays={this.showOtherMonthDays}\n                displayMonth={this.leftMonth}\n                displayYear={this.leftYear}\n                rangeStart={this.selectedRange?.startDate ?? undefined}\n                rangeEnd={this.selectedRange?.endDate ?? undefined}\n                onBhChange={this.handleLeftDateSelect}\n                onBhMonthYearChange={this.handleLeftMonthYearChange}\n              ></bh-date-picker-content>\n            </div>\n            <div class=\"right-picker\">\n              <bh-date-picker-content\n                minYear={this.minYear}\n                maxYear={this.maxYear}\n                disabled={this.disabled}\n                disabledDates={this.disabledDates}\n                showOtherMonthDays={this.showOtherMonthDays}\n                displayMonth={this.rightMonth}\n                displayYear={this.rightYear}\n                rangeStart={this.selectedRange?.startDate ?? undefined}\n                rangeEnd={this.selectedRange?.endDate ?? undefined}\n                onBhChange={this.handleRightDateSelect}\n                onBhMonthYearChange={this.handleRightMonthYearChange}\n              ></bh-date-picker-content>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-date-range-picker.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-date-range-picker.entry.esm.js","sources":["src/components/bh-date-range-picker/bh-date-range-picker.css?tag=bh-date-range-picker&encapsulation=shadow","src/components/bh-date-range-picker/bh-date-range-picker.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n  display: inline-block;\n  position: relative;\n}\n\n.date-range-picker-container {\n  position: relative;\n  display: inline-block;\n}\n\n.date-range-picker-trigger {\n  cursor: pointer;\n}\n\n.date-range-inputs {\n  display: flex;\n  gap: var(--spacing-md);\n}\n\n.date-range-picker-menu-container {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  margin-top: var(--spacing-xs);\n}\n\n/* Override picker-menu width for date range */\n.date-range-picker-menu-container bh-picker-menu::part(menu) {\n  width: auto;\n}\n\n.date-range-picker-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 999;\n  background: transparent;\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, Listen, h, Host } from '@stencil/core';\nimport { SelectedDate, DisabledDate } from '../bh-date-picker-content/bh-date-picker-content';\nimport { SelectedDateRange } from '../bh-date-range-picker-content/bh-date-range-picker-content';\n\nexport type DateRangePickerVariant = 'dropdown-outlined' | 'dropdown-ghost' | 'input';\n\n@Component({\n  tag: 'bh-date-range-picker',\n  styleUrl: 'bh-date-range-picker.css',\n  shadow: true,\n})\nexport class BhDateRangePicker {\n  /**\n   * Variant of the date range picker trigger\n   */\n  @Prop() variant: DateRangePickerVariant = 'input';\n\n  /**\n   * Minimum year in the picker\n   */\n  @Prop() minYear: number = 1998;\n\n  /**\n   * Maximum year in the picker\n   */\n  @Prop() maxYear: number = 2060;\n\n  /**\n   * Whether the picker is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Array of disabled dates\n   */\n  @Prop() disabledDates: DisabledDate[] = [];\n\n  /**\n   * Label for start date input\n   */\n  @Prop() startLabel: string = 'Start Date';\n\n  /**\n   * Label for end date input\n   */\n  @Prop() endLabel: string = 'End Date';\n\n  /**\n   * Placeholder for start date\n   */\n  @Prop() startPlaceholder: string = 'Choose start date';\n\n  /**\n   * Placeholder for end date\n   */\n  @Prop() endPlaceholder: string = 'Choose end date';\n\n  /**\n   * Width for input variant\n   */\n  @Prop() inputWidth: string = '200px';\n\n  /**\n   * Whether to show the label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show the footer\n   */\n  @Prop() showFooter: boolean = true;\n\n  /**\n   * Whether to show days from other months\n   */\n  @Prop() showOtherMonthDays: boolean = false;\n\n  /**\n   * Currently selected value\n   */\n  @Prop() value?: SelectedDateRange;\n\n  @State() selectedValue: SelectedDateRange | null = null;\n  @State() tempSelection: SelectedDateRange | null = null;\n  @State() isMenuOpen: boolean = false;\n  @State() isMenuClosing: boolean = false;\n\n  /**\n   * Event emitted when value changes\n   */\n  @Event() bhChange!: EventEmitter<SelectedDateRange | null>;\n\n  /**\n   * Event emitted when a date range is selected\n   */\n  @Event() bhDateRangeSelect!: EventEmitter<SelectedDateRange | null>;\n\n  @Watch('value')\n  handleValueChange(newValue: SelectedDateRange | undefined) {\n    if (newValue !== undefined) {\n      this.selectedValue = newValue;\n    }\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      this.selectedValue = this.value;\n    }\n  }\n\n  private formatDate(date: SelectedDate | null): string {\n    if (!date) return '';\n    const month = (date.month + 1).toString().padStart(2, '0');\n    const day = date.day.toString().padStart(2, '0');\n    return `${month}/${day}/${date.year}`;\n  }\n\n  private getButtonLabel(): string {\n    if (!this.selectedValue || !this.selectedValue.startDate) return 'Select date range';\n\n    const startStr = this.formatDate(this.selectedValue.startDate);\n    const endStr = this.selectedValue.endDate ? this.formatDate(this.selectedValue.endDate) : '';\n\n    if (endStr) {\n      return `${startStr} - ${endStr}`;\n    }\n    return startStr;\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n    if (!this.isMenuOpen && this.showFooter) {\n      this.tempSelection = this.selectedValue;\n    }\n    this.isMenuOpen = !this.isMenuOpen;\n  };\n\n  @Listen('bhDateRangeSelect')\n  handleDateRangeSelectEvent(event: CustomEvent<SelectedDateRange | null>) {\n    // Stop propagation to prevent the event from bubbling further\n    event.stopPropagation();\n\n    const range = event.detail;\n    if (this.showFooter) {\n      // With footer: update temp selection, user clicks Apply to confirm\n      this.tempSelection = range;\n    } else {\n      // Without footer: update value immediately, close only when range is complete\n      this.selectedValue = range;\n      if (range?.startDate && range?.endDate) {\n        this.bhChange.emit(range);\n        this.bhDateRangeSelect.emit(range);\n        this.closeMenu();\n      }\n    }\n  }\n\n  private handleMenuCancel = () => {\n    this.tempSelection = null;\n    this.closeMenu();\n  };\n\n  private handleMenuApply = () => {\n    if (this.tempSelection) {\n      this.selectedValue = this.tempSelection;\n      this.bhChange.emit(this.tempSelection);\n      this.bhDateRangeSelect.emit(this.tempSelection);\n      this.tempSelection = null;\n    }\n    this.closeMenu();\n  };\n\n  private closeMenu() {\n    this.isMenuClosing = true;\n    setTimeout(() => {\n      this.isMenuOpen = false;\n      this.isMenuClosing = false;\n    }, 150);\n  }\n\n  private handleBackdropClick = () => {\n    this.handleMenuCancel();\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"date-range-picker-container\">\n          {/* Dropdown Outlined Variant */}\n          {this.variant === 'dropdown-outlined' && (\n            <div class=\"date-range-picker-trigger\" onClick={this.handleTriggerClick}>\n              <bh-button\n                hierarchy=\"secondary\"\n                \n                size=\"sm\"\n                icon=\"trailing\"\n                label={this.getButtonLabel()}\n                iconName=\"expand_more\"\n                disabled={this.disabled}\n              ></bh-button>\n            </div>\n          )}\n\n          {/* Dropdown Ghost Variant */}\n          {this.variant === 'dropdown-ghost' && (\n            <div class=\"date-range-picker-trigger\" onClick={this.handleTriggerClick}>\n              <bh-button\n                hierarchy=\"tertiary\"\n                \n                size=\"sm\"\n                icon=\"trailing\"\n                label={this.getButtonLabel()}\n                iconName=\"expand_more\"\n                disabled={this.disabled}\n              ></bh-button>\n            </div>\n          )}\n\n          {/* Input Variant */}\n          {this.variant === 'input' && (\n            <div class=\"date-range-picker-trigger\">\n              <div class=\"date-range-inputs\" onClick={this.handleTriggerClick}>\n                <bh-input-text\n                  label={this.startLabel}\n                  placeholder={this.startPlaceholder}\n                  value={this.formatDate(this.selectedValue?.startDate || null)}\n                  disabled={this.disabled}\n                  showTrailingIcon={true}\n                  trailingIcon=\"calendar_today\"\n                  showHelpIcon={false}\n                  showHintText={false}\n                  showLabel={this.showLabel}\n                  width={this.inputWidth}\n                  readOnly={true}\n                ></bh-input-text>\n                <bh-input-text\n                  label={this.endLabel}\n                  placeholder={this.endPlaceholder}\n                  value={this.formatDate(this.selectedValue?.endDate || null)}\n                  disabled={this.disabled}\n                  showTrailingIcon={true}\n                  trailingIcon=\"calendar_today\"\n                  showHelpIcon={false}\n                  showHintText={false}\n                  showLabel={this.showLabel}\n                  width={this.inputWidth}\n                  readOnly={true}\n                ></bh-input-text>\n              </div>\n            </div>\n          )}\n\n          {/* Date Range Picker Menu */}\n          <div class=\"date-range-picker-menu-container\">\n            <bh-picker-menu\n              visible={this.isMenuOpen}\n              showFooter={this.showFooter}\n              disableApply={this.showFooter && (!this.tempSelection?.startDate || !this.tempSelection?.endDate)}\n              onBhCancel={this.handleMenuCancel}\n              onBhApply={this.handleMenuApply}\n            >\n              <bh-date-range-picker-content\n                minYear={this.minYear}\n                maxYear={this.maxYear}\n                disabled={this.disabled}\n                disabledDates={this.disabledDates}\n                showOtherMonthDays={this.showOtherMonthDays}\n                value={this.tempSelection ?? this.selectedValue ?? undefined}\n              ></bh-date-range-picker-content>\n            </bh-picker-menu>\n          </div>\n        </div>\n\n        {/* Backdrop */}\n        {(this.isMenuOpen || this.isMenuClosing) && (\n          <div class=\"date-range-picker-backdrop\" onClick={this.handleBackdropClick}></div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-dropdown-menu.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-dropdown-menu.entry.esm.js","sources":["src/components/bh-dropdown-menu/bh-dropdown-menu.css?tag=bh-dropdown-menu&encapsulation=shadow","src/components/bh-dropdown-menu/bh-dropdown-menu.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-DROPDOWN-MENU COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: block;\n}\n\n/* Base dropdown menu styles */\n.dropdown-menu {\n  width: 240px;\n  background: var(--color-white);\n  border-radius: var(--radius-md);\n  box-shadow: 0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n    0px 0px 1px 1px rgba(64, 73, 104, 0.1);\n  overflow: hidden;\n  flex-shrink: 0;\n  position: relative;\n  box-sizing: border-box;\n}\n\n/* Animation classes */\n.animate-dropdown-enter {\n  animation: dropdownEnter 0.15s ease-out forwards;\n}\n\n.animate-dropdown-exit {\n  animation: dropdownExit 0.15s ease-in forwards;\n}\n\n@keyframes dropdownEnter {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes dropdownExit {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n}\n\n/* ==========================================================================\n   HEADER SECTION\n   ========================================================================== */\n\n.dropdown-header {\n  padding: var(--spacing-lg) var(--spacing-xl);\n  border-bottom: 1px solid var(--color-neutral-200);\n}\n\n.dropdown-header-avatar {\n  padding: var(--spacing-lg) var(--spacing-xl);\n}\n\n.avatar-group {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-lg);\n  width: 100%;\n}\n\n.avatar-text {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n}\n\n.avatar-name {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-semibold);\n  font-size: var(--text-sm-size);\n  text-align: left;\n  line-height: 1.43;\n  color: var(--color-neutral-800);\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.avatar-email {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-regular);\n  font-size: var(--text-sm-size);\n  line-height: 1.43;\n  color: var(--color-neutral-600);\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.header-title {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-semibold);\n  font-size: var(--text-sm-size);\n  line-height: 1.43;\n  color: var(--color-neutral-800);\n  margin: 0;\n}\n\n/* ==========================================================================\n   MENU ITEMS SECTION\n   ========================================================================== */\n\n.menu-items {\n  padding: var(--spacing-xs) 0;\n}\n\n.dropdown-item {\n  padding: var(--spacing-none) var(--spacing-sm);\n  cursor: pointer;\n}\n\n.dropdown-item-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.item-content {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-lg);\n  padding: var(--spacing-md) var(--spacing-md);\n  border-radius: var(--radius-sm);\n  transition: background-color 0.15s ease;\n}\n\n.dropdown-item:hover:not(.dropdown-item-disabled) .item-content {\n  background: var(--color-neutral-100);\n}\n\n.item-main {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md);\n  flex: 1;\n  min-width: 0;\n}\n\n.item-icon {\n  font-size: var(--icon-size-md, 20px);\n  color: var(--color-neutral-600);\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.item-text {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-medium);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--color-neutral-700);\n  flex: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.item-shortcut {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-regular);\n  font-size: var(--text-xs-size);\n  line-height: 1.5;\n  color: var(--color-neutral-500);\n  flex-shrink: 0;\n}\n\n/* ==========================================================================\n   DIVIDER\n   ========================================================================== */\n\n.menu-divider {\n  height: 1px;\n  background: var(--color-neutral-200);\n  margin: var(--spacing-xs) 0;\n}\n\n/* ==========================================================================\n   SCROLLABLE VARIANT\n   ========================================================================== */\n\n.dropdown-menu-scrollable .menu-items {\n  max-height: 280px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* Custom scrollbar styling */\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar {\n  width: 6px;\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-track {\n  background: var(--color-neutral-50);\n  border-radius: var(--radius-xs);\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb {\n  background: var(--color-neutral-200);\n  border-radius: var(--radius-xs);\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb:hover {\n  background: var(--color-neutral-300);\n}\n\n/* Firefox scrollbar */\n.dropdown-menu-scrollable .menu-items {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-neutral-200) var(--color-neutral-50);\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\nexport interface DropdownMenuItem {\n  id: string;\n  label?: string;\n  icon?: string;\n  shortcut?: string;\n  disabled?: boolean;\n  divider?: boolean;\n}\n\nexport interface DropdownMenuHeader {\n  title?: string;\n  avatarGroup?: boolean;\n  avatarSrc?: string;\n  name?: string;\n  email?: string;\n}\n\n@Component({\n  tag: 'bh-dropdown-menu',\n  styleUrl: 'bh-dropdown-menu.css',\n  shadow: true,\n})\nexport class BhDropdownMenu {\n  /**\n   * Header configuration (JSON string or object)\n   */\n  @Prop() header?: DropdownMenuHeader | string;\n\n  /**\n   * Menu items array (JSON string or array)\n   */\n  @Prop() menuItems: DropdownMenuItem[] | string = [];\n\n  /**\n   * Whether the menu is visible\n   */\n  @Prop() visible: boolean = true;\n\n  /**\n   * Whether to show icons in menu items\n   */\n  @Prop() showIcons: boolean = true;\n\n  /**\n   * Whether the menu should be scrollable\n   */\n  @Prop() scrollable: boolean = false;\n\n  @State() isClosing: boolean = false;\n  @State() shouldRender: boolean = true;\n\n  /**\n   * Event emitted when a menu item is clicked\n   */\n  @Event() bhItemClick!: EventEmitter<DropdownMenuItem>;\n\n  private get parsedHeader(): DropdownMenuHeader | undefined {\n    if (!this.header) return undefined;\n    if (typeof this.header === 'string') {\n      try {\n        return JSON.parse(this.header);\n      } catch {\n        return undefined;\n      }\n    }\n    return this.header;\n  }\n\n  private get parsedMenuItems(): DropdownMenuItem[] {\n    if (typeof this.menuItems === 'string') {\n      try {\n        return JSON.parse(this.menuItems);\n      } catch {\n        return [];\n      }\n    }\n    return this.menuItems || [];\n  }\n\n  @Watch('visible')\n  watchVisible(newValue: boolean) {\n    if (newValue) {\n      this.shouldRender = true;\n      this.isClosing = false;\n    } else {\n      this.isClosing = true;\n      setTimeout(() => {\n        this.shouldRender = false;\n        this.isClosing = false;\n      }, 150);\n    }\n  }\n\n  componentWillLoad() {\n    this.shouldRender = this.visible;\n  }\n\n  private handleItemClick(item: DropdownMenuItem) {\n    if (!item.disabled && !item.divider) {\n      this.bhItemClick.emit(item);\n    }\n  }\n\n  private getMenuItemClasses(item: DropdownMenuItem) {\n    return {\n      'dropdown-item': true,\n      'dropdown-item-disabled': !!item.disabled,\n    };\n  }\n\n  render() {\n    if (!this.visible) {\n      return null;\n    }\n\n    const header = this.parsedHeader;\n    const items = this.parsedMenuItems;\n\n    const dropdownClasses = {\n      'dropdown-menu': true,\n      'dropdown-menu-scrollable': this.scrollable,\n      'animate-dropdown-enter': true,\n      'animate-dropdown-exit': false,\n    };\n\n    const headerClasses = {\n      'dropdown-header': true,\n      'dropdown-header-avatar': !!header?.avatarGroup,\n    };\n\n    return (\n      <div class={dropdownClasses}>\n        {/* Header Section */}\n        {header && (\n          <div class={headerClasses}>\n            {/* Avatar Group Header */}\n            {header.avatarGroup && (\n              <div class=\"avatar-group\">\n                <bh-avatar\n                  size=\"md\"\n                  type=\"image\"\n                  status=\"online\"\n                  imageSrc={header.avatarSrc || ''}\n                  alt={header.name || 'Avatar'}\n                />\n                <div class=\"avatar-text\">\n                  <div class=\"avatar-name\">{header.name}</div>\n                  <div class=\"avatar-email\">{header.email}</div>\n                </div>\n              </div>\n            )}\n            {/* Simple Text Header */}\n            {!header.avatarGroup && header.title && (\n              <div class=\"header-title\">{header.title}</div>\n            )}\n          </div>\n        )}\n\n        {/* Menu Items Section */}\n        <div class=\"menu-items\">\n          {items.map((item) => (\n            <div key={item.id}>\n              {/* Divider */}\n              {item.divider && <div class=\"menu-divider\" />}\n\n              {/* Menu Item */}\n              {!item.divider && (\n                <div\n                  class={this.getMenuItemClasses(item)}\n                  onClick={() => this.handleItemClick(item)}\n                >\n                  <div class=\"item-content\">\n                    <div class=\"item-main\">\n                      {item.icon && this.showIcons && (\n                        <span class=\"material-symbols-outlined item-icon\">\n                          {item.icon}\n                        </span>\n                      )}\n                      <span class=\"item-text\" title={item.label}>\n                        {item.label}\n                      </span>\n                    </div>\n                    {item.shortcut && (\n                      <span class=\"item-shortcut\">{item.shortcut}</span>\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-dropdown.bh-logo-box.bh-nav-item.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-dropdown.bh-logo-box.bh-nav-item.entry.esm.js","sources":["src/components/bh-dropdown/bh-dropdown.css?tag=bh-dropdown&encapsulation=shadow","src/components/bh-dropdown/bh-dropdown.tsx","src/components/bh-logo-box/bh-logo-box.css?tag=bh-logo-box&encapsulation=shadow","src/components/bh-logo-box/bh-logo-box.tsx","src/components/bh-sidebar/bh-nav-item.css?tag=bh-nav-item&encapsulation=shadow","src/components/bh-sidebar/bh-nav-item.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-DROPDOWN COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n  position: relative;\n}\n\n.dropdown-container {\n  position: relative;\n  display: inline-block;\n}\n\n/* Position the dropdown menu */\n.dropdown-container bh-dropdown-menu {\n  position: absolute;\n  z-index: 1000;\n}\n\n/* Default positioning for button variants (below trigger) */\n.dropdown-container:not(.dropdown-avatar-variant) bh-dropdown-menu {\n  top: 100%;\n  right: 0;\n  margin-top: var(--spacing-sm);\n}\n\n/* Avatar variant positioning (to the left of avatar for sidebars) */\n.dropdown-avatar-variant bh-dropdown-menu {\n  bottom: 0;\n  left: calc(100% + var(--spacing-sm));\n}\n\n/* Avatar trigger styles */\n.dropdown-avatar {\n  cursor: pointer;\n  border-radius: 50%;\n  transition: box-shadow 0.2s ease;\n  outline: none;\n  display: inline-block;\n  user-select: none;\n}\n\n.dropdown-avatar:hover:not(.dropdown-avatar-disabled) {\n  box-shadow: 0 0 0 2px var(--color-neutral-200);\n}\n\n.dropdown-avatar:focus:not(.dropdown-avatar-disabled) {\n  box-shadow: 0 0 0 2px var(--color-brand-500);\n}\n\n.dropdown-avatar-focus {\n  box-shadow: 0 0 0 2px var(--color-brand-500);\n}\n\n.dropdown-avatar-disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Button state when dropdown is open */\n.dropdown-open bh-button {\n  --button-focus-ring: 0 0 0 2px var(--color-brand-100);\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  h,\n  Listen,\n} from '@stencil/core';\nimport type {\n  DropdownMenuItem,\n  DropdownMenuHeader,\n} from '../bh-dropdown-menu/bh-dropdown-menu';\n\nexport type DropdownSize = 'sm' | 'md';\nexport type DropdownState = 'default' | 'focus' | 'disabled';\nexport type DropdownVariant =\n  | 'outlined'\n  | 'ghost'\n  | 'icon-only-outlined'\n  | 'icon-only-ghost'\n  | 'avatar';\n\n@Component({\n  tag: 'bh-dropdown',\n  styleUrl: 'bh-dropdown.css',\n  shadow: true,\n})\nexport class BhDropdown {\n  @Element() el!: HTMLElement;\n\n  /**\n   * Size of the dropdown trigger\n   */\n  @Prop() size: DropdownSize = 'md';\n\n  /**\n   * State of the dropdown\n   */\n  @Prop() state: DropdownState = 'default';\n\n  /**\n   * Visual variant of the dropdown trigger\n   */\n  @Prop() variant: DropdownVariant = 'outlined';\n\n  /**\n   * Label for the dropdown button\n   */\n  @Prop() label: string = 'Options';\n\n  /**\n   * Icon name for icon-only variants\n   */\n  @Prop() iconName: string = 'more_vert';\n\n  /**\n   * Whether the dropdown is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Menu items (JSON string or array)\n   */\n  @Prop() menuItems: DropdownMenuItem[] | string = [];\n\n  /**\n   * Header configuration (JSON string or object)\n   */\n  @Prop() header?: DropdownMenuHeader | string;\n\n  /**\n   * Avatar image source for avatar variant\n   */\n  @Prop() avatarSrc: string = '';\n\n  /**\n   * Avatar alt text\n   */\n  @Prop() avatarAlt: string = 'Avatar';\n\n  /**\n   * Avatar size for avatar variant\n   */\n  @Prop() avatarSize: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Avatar name for header\n   */\n  @Prop() avatarName?: string;\n\n  /**\n   * Avatar email for header\n   */\n  @Prop() avatarEmail?: string;\n\n  /**\n   * Whether to show icons in menu items\n   */\n  @Prop() showIcons: boolean = true;\n\n  @State() isOpen: boolean = false;\n\n  /**\n   * Event emitted when a menu item is clicked\n   */\n  @Event() bhItemClick!: EventEmitter<DropdownMenuItem>;\n\n  @Listen('click', { target: 'document' })\n  handleClickOutside(event: MouseEvent) {\n    if (this.isOpen && !this.el.contains(event.target as Node)) {\n      this.isOpen = false;\n    }\n  }\n\n  private get parsedMenuItems(): DropdownMenuItem[] {\n    if (typeof this.menuItems === 'string') {\n      try {\n        return JSON.parse(this.menuItems);\n      } catch {\n        return [];\n      }\n    }\n    return this.menuItems || [];\n  }\n\n  private get parsedHeader(): DropdownMenuHeader | undefined {\n    if (this.variant === 'avatar') {\n      return {\n        avatarGroup: true,\n        avatarSrc: this.avatarSrc,\n        name: this.avatarName,\n        email: this.avatarEmail,\n      };\n    }\n    if (!this.header) return undefined;\n    if (typeof this.header === 'string') {\n      try {\n        return JSON.parse(this.header);\n      } catch {\n        return undefined;\n      }\n    }\n    return this.header;\n  }\n\n  private toggleDropdown = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private handleMenuItemClick = (event: CustomEvent<DropdownMenuItem>) => {\n    const item = event.detail;\n    if (!item.disabled) {\n      this.bhItemClick.emit(item);\n      this.isOpen = false;\n    }\n  };\n\n  private get isIconOnly(): boolean {\n    return (\n      this.variant === 'icon-only-outlined' ||\n      this.variant === 'icon-only-ghost'\n    );\n  }\n\n  private get showAvatar(): boolean {\n    return this.variant === 'avatar';\n  }\n\n  private get buttonHierarchy(): 'secondary' | 'tertiary' {\n    return this.variant === 'ghost' || this.variant === 'icon-only-ghost'\n      ? 'tertiary'\n      : 'secondary';\n  }\n\n  render() {\n    const containerClasses = {\n      'dropdown-container': true,\n      'dropdown-open': this.isOpen,\n      'dropdown-avatar-variant': this.variant === 'avatar',\n    };\n\n    const avatarClasses = {\n      'dropdown-avatar': true,\n      'dropdown-avatar-focus': this.isOpen,\n      'dropdown-avatar-disabled': this.disabled,\n    };\n\n    return (\n      <div class={containerClasses}>\n        {/* Button variants */}\n        {!this.showAvatar && (\n          <bh-button\n            hierarchy={this.buttonHierarchy}\n            icon={this.isIconOnly ? 'only' : 'trailing'}\n            size={this.size}\n            label={this.isIconOnly ? '' : this.label}\n            iconName={this.isIconOnly ? this.iconName : 'expand_more'}\n            disabled={this.disabled}\n            onClick={this.toggleDropdown}\n          />\n        )}\n\n        {/* Avatar variant */}\n        {this.showAvatar && (\n          <div\n            class={avatarClasses}\n            onClick={(e) => {\n              if (!this.disabled) {\n                e.stopPropagation();\n                this.toggleDropdown();\n              }\n            }}\n            role=\"button\"\n            tabindex={this.disabled ? -1 : 0}\n            onKeyDown={(e: KeyboardEvent) => {\n              if (!this.disabled && (e.key === 'Enter' || e.key === ' ')) {\n                e.preventDefault();\n                this.toggleDropdown();\n              }\n            }}\n          >\n            <bh-avatar\n              type=\"image\"\n              size={this.avatarSize}\n              imageSrc={this.avatarSrc}\n              alt={this.avatarAlt}\n            />\n          </div>\n        )}\n\n        {/* Menu */}\n        <bh-dropdown-menu\n          visible={this.isOpen}\n          showIcons={this.showIcons}\n          menuItems={JSON.stringify(this.parsedMenuItems)}\n          header={\n            this.parsedHeader ? JSON.stringify(this.parsedHeader) : undefined\n          }\n          onBhItemClick={this.handleMenuItemClick}\n        />\n      </div>\n    );\n  }\n}\n",".logo-box {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  width: 40px;\n  flex-shrink: 0;\n  isolation: isolate;\n}\n\n.logo-active {\n  background-color: var(--color-brand-600);\n  box-sizing: border-box;\n  display: flex;\n  gap: var(--spacing-lg);\n  align-items: center;\n  justify-content: center;\n  padding: var(--spacing-sm);\n  position: relative;\n  border-radius: var(--radius-md);\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  z-index: 2;\n  transition: background-color 0.3s ease;\n  cursor: pointer;\n}\n\n/* Hover effect for logo-active */\n.logo-box:hover .logo-active,\n.logo-box.dropdown-open .logo-active {\n  background-color: var(--color-brand-700);\n}\n\n.logo {\n  overflow: hidden;\n  position: relative;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-image 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);\n}\n\n/* Logo variations - Background images must be configured by the consuming application */\n.logo-actabl {\n  /* background-image should be set by consuming application */\n}\n\n.logo-al {\n  /* background-image should be set by consuming application */\n}\n\n.logo-he {\n  /* background-image should be set by consuming application */\n}\n\n.logo-ps {\n  /* background-image should be set by consuming application */\n}\n\n.logo-tr {\n  /* background-image should be set by consuming application */\n}\n\n.logo-more-products {\n  position: absolute;\n  background-color: var(--color-brand-200);\n  right: 2px;\n  bottom: -4px;\n  border-radius: 5px;\n  width: 36px;\n  height: 35px;\n  z-index: 1;\n  transition: transform 0.3s ease;\n}\n\n/* Slide-up animation for logo-more-products */\n.logo-box:hover .logo-more-products,\n.logo-box.dropdown-open .logo-more-products {\n  transform: translateY(-4px);\n}\n","import { Component, Prop, Event, EventEmitter, State, h, Host } from '@stencil/core';\nimport { BhProduct } from '../bh-product-switcher/bh-product-switcher';\n\nexport type LogoType = 'actabl' | 'al' | 'he' | 'ps' | 'tr';\n\n@Component({\n  tag: 'bh-logo-box',\n  styleUrl: 'bh-logo-box.css',\n  shadow: true,\n})\nexport class BhLogoBox {\n  /**\n   * Type of logo to display\n   */\n  @Prop() logoType: LogoType = 'actabl';\n\n  /**\n   * Array of products to display in the switcher\n   */\n  @Prop() products: BhProduct[] = [\n    {\n      id: 'alice',\n      name: 'Alice',\n      description: 'Housekeeping & Guest Services',\n      logo: './assets/logos/AL.svg',\n    },\n    {\n      id: 'hotel-effectiveness',\n      name: 'Hotel Effectiveness',\n      description: 'Labor planning',\n      logo: './assets/logos/HE.svg',\n    },\n    {\n      id: 'profit-sword',\n      name: 'ProfitSword',\n      description: 'B.I and Finance',\n      logo: './assets/logos/PS.svg',\n    },\n    {\n      id: 'transcendent',\n      name: 'Transcendent',\n      description: 'Asset Management & CapEx',\n      logo: './assets/logos/TR.svg',\n    },\n  ];\n\n  /**\n   * Event emitted when a product is selected\n   */\n  @Event() bhProductSelect!: EventEmitter<BhProduct>;\n\n  @State() isOpen: boolean = false;\n  @State() anchorPosition = { top: 0, left: 0 };\n\n  private logoActiveRef?: HTMLDivElement;\n\n  private handleLogoClick = () => {\n    if (this.logoActiveRef) {\n      const rect = this.logoActiveRef.getBoundingClientRect();\n      this.anchorPosition = {\n        top: rect.bottom + 8,\n        left: rect.left,\n      };\n      this.isOpen = !this.isOpen;\n    }\n  };\n\n  private handleClose = () => {\n    this.isOpen = false;\n  };\n\n  private handleProductSelect = (event: CustomEvent<BhProduct>) => {\n    this.bhProductSelect.emit(event.detail);\n    this.isOpen = false;\n  };\n\n  private getLogoSrc = () => {\n    switch (this.logoType) {\n      case 'actabl':\n        return './assets/logos/actabl.svg';\n      case 'al':\n        return './assets/logos/AL.svg';\n      case 'he':\n        return './assets/logos/HE.svg';\n      case 'ps':\n        return './assets/logos/PS.svg';\n      case 'tr':\n        return './assets/logos/TR.svg';\n      default:\n        return './assets/logos/actabl.svg';\n    }\n  };\n\n  render() {\n    const logoBoxClasses = {\n      'logo-box': true,\n      'dropdown-open': this.isOpen,\n    };\n\n    const logoClasses = {\n      'logo': true,\n      [`logo-${this.logoType}`]: true,\n    };\n\n    return (\n      <Host>\n        <div class={logoBoxClasses}>\n          <div\n            ref={(el) => (this.logoActiveRef = el)}\n            class=\"logo-active\"\n            onClick={this.handleLogoClick}\n          >\n            <img\n              src={this.getLogoSrc()}\n              alt={`${this.logoType} logo`}\n              class={logoClasses}\n            />\n          </div>\n          <div class=\"logo-more-products\"></div>\n        </div>\n\n        <bh-product-switcher\n          isOpen={this.isOpen}\n          anchorPosition={this.anchorPosition}\n          products={this.products}\n          onBhClose={this.handleClose}\n          onBhProductSelect={this.handleProductSelect}\n        ></bh-product-switcher>\n      </Host>\n    );\n  }\n}\n","/* ==========================================================================\n   BH-NAV-ITEM COMPONENT STYLES\n   Navigation item for sidebar navigation\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n}\n\n.nav-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 52px;\n  height: fit-content;\n}\n\n.nav-item-button {\n  background-color: var(--color-white);\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: var(--spacing-md);\n  position: relative;\n  border-radius: var(--radius-sm);\n  flex-shrink: 0;\n  transition: background-color 0.2s ease;\n  cursor: pointer;\n  border: none;\n  outline: none;\n}\n\n.nav-item-button:hover {\n  background-color: var(--color-neutral-50);\n}\n\n.nav-item-button:focus-visible {\n  box-shadow: 0 0 0 2px var(--color-brand-100);\n}\n\n.nav-item.active .nav-item-button {\n  background-color: var(--color-brand-50);\n}\n\n.nav-item-button .icon {\n  width: 20px;\n  height: 20px;\n  display: block;\n  flex-shrink: 0;\n  color: var(--color-neutral-500);\n  transition: color 0.2s ease;\n  font-size: 20px;\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;\n}\n\n.nav-item-button:hover .icon {\n  color: var(--color-neutral-700);\n}\n\n.nav-item.active .nav-item-button .icon {\n  color: var(--color-brand-600);\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;\n}\n\n.nav-item-label {\n  font-family: var(--font-inter);\n  font-weight: var(--weight-medium);\n  height: 18px;\n  line-height: 18px;\n  font-style: normal;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: relative;\n  flex-shrink: 0;\n  color: var(--color-neutral-700);\n  font-size: 10px;\n  text-align: center;\n  white-space: nowrap;\n  width: 100%;\n  max-width: 100%;\n  margin: var(--spacing-none);\n  margin-top: var(--spacing-xxs);\n  box-sizing: border-box;\n  direction: ltr;\n}\n\n.nav-item.active .nav-item-label {\n  color: var(--color-neutral-700);\n  font-weight: var(--weight-semibold);\n}\n\n/* Disabled state */\n.nav-item.disabled .nav-item-button {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.nav-item.disabled .nav-item-button:hover {\n  background-color: var(--color-white);\n}\n\n.nav-item.disabled .nav-item-button .icon {\n  color: var(--color-neutral-400);\n}\n\n.nav-item.disabled .nav-item-label {\n  color: var(--color-neutral-400);\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'bh-nav-item',\n  styleUrl: 'bh-nav-item.css',\n  shadow: true,\n})\nexport class BhNavItem {\n  /**\n   * Material Symbols icon name\n   */\n  @Prop() icon: string = 'home';\n\n  /**\n   * Label text displayed below the icon\n   */\n  @Prop() label: string = 'Home';\n\n  /**\n   * Whether the nav item is active/selected\n   */\n  @Prop() isActive: boolean = false;\n\n  /**\n   * Whether the nav item is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event emitted when the nav item is clicked\n   */\n  @Event() bhClick!: EventEmitter<void>;\n\n  private handleClick = () => {\n    if (!this.disabled) {\n      this.bhClick.emit();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if ((event.key === 'Enter' || event.key === ' ') && !this.disabled) {\n      event.preventDefault();\n      this.bhClick.emit();\n    }\n  };\n\n  render() {\n    const navItemClasses = {\n      'nav-item': true,\n      'active': this.isActive,\n      'disabled': this.disabled,\n    };\n\n    return (\n      <div class={navItemClasses}>\n        <button\n          class=\"nav-item-button\"\n          aria-label={this.label}\n          type=\"button\"\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          disabled={this.disabled}\n          tabIndex={this.disabled ? -1 : 0}\n        >\n          <span class=\"material-symbols-outlined icon\">{this.icon}</span>\n        </button>\n        <p class=\"nav-item-label\">{this.label}</p>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-featured-icon.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-featured-icon.entry.esm.js","sources":["src/components/bh-featured-icon/bh-featured-icon.css?tag=bh-featured-icon&encapsulation=shadow","src/components/bh-featured-icon/bh-featured-icon.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-FEATURED-ICON COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n}\n\n.featured-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n}\n\n/* Size variations */\n.featured-icon-sm {\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n}\n\n.featured-icon-md {\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n}\n\n.featured-icon-lg {\n  width: 48px;\n  height: 48px;\n  border-radius: 10px;\n}\n\n.featured-icon-xl {\n  width: 56px;\n  height: 56px;\n  border-radius: 12px;\n}\n\n/* Icon sizes - matching Figma specs */\n.icon-sm {\n  font-size: var(--icon-size-xs);\n  width: var(--icon-size-xs);\n  height: var(--icon-size-xs);\n  line-height: 1;\n}\n\n.icon-md {\n  font-size: var(--icon-size-md);\n  width: var(--icon-size-md);\n  height: var(--icon-size-md);\n  line-height: 1;\n}\n\n.icon-lg {\n  font-size: var(--icon-size-lg);\n  width: var(--icon-size-lg);\n  height: var(--icon-size-lg);\n  line-height: 1;\n}\n\n.icon-xl {\n  font-size: var(--icon-size-2xl);\n  width: var(--icon-size-2xl);\n  height: var(--icon-size-2xl);\n  line-height: 1;\n}\n\n/* ============================================\n   OUTLINED STYLES\n   ============================================ */\n\n/* Brand color - Outlined */\n.featured-icon-brand.featured-icon-outlined {\n  background-color: transparent;\n  border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-brand.featured-icon-outlined .material-symbols-outlined {\n  color: var(--color-brand-600);\n}\n\n/* Gray color - Outlined */\n.featured-icon-gray.featured-icon-outlined {\n  border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-gray.featured-icon-outlined .material-symbols-outlined {\n  color: var(--color-neutral-600);\n}\n\n/* Error color - Outlined */\n.featured-icon-error.featured-icon-outlined {\n  border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-error.featured-icon-outlined .material-symbols-outlined {\n  color: var(--color-error-600);\n}\n\n/* Warning color - Outlined */\n.featured-icon-warning.featured-icon-outlined {\n  border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-warning.featured-icon-outlined .material-symbols-outlined {\n  color: var(--color-warning-600);\n}\n\n/* Success color - Outlined */\n.featured-icon-success.featured-icon-outlined {\n  border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-success.featured-icon-outlined .material-symbols-outlined {\n  color: var(--color-success-600);\n}\n\n/* Highlight color - Outlined */\n.featured-icon-highlight.featured-icon-outlined {\n  border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-highlight.featured-icon-outlined .material-symbols-outlined {\n  color: var(--color-purple-600);\n}\n\n/* ============================================\n   FILLED STYLES\n   ============================================ */\n\n/* Brand color - Filled */\n.featured-icon-brand.featured-icon-filled {\n  background-color: var(--color-brand-100);\n  border: none;\n}\n\n.featured-icon-brand.featured-icon-filled .material-symbols-outlined {\n  color: var(--color-brand-600);\n}\n\n/* Gray color - Filled */\n.featured-icon-gray.featured-icon-filled {\n  background-color: var(--color-neutral-100);\n  border: none;\n}\n\n.featured-icon-gray.featured-icon-filled .material-symbols-outlined {\n  color: var(--color-neutral-600);\n}\n\n/* Error color - Filled */\n.featured-icon-error.featured-icon-filled {\n  background-color: var(--color-error-100);\n  border: none;\n}\n\n.featured-icon-error.featured-icon-filled .material-symbols-outlined {\n  color: var(--color-error-600);\n}\n\n/* Warning color - Filled */\n.featured-icon-warning.featured-icon-filled {\n  background-color: var(--color-warning-200);\n  border: none;\n}\n\n.featured-icon-warning.featured-icon-filled .material-symbols-outlined {\n  color: var(--color-warning-600);\n}\n\n/* Success color - Filled */\n.featured-icon-success.featured-icon-filled {\n  background-color: var(--color-success-100);\n  border: none;\n}\n\n.featured-icon-success.featured-icon-filled .material-symbols-outlined {\n  color: var(--color-success-600);\n}\n\n/* Highlight color - Filled */\n.featured-icon-highlight.featured-icon-filled {\n  background-color: var(--color-purple-200);\n  border: none;\n}\n\n.featured-icon-highlight.featured-icon-filled .material-symbols-outlined {\n  color: var(--color-purple-600);\n}\n\n/* Material Symbols base styles */\n.material-symbols-outlined {\n  font-family: 'Material Symbols Outlined';\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n  user-select: none;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type FeaturedIconSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type FeaturedIconColor = 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'highlight';\nexport type FeaturedIconStyle = 'outlined' | 'filled';\n\n@Component({\n  tag: 'bh-featured-icon',\n  styleUrl: 'bh-featured-icon.css',\n  shadow: true,\n})\nexport class BhFeaturedIcon {\n  /**\n   * The size of the featured icon\n   */\n  @Prop() size: FeaturedIconSize = 'md';\n\n  /**\n   * The color theme of the featured icon\n   */\n  @Prop() color: FeaturedIconColor = 'gray';\n\n  /**\n   * The style variant (outlined or filled)\n   */\n  @Prop() iconStyle: FeaturedIconStyle = 'outlined';\n\n  /**\n   * The Material Symbol icon name\n   */\n  @Prop() icon: string = 'star';\n\n  render() {\n    const containerClasses = {\n      'featured-icon': true,\n      [`featured-icon-${this.size}`]: true,\n      [`featured-icon-${this.color}`]: true,\n      [`featured-icon-${this.iconStyle}`]: true,\n    };\n\n    const iconClasses = `material-symbols-outlined icon-${this.size}`;\n\n    return (\n      <div class={containerClasses} part=\"container\">\n        <span class={iconClasses}>{this.icon}</span>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,4tGAA4tG;;MCWzuG,cAAc,GAAA,MAAA;;;;AACzB;;AAEG;IACK,IAAI,GAAqB,IAAI;AAErC;;AAEG;IACK,KAAK,GAAsB,MAAM;AAEzC;;AAEG;IACK,SAAS,GAAsB,UAAU;AAEjD;;AAEG;IACK,IAAI,GAAW,MAAM;IAE7B,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AACpC,YAAA,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,iBAAiB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SAC1C;AAED,QAAA,MAAM,WAAW,GAAG,CAAA,+BAAA,EAAkC,IAAI,CAAC,IAAI,EAAE;AAEjE,QAAA,QACE,4DAAK,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC5C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,EAAG,EAAA,IAAI,CAAC,IAAI,CAAQ,CACxC;;;;;;;"}

package/bellhop-core/bh-illustrations.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-illustrations.entry.esm.js","sources":["src/components/bh-illustrations/bh-illustrations.css?tag=bh-illustrations&encapsulation=shadow","src/components/bh-illustrations/bh-illustrations.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n  display: inline-flex;\n}\n\n/* Base Illustration Styles */\n.illustration {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.illustration-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--spacing-3xl);\n}\n\n/* SVG Container */\n.illustration-svg-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.illustration-image {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n/* Content Styles */\n.illustration-content {\n  text-align: center;\n  max-width: 480px;\n}\n\n.illustration-title {\n  font-family: var(--font-inter);\n  font-size: var(--text-lg-size);\n  font-weight: var(--weight-semibold);\n  line-height: var(--text-lg-line);\n  color: var(--color-neutral-900);\n  margin: 0 0 var(--spacing-md) 0;\n}\n\n.illustration-description {\n  font-family: var(--font-inter);\n  font-size: var(--text-md-size);\n  font-weight: var(--weight-regular);\n  line-height: var(--text-md-line);\n  color: var(--color-neutral-600);\n  margin: 0;\n}\n\n/* Size Variations */\n.illustration-sm .illustration-svg-container {\n  width: 80px;\n  height: 80px;\n}\n\n.illustration-md .illustration-svg-container {\n  width: 120px;\n  height: 120px;\n}\n\n.illustration-lg .illustration-svg-container {\n  width: 160px;\n  height: 160px;\n}\n\n.illustration-xl .illustration-svg-container {\n  width: 200px;\n  height: 200px;\n}\n\n.illustration-2xl .illustration-svg-container {\n  width: 240px;\n  height: 240px;\n}\n\n.illustration-3xl .illustration-svg-container {\n  width: 280px;\n  height: 280px;\n}\n\n.illustration-4xl .illustration-svg-container {\n  width: 320px;\n  height: 320px;\n}\n\n/* Responsive Styles */\n@media (max-width: 768px) {\n  .illustration-4xl .illustration-svg-container {\n    width: 400px;\n    height: 400px;\n  }\n\n  .illustration-3xl .illustration-svg-container {\n    width: 320px;\n    height: 320px;\n  }\n\n  .illustration-content {\n    max-width: 320px;\n  }\n}\n\n@media (max-width: 480px) {\n  .illustration-4xl .illustration-svg-container,\n  .illustration-3xl .illustration-svg-container {\n    width: 280px;\n    height: 280px;\n  }\n\n  .illustration-2xl .illustration-svg-container {\n    width: 240px;\n    height: 240px;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type IllustrationSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n\n@Component({\n  tag: 'bh-illustrations',\n  styleUrl: 'bh-illustrations.css',\n  shadow: true,\n})\nexport class BhIllustrations {\n  /**\n   * Size of the illustration\n   */\n  @Prop() size: IllustrationSize = 'lg';\n\n  /**\n   * Title text to display below the illustration\n   */\n  @Prop() illustrationTitle?: string;\n\n  /**\n   * Description text to display below the title\n   */\n  @Prop() description?: string;\n\n  /**\n   * Path to the SVG illustration\n   */\n  @Prop() svgPath: string = '/illustrations/Search-not-found.svg';\n\n  /**\n   * Alt text for the illustration image\n   */\n  @Prop() alt: string = 'Illustration';\n\n  private getSvgDimensions(): { width: number; height: number } {\n    switch (this.size) {\n      case 'sm':\n        return { width: 120, height: 120 };\n      case 'md':\n        return { width: 160, height: 160 };\n      case 'lg':\n        return { width: 200, height: 200 };\n      case 'xl':\n        return { width: 280, height: 280 };\n      case '2xl':\n        return { width: 360, height: 360 };\n      case '3xl':\n        return { width: 480, height: 480 };\n      case '4xl':\n        return { width: 600, height: 600 };\n      default:\n        return { width: 200, height: 200 };\n    }\n  }\n\n  render() {\n    const dimensions = this.getSvgDimensions();\n\n    return (\n      <Host>\n        <div class={`illustration illustration-${this.size}`}>\n          <div class=\"illustration-wrapper\">\n            <div\n              class=\"illustration-svg-container\"\n              style={{\n                width: `${dimensions.width}px`,\n                height: `${dimensions.height}px`,\n              }}\n            >\n              <img\n                src={this.svgPath}\n                alt={this.alt}\n                style={{\n                  width: `${dimensions.width}px`,\n                  height: `${dimensions.height}px`,\n                }}\n                class=\"illustration-image\"\n              />\n            </div>\n            {(this.illustrationTitle || this.description) && (\n              <div class=\"illustration-content\">\n                {this.illustrationTitle && (\n                  <h3 class=\"illustration-title\">{this.illustrationTitle}</h3>\n                )}\n                {this.description && (\n                  <p class=\"illustration-description\">{this.description}</p>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-input-autocomplete.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-autocomplete.entry.esm.js","sources":["src/components/bh-input-autocomplete/bh-input-autocomplete.css?tag=bh-input-autocomplete&encapsulation=shadow","src/components/bh-input-autocomplete/bh-input-autocomplete.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n  display: block;\n  position: relative;\n}\n\n.input-autocomplete-wrapper {\n  position: relative;\n}\n\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm);\n}\n\n/* Multi-select input field */\n.input-field {\n  display: flex;\n  align-items: center;\n  min-height: 44px;\n  padding: var(--spacing-sm) var(--spacing-md);\n  background: var(--color-white);\n  border: 1px solid var(--color-neutral-300);\n  border-radius: var(--radius-md);\n  transition: all 0.15s ease;\n}\n\n.input-field.input-hover {\n  border-color: var(--color-neutral-400);\n}\n\n.input-field.input-focused {\n  border-color: var(--color-brand-500);\n  box-shadow: 0 0 0 4px var(--color-brand-50);\n}\n\n.input-field.input-error {\n  border-color: var(--color-error-500);\n}\n\n.input-field.input-error.input-focused {\n  box-shadow: 0 0 0 4px var(--color-error-50);\n}\n\n.input-field.input-disabled {\n  background: var(--color-neutral-50);\n  cursor: not-allowed;\n}\n\n.input-content-flow {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-xs);\n  width: 100%;\n}\n\n.leading-icon {\n  font-size: 20px;\n  color: var(--color-neutral-500);\n  flex-shrink: 0;\n}\n\n.inline-input {\n  flex: 1;\n  min-width: 60px;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: var(--font-inter);\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n  color: var(--color-neutral-900);\n}\n\n.inline-input::placeholder {\n  color: var(--color-neutral-500);\n}\n\n.inline-input:disabled {\n  cursor: not-allowed;\n  color: var(--color-neutral-400);\n}\n\n.hint-text {\n  font-family: var(--font-inter);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--color-neutral-600);\n  transition: opacity 0.15s ease;\n}\n\n.hint-text.hint-error {\n  color: var(--color-error-600);\n}\n","import { Component, Prop, State, Event, EventEmitter, Element, Watch, h, Host } from '@stencil/core';\nimport { AutocompleteMenuItem } from '../bh-autocomplete-menu/bh-autocomplete-menu';\n\nexport type InputAutocompleteState = 'placeholder' | 'filled' | 'hover' | 'focused';\n\n@Component({\n  tag: 'bh-input-autocomplete',\n  styleUrl: 'bh-input-autocomplete.css',\n  shadow: true,\n})\nexport class BhInputAutocomplete {\n  @Element() el!: HTMLElement;\n\n  // Base input props\n  /**\n   * Input state\n   */\n  @Prop() state?: InputAutocompleteState;\n\n  /**\n   * Whether input has error\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether input is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether to show help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Whether to show leading icon\n   */\n  @Prop() showLeadingIcon: boolean = true;\n\n  /**\n   * Whether to show label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Label text\n   */\n  @Prop() label: string = 'Search';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string = 'Search...';\n\n  /**\n   * Hint text\n   */\n  @Prop() hintText: string = 'This is a hint text to help user.';\n\n  /**\n   * Leading icon name\n   */\n  @Prop() leadingIcon: string = 'search';\n\n  /**\n   * Help icon tooltip\n   */\n  @Prop() helpIconTooltip: string = 'Help';\n\n  /**\n   * Current value\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Width of the component\n   */\n  @Prop() width: string = '450px';\n\n  // Autocomplete-specific props\n  /**\n   * Available options\n   */\n  @Prop() options: AutocompleteMenuItem[] = [];\n\n  /**\n   * Maximum number of options to show\n   */\n  @Prop() maxOptions: number = 10;\n\n  /**\n   * Enable multi-select mode\n   */\n  @Prop() multiSelect: boolean = false;\n\n  /**\n   * Minimum search length to show options\n   */\n  @Prop() minSearchLength: number = 3;\n\n  /**\n   * Selected items (for multi-select)\n   */\n  @Prop({ mutable: true }) selectedItems: AutocompleteMenuItem[] = [];\n\n  @State() showDropdown: boolean = false;\n  @State() focusedOptionIndex: number = -1;\n  @State() isFocused: boolean = false;\n  @State() isHovered: boolean = false;\n  @State() isTagClickOpen: boolean = false;\n\n  /**\n   * Event emitted when value changes\n   */\n  @Event() bhChange!: EventEmitter<string>;\n\n  /**\n   * Event emitted when selected items change\n   */\n  @Event() bhSelectedItemsChange!: EventEmitter<AutocompleteMenuItem[]>;\n\n  /**\n   * Event emitted when input is focused\n   */\n  @Event() bhFocus!: EventEmitter<void>;\n\n  /**\n   * Event emitted when input is blurred\n   */\n  @Event() bhBlur!: EventEmitter<void>;\n\n  /**\n   * Event emitted when help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  /**\n   * Event emitted when an option is selected\n   */\n  @Event() bhOptionSelect!: EventEmitter<AutocompleteMenuItem>;\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    if (newValue && newValue.length >= this.minSearchLength) {\n      this.showDropdown = true;\n    }\n  }\n\n  private get filteredOptions(): AutocompleteMenuItem[] {\n    let baseOptions: AutocompleteMenuItem[] = [];\n\n    if (this.isTagClickOpen && this.multiSelect) {\n      baseOptions = this.selectedItems;\n    } else if (this.showDropdown && (!this.value || this.value.length === 0)) {\n      baseOptions = this.options.slice(0, this.maxOptions);\n    } else if (this.value && this.value.length >= this.minSearchLength) {\n      const searchLower = this.value.toLowerCase();\n      const filtered = this.options.filter(option =>\n        option.label.toLowerCase().includes(searchLower)\n      );\n      baseOptions = filtered.slice(0, this.maxOptions);\n    }\n\n    return baseOptions.map(option => ({\n      ...option,\n      selected: this.multiSelect && this.selectedItems.some(item => item.id === option.id),\n    }));\n  }\n\n  private get shouldShowClearButton(): boolean {\n    return !this.disabled && (\n      (this.multiSelect && this.selectedItems.length > 0) ||\n      (!this.multiSelect && Boolean(this.value && this.value.length > 0))\n    );\n  }\n\n  private get visibleTags(): { tags: AutocompleteMenuItem[]; remaining: number } {\n    if (!this.multiSelect || this.selectedItems.length === 0) {\n      return { tags: [], remaining: 0 };\n    }\n\n    const containerWidth = parseFloat(this.width.replace('px', '')) || 450;\n    const searchIconWidth = this.showLeadingIcon ? 40 : 0;\n    const clearButtonWidth = this.shouldShowClearButton ? 32 : 0;\n    const inputFieldMinWidth = 60;\n    const padding = 24;\n    const reservedWidth = searchIconWidth + clearButtonWidth + inputFieldMinWidth + padding;\n    const availableWidth = Math.max(containerWidth - reservedWidth, 80);\n\n    let currentWidth = 0;\n    const visibleTagsList: AutocompleteMenuItem[] = [];\n    const tagSpacing = 8;\n    const counterWidth = 40;\n\n    const reversedItems = [...this.selectedItems].reverse();\n\n    for (let i = 0; i < reversedItems.length; i++) {\n      const tag = reversedItems[i];\n      const baseTagWidth = Math.min(tag.label.length * 8 + 36, 150);\n      const remainingAfterThis = reversedItems.length - (i + 1);\n      const needsCounter = remainingAfterThis > 0;\n      const totalRequiredWidth = currentWidth + baseTagWidth + (needsCounter ? counterWidth : 0);\n\n      if (totalRequiredWidth <= availableWidth) {\n        visibleTagsList.push(tag);\n        currentWidth += baseTagWidth + tagSpacing;\n      } else {\n        break;\n      }\n    }\n\n    const finalVisibleTags = visibleTagsList.reverse();\n    return {\n      tags: finalVisibleTags,\n      remaining: this.selectedItems.length - finalVisibleTags.length,\n    };\n  }\n\n  private handleInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n    this.bhChange.emit(this.value);\n    this.isTagClickOpen = false;\n\n    if (this.value.length >= this.minSearchLength) {\n      this.focusedOptionIndex = -1;\n    } else {\n      this.showDropdown = false;\n    }\n  };\n\n  private handleInputFocus = () => {\n    this.isFocused = true;\n    this.bhFocus.emit();\n\n    if (this.value && this.value.length >= this.minSearchLength && this.filteredOptions.length > 0) {\n      this.showDropdown = true;\n    }\n  };\n\n  private getInputTextState(): 'default' | 'hover' | 'focus' | 'filled' | 'disabled' | 'error' | undefined {\n    if (this.state === 'placeholder') {\n      return 'default';\n    }\n    if (this.state === 'focused') {\n      return 'focus';\n    }\n    return this.state as 'default' | 'hover' | 'focus' | 'filled' | 'disabled' | 'error' | undefined;\n  }\n\n  private handleInputBlur = () => {\n    setTimeout(() => {\n      this.isFocused = false;\n      this.showDropdown = false;\n      this.focusedOptionIndex = -1;\n      this.isTagClickOpen = false;\n      this.bhBlur.emit();\n    }, 200);\n  };\n\n  private handleOptionSelect = (event: CustomEvent<AutocompleteMenuItem>) => {\n    const option = event.detail;\n    if (option.disabled) return;\n\n    this.bhOptionSelect.emit(option);\n\n    if (this.multiSelect) {\n      const isSelected = this.selectedItems.some(item => item.id === option.id);\n      const newItems = isSelected\n        ? this.selectedItems.filter(item => item.id !== option.id)\n        : [...this.selectedItems, option];\n\n      this.selectedItems = newItems;\n      this.bhSelectedItemsChange.emit(newItems);\n      this.value = '';\n      this.bhChange.emit('');\n      this.isTagClickOpen = false;\n      this.showDropdown = false;\n    } else {\n      this.value = option.label;\n      this.bhChange.emit(option.label);\n      this.showDropdown = false;\n    }\n  };\n\n  private handleTagRemove = (tag: AutocompleteMenuItem) => {\n    const newItems = this.selectedItems.filter(item => item.id !== tag.id);\n    this.selectedItems = newItems;\n    this.bhSelectedItemsChange.emit(newItems);\n  };\n\n  private handleTagClick = (e: MouseEvent) => {\n    if ((e.target as HTMLElement).closest('.tag-dismiss')) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!this.disabled) {\n      this.isTagClickOpen = true;\n      this.showDropdown = true;\n      this.isFocused = true;\n    }\n  };\n\n  private handleClearAll = () => {\n    if (this.multiSelect) {\n      this.selectedItems = [];\n      this.bhSelectedItemsChange.emit([]);\n    }\n    this.value = '';\n    this.bhChange.emit('');\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (!this.showDropdown || this.filteredOptions.length === 0) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.focusedOptionIndex = this.focusedOptionIndex < this.filteredOptions.length - 1\n          ? this.focusedOptionIndex + 1\n          : 0;\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        this.focusedOptionIndex = this.focusedOptionIndex > 0\n          ? this.focusedOptionIndex - 1\n          : this.filteredOptions.length - 1;\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (this.focusedOptionIndex >= 0 && this.focusedOptionIndex < this.filteredOptions.length) {\n          const option = this.filteredOptions[this.focusedOptionIndex];\n          this.handleOptionSelect({ detail: option } as CustomEvent<AutocompleteMenuItem>);\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        this.showDropdown = false;\n        this.focusedOptionIndex = -1;\n        break;\n    }\n  };\n\n  private handleItemHover = (event: CustomEvent<number>) => {\n    this.focusedOptionIndex = event.detail;\n  };\n\n  render() {\n    const { tags, remaining } = this.visibleTags;\n\n    return (\n      <Host>\n        <div\n          class=\"input-autocomplete-wrapper\"\n          style={{ width: this.width }}\n          onKeyDown={this.handleKeyDown}\n        >\n          {this.multiSelect ? (\n            // Multi-select input with flowing tags\n            <div class=\"input-wrapper\">\n              <bh-label\n                label={this.showLabel ? this.label : ''}\n                required={this.required}\n                showHelpIcon={this.showHelpIcon}\n                helpIconTooltip={this.helpIconTooltip}\n                disabled={this.disabled}\n                onBhHelpClick={() => this.bhHelpClick.emit()}\n              >\n              <div\n                class={{\n                  'input-field': true,\n                  'autocomplete-multi-input': true,\n                  'input-error': this.error,\n                  'input-disabled': this.disabled,\n                  'input-focused': this.isFocused,\n                  'input-hover': this.isHovered,\n                }}\n                onMouseEnter={() => !this.isFocused && (this.isHovered = true)}\n                onMouseLeave={() => (this.isHovered = false)}\n              >\n                <div class=\"input-content-flow\">\n                  {this.showLeadingIcon && (\n                    <span class=\"leading-icon material-symbols-outlined\">\n                      {this.leadingIcon}\n                    </span>\n                  )}\n\n                  {/* Tags */}\n                  {tags.map(tag => (\n                    <div\n                      key={tag.id}\n                      onClick={this.handleTagClick}\n                      onMouseDown={e => e.preventDefault()}\n                      style={{ cursor: 'pointer' }}\n                    >\n                      <bh-tag\n                        variant=\"text-only\"\n                        size=\"sm\"\n                        label={tag.label}\n                        dismissible={!this.disabled}\n                        disabled={this.disabled}\n                        maxWidth={150}\n                        onBhDismiss={() => this.handleTagRemove(tag)}\n                      ></bh-tag>\n                    </div>\n                  ))}\n\n                  {remaining > 0 && (\n                    <div\n                      onClick={this.handleTagClick}\n                      onMouseDown={e => e.preventDefault()}\n                      style={{ cursor: 'pointer' }}\n                    >\n                      <bh-tag\n                        variant=\"text-only\"\n                        size=\"sm\"\n                        label={`+${remaining}`}\n                        dismissible={false}\n                        disabled={this.disabled}\n                      ></bh-tag>\n                    </div>\n                  )}\n\n                  <input\n                    type=\"text\"\n                    value={this.value}\n                    placeholder={tags.length === 0 ? this.placeholder : ''}\n                    disabled={this.disabled}\n                    class=\"inline-input\"\n                    onInput={this.handleInputChange}\n                    onFocus={this.handleInputFocus}\n                    onBlur={this.handleInputBlur}\n                  />\n\n                  {this.shouldShowClearButton && (\n                    <bh-button-icon\n                      hierarchy=\"tertiary\"\n                      size=\"xs\"\n                      iconName=\"close\"\n                      onBhClick={this.handleClearAll}\n                      disabled={this.disabled}\n                    ></bh-button-icon>\n                  )}\n                </div>\n              </div>\n              </bh-label>\n\n              {this.showHintText && this.hintText && (\n                <div\n                  class={{ 'hint-text': true, 'hint-error': this.error }}\n                  style={{ opacity: this.showDropdown ? '0' : '1' }}\n                >\n                  {this.hintText}\n                </div>\n              )}\n            </div>\n          ) : (\n            // Standard single-select using bh-input-text\n            <bh-input-text\n              state={this.getInputTextState()}\n              error={this.error}\n              required={this.required}\n              disabled={this.disabled}\n              showHelpIcon={this.showHelpIcon}\n              showLeadingIcon={this.showLeadingIcon}\n              showLabel={this.showLabel}\n              showHintText={this.showHintText}\n              label={this.label}\n              placeholder={this.placeholder}\n              hintText={this.hintText}\n              leadingIcon={this.leadingIcon}\n              helpIconTooltip={this.helpIconTooltip}\n              value={this.value}\n              width=\"100%\"\n              onBhInput={(e: CustomEvent<string>) => {\n                this.value = e.detail;\n                this.bhChange.emit(this.value);\n                this.isTagClickOpen = false;\n                if (this.value.length >= this.minSearchLength) {\n                  this.showDropdown = true;\n                } else {\n                  this.showDropdown = false;\n                }\n              }}\n              onBhFocus={this.handleInputFocus}\n              onBhBlur={this.handleInputBlur}\n              onBhHelpClick={() => this.bhHelpClick.emit()}\n            ></bh-input-text>\n          )}\n\n          {/* Dropdown menu */}\n          <bh-autocomplete-menu\n            visible={this.showDropdown}\n            menuItems={this.filteredOptions}\n            selectedIndex={this.focusedOptionIndex}\n            multiSelect={this.multiSelect}\n            searchQuery={this.value}\n            onBhItemClick={this.handleOptionSelect}\n            onBhItemHover={this.handleItemHover}\n          ></bh-autocomplete-menu>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-input-number.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-number.entry.esm.js","sources":["src/components/bh-input-number/bh-input-number.css?tag=bh-input-number&encapsulation=shadow","src/components/bh-input-number/bh-input-number.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n/* Base Input Wrapper */\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm);\n  width: 100%;\n  max-width: 100%;\n}\n\n/* Input Field Container */\n.input-field {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md);\n  padding: var(--spacing-md);\n  height: 36px;\n  width: 100%;\n  background: var(--color-white);\n  border: 1px solid var(--color-neutral-300);\n  border-radius: var(--spacing-md);\n  transition: all 0.2s ease-in-out;\n  cursor: text;\n  box-shadow: 0 0 0 0px transparent;\n  overflow: hidden;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.input-field.input-icon-leading {\n  padding: var(--spacing-md) var(--spacing-lg);\n}\n\n/* Input Content */\n.input-content {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md);\n  flex: 1;\n  height: 100%;\n  min-width: 0;\n  max-width: 100%;\n}\n\n/* Leading Icon */\n.leading-icon {\n  font-size: var(--text-xl-size);\n  color: var(--color-neutral-500);\n  user-select: none;\n  flex-shrink: 0;\n  cursor: default;\n  pointer-events: auto;\n  transition: color 0.2s ease-in-out;\n}\n\n.input-field.input-focused .leading-icon {\n  color: var(--color-brand-600);\n}\n\n/* Input Element */\n.input-element {\n  flex: 1;\n  height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: var(--font-inter);\n  font-weight: 400;\n  font-size: var(--text-sm-size);\n  line-height: 1.43;\n  color: var(--color-neutral-800);\n  min-width: 60px;\n  padding-left: var(--spacing-xs);\n  box-shadow: none;\n}\n\n.input-element:focus {\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.input-element::placeholder {\n  color: var(--color-neutral-500);\n}\n\n.input-element:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Hide default number input spinners */\n.input-element::-webkit-outer-spin-button,\n.input-element::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input-element[type='number'] {\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n\n/* Text States */\n.text-placeholder {\n  color: var(--color-neutral-500);\n}\n\n.text-filled {\n  color: var(--color-neutral-800);\n}\n\n/* Hint Text */\n.hint-text {\n  font-family: var(--font-inter);\n  font-weight: 400;\n  font-size: var(--text-sm-size);\n  line-height: 1.43;\n  color: var(--color-neutral-600);\n}\n\n/* Input States */\n.input-field.input-hover {\n  border-color: var(--color-brand-500);\n}\n\n.input-field.input-focused {\n  border-color: var(--color-brand-500);\n  box-shadow: 0 0 0 1px var(--color-brand-500);\n}\n\n.input-field.input-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  background: var(--color-neutral-50);\n}\n\n.input-field.input-error {\n  border-color: var(--color-error-300);\n}\n\n.input-field.input-error.input-hover {\n  border-color: var(--color-error-500);\n}\n\n.input-field.input-error.input-focused {\n  border-color: var(--color-brand-600);\n}\n\n.hint-text.hint-error {\n  color: var(--color-error-600);\n}\n\n/* Prefix and Suffix */\n.prefix-text,\n.suffix-text {\n  font-family: var(--font-inter);\n  font-weight: 400;\n  font-size: var(--text-sm-size);\n  line-height: 1.43;\n  color: var(--color-neutral-600);\n  user-select: none;\n  flex-shrink: 0;\n}\n\n/* Material Symbols Support */\n.material-symbols-outlined {\n  font-family: 'Material Symbols Outlined';\n  font-weight: normal;\n  font-style: normal;\n  font-size: 24px;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  -webkit-font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased;\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n}\n\n/* Responsive Adjustments */\n@media (max-width: 768px) {\n  .input-wrapper {\n    width: 100%;\n  }\n}\n","import { Component, Prop, State, Event, EventEmitter, Element, h, Watch, AttachInternals } from '@stencil/core';\nimport { updateValidity } from '../../utils/form';\n\nexport type InputNumberState = 'placeholder' | 'filled' | 'hover' | 'focused';\n\n@Component({\n  tag: 'bh-input-number',\n  styleUrl: 'bh-input-number.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class BhInputNumber {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  private inputEl?: HTMLInputElement;\n\n  /**\n   * Whether the input is in an error state\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether the field is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether to show the help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Whether to show the leading icon\n   */\n  @Prop() showLeadingIcon: boolean = false;\n\n  /**\n   * Whether to show the label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show the hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Label text for the input\n   */\n  @Prop() label: string = 'Amount';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string = '0';\n\n  /**\n   * Hint text displayed below the input\n   */\n  @Prop() hintText: string = 'Enter a numeric value.';\n\n  /**\n   * Leading icon name (Material Symbols)\n   */\n  @Prop() leadingIcon: string = 'tag';\n\n  /**\n   * Tooltip text for the help icon\n   */\n  @Prop() helpIconTooltip: string = 'Help';\n\n  /**\n   * Current numeric value\n   */\n  @Prop({ mutable: true }) value: number | null = null;\n\n  /**\n   * Minimum allowed value\n   */\n  @Prop() min: number | null = null;\n\n  /**\n   * Maximum allowed value\n   */\n  @Prop() max: number | null = null;\n\n  /**\n   * Step value for increment/decrement\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * Text prefix before the input value\n   */\n  @Prop() prefixText: string = '';\n\n  /**\n   * Text suffix after the input value\n   */\n  @Prop() suffixText: string = '';\n\n  /**\n   * Width of the component\n   */\n  @Prop() width: string = '';\n\n  /**\n   * Name attribute for form submission\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Default value for form reset\n   */\n  @Prop() defaultValue: number | null = null;\n\n  /**\n   * Custom validation message\n   */\n  @Prop() validationMessage: string = '';\n\n  @State() internalState: InputNumberState = 'placeholder';\n  @State() isHovered: boolean = false;\n  @State() isFocused: boolean = false;\n  @State() internalValue: number | null = null;\n  @State() hasValidationError: boolean = false;\n\n  /**\n   * Event emitted when the value changes\n   */\n  @Event() bhChange!: EventEmitter<number | null>;\n\n  /**\n   * Event emitted when the input receives focus\n   */\n  @Event() bhFocus!: EventEmitter<void>;\n\n  /**\n   * Event emitted when the input loses focus\n   */\n  @Event() bhBlur!: EventEmitter<void>;\n\n  /**\n   * Event emitted when the help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  private get isControlled(): boolean {\n    return this.value !== undefined && this.value !== null;\n  }\n\n  private get currentValue(): number | null {\n    return this.isControlled ? this.value : this.internalValue;\n  }\n\n  @Watch('value')\n  watchValue(newValue: number | null) {\n    this.hasValidationError = this.isOutOfBounds(newValue);\n    this.updateInternalState(newValue);\n  }\n\n  componentWillLoad() {\n    if (this.value !== null && this.value !== undefined) {\n      this.internalValue = this.value;\n    }\n    this.hasValidationError = this.isOutOfBounds(this.currentValue);\n    this.updateInternalState(this.currentValue);\n  }\n\n  componentDidLoad() {\n    this.syncNumberFormValue();\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n  }\n\n  formResetCallback() {\n    this.value = this.defaultValue;\n    this.internalValue = this.defaultValue;\n    if (this.inputEl) {\n      this.inputEl.value = this.defaultValue !== null ? String(this.defaultValue) : '';\n    }\n    this.hasValidationError = this.isOutOfBounds(this.defaultValue);\n    this.updateInternalState(this.defaultValue);\n    this.syncNumberFormValue();\n    updateValidity(this.internals, this.inputEl);\n  }\n\n  private syncNumberFormValue() {\n    if (!this.internals || !this.name) return;\n    const val = this.currentValue;\n    if (val === null || val === undefined) {\n      this.internals.setFormValue(null);\n    } else {\n      this.internals.setFormValue(String(val));\n    }\n  }\n\n  private isOutOfBounds(val: number | null): boolean {\n    if (val === null) return false;\n    if (this.min !== null && val < this.min) return true;\n    if (this.max !== null && val > this.max) return true;\n    return false;\n  }\n\n  private updateInternalState(val: number | null) {\n    if (val !== null && val !== undefined) {\n      this.internalState = 'filled';\n    } else if (!this.isFocused && !this.isHovered) {\n      this.internalState = 'placeholder';\n    }\n  }\n\n  private validateValue(val: number): number {\n    if (this.min !== null && val < this.min) {\n      return this.min;\n    }\n    if (this.max !== null && val > this.max) {\n      return this.max;\n    }\n    return val;\n  }\n\n  private updateValue(newValue: number | null, allowOutOfBounds = false) {\n    let finalValue: number | null;\n\n    if (newValue === null) {\n      finalValue = null;\n    } else if (allowOutOfBounds) {\n      finalValue = newValue;\n    } else {\n      finalValue = this.validateValue(newValue);\n    }\n\n    this.internalValue = finalValue;\n    this.value = finalValue;\n    this.hasValidationError = this.isOutOfBounds(finalValue);\n    this.syncNumberFormValue();\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n    this.bhChange.emit(finalValue);\n  }\n\n  private handleInputChange = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    const inputValue = input.value;\n    const numericValue = inputValue === '' ? null : parseFloat(inputValue);\n\n    if (numericValue !== null && !isNaN(numericValue)) {\n      this.updateValue(numericValue, true);\n    } else if (inputValue === '') {\n      this.updateValue(null, true);\n    }\n  };\n\n  private increment = () => {\n    const baseValue = this.currentValue ?? 0;\n    const newValue = baseValue + this.step;\n    this.updateValue(newValue);\n  };\n\n  private decrement = () => {\n    const baseValue = this.currentValue ?? 0;\n    const newValue = baseValue - this.step;\n    this.updateValue(newValue);\n  };\n\n  private handleInputFocus = () => {\n    this.isFocused = true;\n    this.internalState = 'focused';\n    this.bhFocus.emit();\n  };\n\n  private handleInputBlur = () => {\n    this.isFocused = false;\n    this.updateInternalState(this.currentValue);\n    this.bhBlur.emit();\n  };\n\n  private handleMouseEnter = () => {\n    if (!this.isFocused) {\n      this.isHovered = true;\n      this.internalState = 'hover';\n    }\n  };\n\n  private handleMouseLeave = () => {\n    this.isHovered = false;\n    if (!this.isFocused) {\n      this.updateInternalState(this.currentValue);\n    }\n  };\n\n  private handleHelpIconClick = () => {\n    this.bhHelpClick.emit();\n  };\n\n  private getValidationErrorMessage(): string {\n    if (!this.hasValidationError || this.currentValue === null) return '';\n\n    if (this.min !== null && this.max !== null) {\n      return `Enter a number between ${this.min} and ${this.max}.`;\n    }\n\n    if (this.min !== null && this.currentValue < this.min) {\n      return `Value must be at least ${this.min}`;\n    }\n\n    if (this.max !== null && this.currentValue > this.max) {\n      return `Value must be no more than ${this.max}`;\n    }\n\n    return '';\n  }\n\n  render() {\n    const showError = this.error || this.hasValidationError;\n    const displayHintText = showError && this.hasValidationError ? this.getValidationErrorMessage() : this.hintText;\n\n    const inputFieldClasses = {\n      'input-field': true,\n      'input-hover': this.internalState === 'hover' || this.isHovered,\n      'input-focused': this.internalState === 'focused' || this.isFocused,\n      'input-error': showError,\n      'input-disabled': this.disabled,\n      'input-icon-leading': this.showLeadingIcon,\n    };\n\n    const textColorClass = this.currentValue !== null && this.currentValue !== undefined ? 'text-filled' : 'text-placeholder';\n    const wrapperStyle = this.width ? { width: this.width } : {};\n\n    const isDecrementDisabled = this.disabled || (this.min !== null && this.currentValue !== null && this.currentValue <= this.min);\n    const isIncrementDisabled = this.disabled || (this.max !== null && this.currentValue !== null && this.currentValue >= this.max);\n\n    return (\n      <div class=\"input-wrapper\" style={wrapperStyle}>\n        <bh-label\n          label={this.showLabel ? this.label : ''}\n          required={this.required}\n          showHelpIcon={this.showHelpIcon}\n          helpIconTooltip={this.helpIconTooltip}\n          disabled={this.disabled}\n          onBhHelpClick={this.handleHelpIconClick}\n        >\n          <div\n            class={inputFieldClasses}\n            onMouseEnter={this.handleMouseEnter}\n            onMouseLeave={this.handleMouseLeave}\n          >\n            <div class=\"input-content\">\n              {this.showLeadingIcon && (\n                <span class=\"leading-icon material-symbols-outlined\">\n                  {this.leadingIcon}\n                </span>\n              )}\n              {this.prefixText && <span class=\"prefix-text\">{this.prefixText}</span>}\n              <input\n                ref={(el) => (this.inputEl = el)}\n                type=\"number\"\n                name={this.name}\n                value={this.currentValue ?? ''}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                required={this.required}\n                class={`input-element ${textColorClass}`}\n                onInput={this.handleInputChange}\n                onFocus={this.handleInputFocus}\n                onBlur={this.handleInputBlur}\n                min={this.min ?? undefined}\n                max={this.max ?? undefined}\n                step={this.step}\n              />\n              {this.suffixText && <span class=\"suffix-text\">{this.suffixText}</span>}\n              <bh-button-icon\n                hierarchy=\"tertiary\"\n                size=\"xs\"\n                iconName=\"remove\"\n                disabled={isDecrementDisabled}\n                onClick={this.decrement}\n                aria-label=\"Decrease value\"\n              />\n              <bh-button-icon\n                hierarchy=\"tertiary\"\n                size=\"xs\"\n                iconName=\"add\"\n                disabled={isIncrementDisabled}\n                onClick={this.increment}\n                aria-label=\"Increase value\"\n              />\n            </div>\n          </div>\n        </bh-label>\n        {this.showHintText && displayHintText && (\n          <div class={{ 'hint-text': true, 'hint-error': showError }}>\n            {displayHintText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-input-password.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-password.entry.esm.js","sources":["src/components/bh-input-password/bh-input-password.css?tag=bh-input-password&encapsulation=shadow","src/components/bh-input-password/bh-input-password.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--font-inter, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);\n}\n\n/* Input Wrapper */\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm, 8px);\n  width: 100%;\n}\n\n/* Input Container */\n.input-container {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md, 12px);\n  padding: var(--spacing-md, 12px);\n  height: 36px;\n  width: 100%;\n  background: var(--color-white, #FFFFFF);\n  border: 1px solid var(--color-neutral-300, #D0D5DD);\n  border-radius: var(--spacing-md, 8px);\n  transition: all 0.2s ease-in-out;\n  cursor: text;\n  box-sizing: border-box;\n}\n\n.input-container.input-container-with-leading {\n  padding: var(--spacing-md, 12px) var(--spacing-lg, 16px);\n}\n\n/* Input States */\n.input-container.input-container-hover {\n  border-color: var(--color-brand-500, #7F56D9);\n}\n\n.input-container.input-container-focused {\n  border-color: var(--color-brand-500, #7F56D9);\n  box-shadow: 0 0 0 1px var(--color-brand-500, #7F56D9);\n}\n\n.input-container.input-container-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  background: var(--color-neutral-50, #F9FAFB);\n}\n\n.input-container.input-container-error {\n  border-color: var(--color-error-300, #FDA29B);\n}\n\n.input-container.input-container-error.input-container-hover {\n  border-color: var(--color-error-500, #F05250);\n}\n\n.input-container.input-container-error.input-container-focused {\n  border-color: var(--color-brand-600, #6941C6);\n}\n\n/* Input Content */\n.input-content {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md, 12px);\n  flex: 1;\n  height: 100%;\n  min-width: 0;\n}\n\n/* Input Element */\n.input-element {\n  flex: 1;\n  height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: var(--text-sm-size, 14px);\n  line-height: 1.43;\n  color: var(--color-neutral-800, #1D2939);\n  min-width: 60px;\n  padding: 0;\n}\n\n.input-element:focus {\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.input-element::placeholder {\n  color: var(--color-neutral-500, #667085);\n}\n\n.input-element:disabled {\n  cursor: not-allowed;\n}\n\n/* Leading Icon */\n.leading-icon {\n  font-size: var(--text-xl-size, 20px);\n  color: var(--color-neutral-500, #667085);\n  user-select: none;\n  flex-shrink: 0;\n  cursor: default;\n  transition: color 0.2s ease-in-out;\n}\n\n.input-container-focused .leading-icon {\n  color: var(--color-brand-600, #6941C6);\n}\n\n/* Visibility Toggle */\n.visibility-toggle {\n  font-size: var(--text-xl-size, 20px);\n  color: var(--color-neutral-400, #98A2B3);\n  cursor: pointer;\n  user-select: none;\n  flex-shrink: 0;\n  transition: color 0.2s ease-in-out;\n}\n\n.visibility-toggle:hover {\n  color: var(--color-neutral-600, #475467);\n}\n\n.input-container-disabled .visibility-toggle {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* Hint Text */\n.hint-text {\n  font-family: inherit;\n  font-weight: 400;\n  font-size: var(--text-sm-size, 14px);\n  line-height: 1.43;\n  color: var(--color-neutral-600, #475467);\n}\n\n.hint-text.hint-error {\n  color: var(--color-error-600, #DC2626);\n}\n\n/* Material Symbols */\n.material-symbols-outlined {\n  font-family: 'Material Symbols Outlined';\n  font-weight: normal;\n  font-style: normal;\n  font-size: 20px;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased;\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, AttachInternals } from '@stencil/core';\nimport { syncFormValue, updateValidity } from '../../utils/form';\n\n@Component({\n  tag: 'bh-input-password',\n  styleUrl: 'bh-input-password.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class BhInputPassword {\n  @AttachInternals() internals!: ElementInternals;\n\n  private inputEl?: HTMLInputElement;\n  /**\n   * The label for the input\n   */\n  @Prop() label: string = 'Password';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string = 'Enter your password';\n\n  /**\n   * Hint text shown below the input\n   */\n  @Prop() hintText: string = '';\n\n  /**\n   * Whether to show the label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Whether to show the help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Whether to show a leading icon\n   */\n  @Prop() showLeadingIcon: boolean = true;\n\n  /**\n   * Whether the field has an error\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the field is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Tooltip text for the help icon\n   */\n  @Prop() helpIconTooltip: string = 'Password requirements';\n\n  /**\n   * Leading icon name (Material Symbols)\n   */\n  @Prop() leadingIcon: string = 'lock';\n\n  /**\n   * The input value\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Name attribute for form submission\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Default value for form reset\n   */\n  @Prop() defaultValue: string = '';\n\n  /**\n   * Custom validation message\n   */\n  @Prop() validationMessage: string = '';\n\n  /**\n   * Track focus state\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Track hover state\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Track password visibility\n   */\n  @State() showPassword: boolean = false;\n\n  \n  /**\n   * Emitted when the value changes\n   */\n  @Event() bhInput!: EventEmitter<string>;\n\n  /**\n   * Emitted when the input gains focus\n   */\n  @Event() bhFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input loses focus\n   */\n  @Event() bhBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  /**\n   * Emitted when visibility is toggled\n   */\n  @Event() bhVisibilityToggle!: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n  }\n\n  formResetCallback() {\n    this.value = this.defaultValue;\n    if (this.inputEl) {\n      this.inputEl.value = this.defaultValue;\n    }\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl);\n  }\n\n  private handleInput = (event: Event): void => {\n    const target = event.target as HTMLInputElement;\n    this.value = target.value;\n    this.bhInput.emit(this.value);\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n  };\n\n  private handleFocus = (): void => {\n    this.isFocused = true;\n    this.bhFocus.emit();\n  };\n\n  private handleBlur = (): void => {\n    this.isFocused = false;\n    this.bhBlur.emit();\n  };\n\n  private handleMouseEnter = (): void => {\n    if (!this.isFocused) {\n      this.isHovered = true;\n    }\n  };\n\n  private handleMouseLeave = (): void => {\n    this.isHovered = false;\n  };\n\n  private togglePasswordVisibility = (): void => {\n    if (!this.disabled) {\n      this.showPassword = !this.showPassword;\n      this.bhVisibilityToggle.emit(this.showPassword);\n    }\n  };\n\n  private handleHelpClick = (): void => {\n    this.bhHelpClick.emit();\n  };\n\n  render() {\n    const containerClasses = {\n      'input-container': true,\n      'input-container-focused': this.isFocused,\n      'input-container-hover': this.isHovered && !this.isFocused,\n      'input-container-error': this.error,\n      'input-container-disabled': this.disabled,\n      'input-container-with-leading': this.showLeadingIcon,\n    };\n\n    return (\n      <div class=\"input-wrapper\" part=\"wrapper\">\n        <bh-label\n          label={this.showLabel ? this.label : ''}\n          required={this.required}\n          showHelpIcon={this.showHelpIcon}\n          helpIconTooltip={this.helpIconTooltip}\n          disabled={this.disabled}\n          onBhHelpClick={this.handleHelpClick}\n        >\n          <div\n            class={containerClasses}\n            onMouseEnter={this.handleMouseEnter}\n            onMouseLeave={this.handleMouseLeave}\n          >\n            <div class=\"input-content\">\n              {this.showLeadingIcon && (\n                <span class=\"material-symbols-outlined leading-icon\">\n                  {this.leadingIcon}\n                </span>\n              )}\n              <input\n                ref={(el) => (this.inputEl = el)}\n                type={this.showPassword ? 'text' : 'password'}\n                class=\"input-element\"\n                name={this.name}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                required={this.required}\n                aria-label={this.label}\n                aria-describedby={this.showHintText && this.hintText ? 'hint-text' : undefined}\n                aria-invalid={String(this.error)}\n                onInput={this.handleInput}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                part=\"input\"\n              />\n            </div>\n            <span\n              class=\"material-symbols-outlined visibility-toggle\"\n              onClick={this.togglePasswordVisibility}\n              title={this.showPassword ? 'Hide password' : 'Show password'}\n            >\n              {this.showPassword ? 'visibility_off' : 'visibility'}\n            </span>\n          </div>\n        </bh-label>\n\n        {this.showHintText && this.hintText && (\n          <div\n            class={{ 'hint-text': true, 'hint-error': this.error }}\n            id=\"hint-text\"\n          >\n            {this.hintText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-input-text.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-text.entry.esm.js","sources":["src/components/bh-input-text/bh-input-text.css?tag=bh-input-text&encapsulation=shadow","src/components/bh-input-text/bh-input-text.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(\n    --font-inter,\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif\n  );\n}\n\n/* Input Wrapper */\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm, 8px);\n  width: 100%;\n}\n\n/* Input Container */\n.input-container {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md, 12px);\n  padding: var(--spacing-md, 12px);\n  height: 36px;\n  width: 100%;\n  background: var(--color-white, #ffffff);\n  border: 1px solid var(--color-neutral-300, #d0d5dd);\n  border-radius: var(--spacing-md, 8px);\n  transition: all 0.2s ease-in-out;\n  cursor: text;\n  box-sizing: border-box;\n}\n\n.input-container.input-container-with-leading {\n  padding: var(--spacing-md, 12px) var(--spacing-lg, 16px);\n}\n\n/* Input States */\n.input-container.input-container-hover {\n  border-color: var(--color-brand-500, #7f56d9);\n}\n\n.input-container.input-container-focused {\n  border-color: var(--color-brand-500, #7f56d9);\n  box-shadow: 0 0 0 1px var(--color-brand-500, #7f56d9);\n}\n\n.input-container.input-container-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  background: var(--color-neutral-50, #f9fafb);\n}\n\n.input-container.input-container-error {\n  border-color: var(--color-error-300, #fda29b);\n}\n\n.input-container.input-container-error.input-container-hover {\n  border-color: var(--color-error-500, #f05250);\n}\n\n.input-container.input-container-error.input-container-focused {\n  border-color: var(--color-brand-600, #6941c6);\n}\n\n/* Input Content */\n.input-content {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md, 12px);\n  flex: 1;\n  height: 100%;\n  min-width: 0;\n}\n\n/* Input Element */\n.input-element {\n  flex: 1;\n  height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: var(--text-sm-size, 14px);\n  line-height: 1.43;\n  color: var(--color-neutral-800, #1d2939);\n  min-width: 60px;\n  padding: 0;\n}\n\n.input-element:focus {\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.input-element::placeholder {\n  color: var(--color-neutral-500, #667085);\n}\n\n.input-element:disabled {\n  cursor: not-allowed;\n}\n\n/* Icons */\n.leading-icon,\n.trailing-icon {\n  font-size: var(--text-xl-size, 20px);\n  color: var(--color-neutral-500, #667085);\n  user-select: none;\n  flex-shrink: 0;\n  cursor: default;\n  transition: color 0.2s ease-in-out;\n}\n\n.input-container-focused .leading-icon,\n.input-container-focused .trailing-icon {\n  color: var(--color-brand-600, #6941c6);\n}\n\n/* Hint Text */\n.hint-text {\n  font-family: inherit;\n  font-weight: 400;\n  font-size: var(--text-sm-size, 14px);\n  line-height: 1.43;\n  color: var(--color-neutral-600, #475467);\n}\n\n.hint-text.hint-error {\n  color: var(--color-error-600, #dc2626);\n}\n\n/* Material Symbols */\n.material-symbols-outlined {\n  font-family: 'Material Symbols Outlined';\n  font-weight: normal;\n  font-style: normal;\n  font-size: 20px;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased;\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, AttachInternals } from '@stencil/core';\nimport { syncFormValue, updateValidity } from '../../utils/form';\n\n@Component({\n  tag: 'bh-input-text',\n  styleUrl: 'bh-input-text.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class BhInputText {\n  @AttachInternals() internals!: ElementInternals;\n\n  private inputEl?: HTMLInputElement;\n  /**\n   * The label for the input\n   */\n  @Prop() label: string = 'Email';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string = 'fujiwara@act-hq.com';\n\n  /**\n   * Hint text shown below the input\n   */\n  @Prop() hintText: string = '';\n\n  /**\n   * Whether to show the label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Whether to show the help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Whether to show a leading icon\n   */\n  @Prop() showLeadingIcon: boolean = false;\n\n  /**\n   * Whether to show a trailing icon\n   */\n  @Prop() showTrailingIcon: boolean = false;\n\n  /**\n   * Whether the field has an error\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the field is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Tooltip text for the help icon\n   */\n  @Prop() helpIconTooltip: string = 'Help';\n\n  /**\n   * Leading icon name (Material Symbols)\n   */\n  @Prop() leadingIcon: string = 'mail';\n\n  /**\n   * Trailing icon name (Material Symbols)\n   */\n  @Prop() trailingIcon: string = 'search';\n\n  /**\n   * The input value\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Name attribute for form submission\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Default value for form reset\n   */\n  @Prop() defaultValue: string = '';\n\n  /**\n   * Custom validation message\n   */\n  @Prop() validationMessage: string = '';\n\n  /**\n   * Input type (text, email, tel, url, etc.)\n   */\n  @Prop() type: string = 'text';\n\n  /**\n   * Width of the input (e.g., '100%', '200px')\n   */\n  @Prop() width: string = '';\n\n  /**\n   * Whether the input is read-only\n   */\n  @Prop() readOnly: boolean = false;\n\n  /**\n   * Visual state of the input (for programmatic control)\n   */\n  @Prop() state: 'default' | 'error' | 'disabled' | 'focus' | 'filled' | 'hover' = 'default';\n\n  /**\n   * Track focus state\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Track hover state\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Emitted when the value changes\n   */\n  @Event() bhInput!: EventEmitter<string>;\n\n  /**\n   * Emitted when the input gains focus\n   */\n  @Event() bhFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input loses focus\n   */\n  @Event() bhBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  private handleInput = (event: Event): void => {\n    const target = event.target as HTMLInputElement;\n    this.value = target.value;\n    this.bhInput.emit(this.value);\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n  };\n\n  componentDidLoad() {\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n  }\n\n  formResetCallback() {\n    this.value = this.defaultValue;\n    if (this.inputEl) {\n      this.inputEl.value = this.defaultValue;\n    }\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl);\n  }\n\n  private handleFocus = (): void => {\n    this.isFocused = true;\n    this.bhFocus.emit();\n  };\n\n  private handleBlur = (): void => {\n    this.isFocused = false;\n    this.bhBlur.emit();\n  };\n\n  private handleMouseEnter = (): void => {\n    if (!this.isFocused) {\n      this.isHovered = true;\n    }\n  };\n\n  private handleMouseLeave = (): void => {\n    this.isHovered = false;\n  };\n\n  private handleHelpClick = (): void => {\n    this.bhHelpClick.emit();\n  };\n\n  render() {\n    const containerClasses = {\n      'input-container': true,\n      'input-container-focused': this.isFocused,\n      'input-container-hover': this.isHovered && !this.isFocused,\n      'input-container-error': this.error,\n      'input-container-disabled': this.disabled,\n      'input-container-with-leading': this.showLeadingIcon,\n    };\n\n    const wrapperStyle = this.width ? { width: this.width } : {};\n\n    return (\n      <div class=\"input-wrapper\" part=\"wrapper\" style={wrapperStyle}>\n        <bh-label\n          label={this.showLabel ? this.label : ''}\n          required={this.required}\n          showHelpIcon={this.showHelpIcon}\n          helpIconTooltip={this.helpIconTooltip}\n          disabled={this.disabled}\n          onBhHelpClick={this.handleHelpClick}\n        >\n          <div\n            class={containerClasses}\n            onMouseEnter={this.handleMouseEnter}\n            onMouseLeave={this.handleMouseLeave}\n          >\n            <div class=\"input-content\">\n              {this.showLeadingIcon && (\n                <span class=\"material-symbols-outlined leading-icon\">\n                  {this.leadingIcon}\n                </span>\n              )}\n              <input\n                ref={(el) => (this.inputEl = el)}\n                type={this.type}\n                class=\"input-element\"\n                name={this.name}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                readOnly={this.readOnly}\n                required={this.required}\n                aria-label={this.label}\n                aria-describedby={\n                  this.showHintText && this.hintText ? 'hint-text' : undefined\n                }\n                aria-invalid={String(this.error)}\n                onInput={this.handleInput}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                part=\"input\"\n              />\n              {this.showTrailingIcon && (\n                <span class=\"material-symbols-outlined trailing-icon\">\n                  {this.trailingIcon}\n                </span>\n              )}\n            </div>\n          </div>\n        </bh-label>\n\n        {this.showHintText && this.hintText && (\n          <div\n            class={{ 'hint-text': true, 'hint-error': this.error }}\n            id=\"hint-text\"\n          >\n            {this.hintText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-input-verification.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-verification.entry.esm.js","sources":["src/components/bh-input-verification/bh-input-verification.css?tag=bh-input-verification&encapsulation=shadow","src/components/bh-input-verification/bh-input-verification.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.input-verification-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm);\n  width: fit-content;\n}\n\n.input-verification-container {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-sm);\n}\n\n.verification-input {\n  width: 64px;\n  height: 64px;\n  padding: 0;\n  border: 1px solid var(--color-neutral-300);\n  border-radius: var(--radius-lg);\n  background-color: var(--color-white);\n  font-family: var(--font-inter);\n  font-size: 3rem;\n  font-weight: var(--weight-medium);\n  line-height: 1;\n  color: var(--color-neutral-900);\n  transition: all 150ms ease;\n  outline: none;\n  box-sizing: border-box;\n}\n\n/* Size variants */\n.verification-input.size-sm {\n  width: 64px;\n  height: 64px;\n  font-size: 3rem;\n  border-radius: var(--radius-lg);\n  padding: var(--spacing-xl) var(--spacing-md);\n}\n\n.verification-input.size-md {\n  width: 80px;\n  height: 80px;\n  font-size: 3rem;\n  border-radius: var(--radius-lg);\n  padding: var(--spacing-2xl) var(--spacing-3xl);\n}\n\n.verification-input.size-lg {\n  width: 96px;\n  height: 96px;\n  font-size: 3.75rem;\n  border-radius: var(--radius-lg);\n  padding: var(--spacing-3xl) var(--spacing-4xl);\n}\n\n/* States */\n.verification-input:hover:not(:disabled) {\n  border-color: var(--color-neutral-400);\n}\n\n.verification-input:focus {\n  border-color: var(--color-brand-300);\n  box-shadow: 0 0 0 4px var(--color-brand-100);\n}\n\n.verification-input.error {\n  border-color: var(--color-error-300);\n}\n\n.verification-input.error:focus {\n  border-color: var(--color-error-300);\n  box-shadow: 0 0 0 4px var(--color-error-100);\n}\n\n.verification-input:disabled {\n  background-color: var(--color-neutral-50);\n  border-color: var(--color-neutral-300);\n  color: var(--color-neutral-400);\n  cursor: not-allowed;\n}\n\n.separator {\n  font-family: var(--font-inter);\n  font-size: 1.5rem;\n  font-weight: var(--weight-medium);\n  color: var(--color-neutral-400);\n  margin: 0 var(--spacing-xs);\n  line-height: 1;\n}\n\n.separator.size-sm {\n  font-size: 1.5rem;\n}\n\n.separator.size-md {\n  font-size: 1.5rem;\n}\n\n.separator.size-lg {\n  font-size: 1.875rem;\n}\n\n.hint-text {\n  font-family: var(--font-inter);\n  font-size: var(--text-sm-size);\n  font-weight: var(--weight-regular);\n  line-height: var(--text-sm-line);\n  color: var(--color-neutral-600);\n  margin-top: var(--spacing-xs);\n}\n\n.hint-text.error {\n  color: var(--color-error-600);\n}\n\n.verification-input::placeholder {\n  color: var(--color-neutral-400);\n  opacity: 1;\n  font-size: inherit;\n  font-weight: var(--weight-regular);\n}\n","import { Component, Prop, State, Event, EventEmitter, Element, h, Watch } from '@stencil/core';\n\nexport type InputVerificationSize = 'sm' | 'md' | 'lg';\nexport type InputVerificationDigits = 4 | 6;\n\n@Component({\n  tag: 'bh-input-verification',\n  styleUrl: 'bh-input-verification.css',\n  shadow: true,\n})\nexport class BhInputVerification {\n  @Element() el!: HTMLElement;\n\n  /**\n   * Size variant of the input fields\n   */\n  @Prop() size: InputVerificationSize = 'md';\n\n  /**\n   * Number of digits (4 or 6)\n   */\n  @Prop() digits: InputVerificationDigits = 4;\n\n  /**\n   * Label text for the input\n   */\n  @Prop() label: string = 'Secure code';\n\n  /**\n   * Whether to show the label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Hint text displayed below the inputs\n   */\n  @Prop() hintText: string = 'This is a hint text to help user.';\n\n  /**\n   * Whether to show the hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Whether the input is in an error state\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the field is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether to show the separator for 6-digit codes\n   */\n  @Prop() showSeparator: boolean = true;\n\n  /**\n   * Placeholder character for empty inputs\n   */\n  @Prop() placeholder: string = '';\n\n  /**\n   * Width of the component\n   */\n  @Prop() width: string = '';\n\n  /**\n   * Current value of the verification code\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  @State() values: string[] = [];\n  @State() inputRefs: HTMLInputElement[] = [];\n\n  /**\n   * Event emitted when the value changes\n   */\n  @Event() bhChange!: EventEmitter<string>;\n\n  /**\n   * Event emitted when all digits are filled\n   */\n  @Event() bhComplete!: EventEmitter<string>;\n\n  @Watch('value')\n  watchValue(newValue: string) {\n    const newValues = newValue.split('').concat(Array(this.digits).fill('')).slice(0, this.digits);\n    this.values = newValues;\n  }\n\n  @Watch('digits')\n  watchDigits() {\n    this.values = Array(this.digits).fill('');\n  }\n\n  componentWillLoad() {\n    this.values = this.value\n      ? this.value.split('').concat(Array(this.digits).fill('')).slice(0, this.digits)\n      : Array(this.digits).fill('');\n  }\n\n  componentDidLoad() {\n    // Focus first input on mount if not disabled\n    if (!this.disabled) {\n      const firstInput = this.el.shadowRoot?.querySelector('input');\n      firstInput?.focus();\n    }\n  }\n\n  private updateValues(newValues: string[]) {\n    this.values = newValues;\n    const newValue = newValues.join('');\n    this.value = newValue;\n    this.bhChange.emit(newValue);\n\n    // Check if all fields are filled\n    if (newValues.every(val => val !== '')) {\n      this.bhComplete.emit(newValue);\n    }\n  }\n\n  private handleInputChange(index: number, event: Event) {\n    const input = event.target as HTMLInputElement;\n    const inputValue = input.value;\n\n    // Only allow single digits\n    const digit = inputValue.replace(/\\D/g, '').slice(-1);\n\n    const newValues = [...this.values];\n    newValues[index] = digit;\n    this.updateValues(newValues);\n\n    // Auto-advance to next input if digit entered\n    if (digit && index < this.digits - 1) {\n      const nextInput = this.el.shadowRoot?.querySelectorAll('input')[index + 1];\n      nextInput?.focus();\n    }\n  }\n\n  private handleKeyDown(index: number, event: KeyboardEvent) {\n    if (event.key === 'Backspace') {\n      event.preventDefault();\n      const newValues = [...this.values];\n\n      if (this.values[index]) {\n        // Clear current field\n        newValues[index] = '';\n        this.updateValues(newValues);\n      } else if (index > 0) {\n        // Move to previous field and clear it\n        newValues[index - 1] = '';\n        this.updateValues(newValues);\n        const prevInput = this.el.shadowRoot?.querySelectorAll('input')[index - 1];\n        prevInput?.focus();\n      }\n    } else if (event.key === 'ArrowLeft' && index > 0) {\n      event.preventDefault();\n      const prevInput = this.el.shadowRoot?.querySelectorAll('input')[index - 1];\n      prevInput?.focus();\n    } else if (event.key === 'ArrowRight' && index < this.digits - 1) {\n      event.preventDefault();\n      const nextInput = this.el.shadowRoot?.querySelectorAll('input')[index + 1];\n      nextInput?.focus();\n    } else if (event.key >= '0' && event.key <= '9') {\n      event.preventDefault();\n      const newValues = [...this.values];\n      newValues[index] = event.key;\n      this.updateValues(newValues);\n\n      // Auto-advance to next input\n      if (index < this.digits - 1) {\n        const nextInput = this.el.shadowRoot?.querySelectorAll('input')[index + 1];\n        nextInput?.focus();\n      }\n    }\n  }\n\n  private handlePaste(event: ClipboardEvent) {\n    event.preventDefault();\n\n    const pastedText = event.clipboardData?.getData('text') || '';\n    const pastedDigits = pastedText.replace(/\\D/g, '').slice(0, this.digits);\n\n    if (pastedDigits) {\n      const newValues = pastedDigits.split('').concat(Array(this.digits).fill('')).slice(0, this.digits);\n      this.updateValues(newValues);\n\n      // Focus on the next empty input or last input\n      const nextEmptyIndex = newValues.findIndex(val => val === '');\n      const focusIndex = nextEmptyIndex === -1 ? this.digits - 1 : Math.min(nextEmptyIndex, this.digits - 1);\n      const inputToFocus = this.el.shadowRoot?.querySelectorAll('input')[focusIndex];\n      inputToFocus?.focus();\n    }\n  }\n\n  private handleFocus(event: Event) {\n    const input = event.target as HTMLInputElement;\n    input.select();\n  }\n\n  private renderInputs() {\n    const inputs = [];\n\n    for (let i = 0; i < this.digits; i++) {\n      // Add separator for 6-digit codes\n      if (this.digits === 6 && i === 3 && this.showSeparator) {\n        inputs.push(\n          <span key=\"separator\" class={{ 'separator': true, [`size-${this.size}`]: true }}>\n            -\n          </span>\n        );\n      }\n\n      inputs.push(\n        <input\n          key={i}\n          type=\"text\"\n          inputmode=\"numeric\"\n          pattern=\"[0-9]\"\n          maxLength={1}\n          value={this.values[i] || ''}\n          placeholder={this.placeholder && i < this.placeholder.length ? this.placeholder[i] : ''}\n          disabled={this.disabled}\n          class={{\n            'verification-input': true,\n            [`size-${this.size}`]: true,\n            'error': this.error,\n          }}\n          onInput={(e) => this.handleInputChange(i, e)}\n          onKeyDown={(e) => this.handleKeyDown(i, e)}\n          onPaste={(e) => this.handlePaste(e)}\n          onFocus={(e) => this.handleFocus(e)}\n          aria-label={`Digit ${i + 1} of ${this.digits}`}\n        />\n      );\n    }\n\n    return inputs;\n  }\n\n  render() {\n    const wrapperStyle = this.width ? { width: this.width } : {};\n\n    return (\n      <div class=\"input-verification-wrapper\" style={wrapperStyle}>\n        <bh-label\n          label={this.showLabel ? this.label : ''}\n          required={this.required}\n          disabled={this.disabled}\n        >\n          <div class=\"input-verification-container\">\n            {this.renderInputs()}\n          </div>\n        </bh-label>\n\n        {this.showHintText && this.hintText && (\n          <div class={{ 'hint-text': true, 'error': this.error }}>\n            {this.hintText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/bellhop-core/bh-label.bh-tooltip.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-label.bh-tooltip.entry.esm.js","sources":["src/components/bh-tooltip/bh-tooltip.css?tag=bh-tooltip&encapsulation=shadow","src/components/bh-tooltip/bh-tooltip.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-TOOLTIP COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n}\n\n.tooltip {\n  position: absolute;\n  z-index: 10000;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n  white-space: nowrap;\n}\n\n.tooltip-visible {\n  opacity: 1;\n}\n\n.tooltip-content {\n  background-color: var(--color-neutral-900);\n  color: var(--color-white);\n  font-family: var(--font-inter);\n  font-weight: var(--weight-semibold);\n  font-size: 12px;\n  line-height: 1.5em;\n  padding: 8px 12px;\n  border-radius: 8px;\n  box-shadow: var(--shadow-popover);\n  position: relative;\n}\n\n/* Position variants */\n.tooltip-top {\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-bottom: 6px;\n}\n\n.tooltip-bottom {\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-top: 6px;\n}\n\n.tooltip-left {\n  right: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  margin-right: 6px;\n}\n\n.tooltip-right {\n  left: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  margin-left: 6px;\n}\n\n/* Multiline support */\n.tooltip.multiline {\n  white-space: normal;\n}\n\n.tooltip.multiline .tooltip-content {\n  max-width: 240px;\n}\n\n/* Icon variant - positioning adjustments for tooltips on icons */\n.tooltip-icon.tooltip-top {\n  margin-bottom: 4px;\n}\n\n.tooltip-icon.tooltip-bottom {\n  margin-top: 4px;\n}\n\n.tooltip-icon.tooltip-left {\n  margin-right: 4px;\n}\n\n.tooltip-icon.tooltip-right {\n  margin-left: 4px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type TooltipVariant = 'default' | 'icon';\n\n@Component({\n  tag: 'bh-tooltip',\n  styleUrl: 'bh-tooltip.css',\n  shadow: true,\n})\nexport class BhTooltip {\n  /**\n   * The tooltip text content\n   */\n  @Prop() text: string = '';\n\n  /**\n   * Position of the tooltip relative to its target\n   */\n  @Prop() position: TooltipPosition = 'top';\n\n  /**\n   * Variant of the tooltip (default or icon)\n   */\n  @Prop() variant: TooltipVariant = 'default';\n\n  /**\n   * Whether the tooltip is visible\n   */\n  @Prop() visible: boolean = false;\n\n  /**\n   * Maximum width in pixels (enables multiline if > 240)\n   */\n  @Prop() maxWidth?: number;\n\n  render() {\n    const tooltipClasses = {\n      'tooltip': true,\n      [`tooltip-${this.position}`]: true,\n      [`tooltip-${this.variant}`]: true,\n      'tooltip-visible': this.visible,\n      'multiline': this.maxWidth !== undefined && this.maxWidth > 240,\n    };\n\n    const tooltipStyles = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};\n\n    return (\n      <div class={tooltipClasses} style={tooltipStyles} role=\"tooltip\" part=\"tooltip\">\n        <div class=\"tooltip-content\">{this.text}</div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,YAAY,GAAG,ggCAAggC;;MCUxgC,SAAS,GAAA,MAAA;;;;AACpB;;AAEG;IACK,IAAI,GAAW,EAAE;AAEzB;;AAEG;IACK,QAAQ,GAAoB,KAAK;AAEzC;;AAEG;IACK,OAAO,GAAmB,SAAS;AAE3C;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;AACK,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,CAAC,WAAW,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAClC,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;YACjC,iBAAiB,EAAE,IAAI,CAAC,OAAO;YAC/B,WAAW,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG;SAChE;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAG,EAAA,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;QAE7E,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,EAC7E,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,IAAI,CAAO,CAC1C;;;;;;;"}

package/bellhop-core/bh-modal-actions.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-modal-actions.entry.esm.js","sources":["src/components/bh-modal-actions/bh-modal-actions.css?tag=bh-modal-actions&encapsulation=shadow","src/components/bh-modal-actions/bh-modal-actions.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.modal-actions {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--spacing-none, 0px);\n  padding-top: var(--spacing-3xl, 24px);\n  width: 100%;\n}\n\n.divider {\n  height: 1px;\n  width: 100%;\n  flex-shrink: 0;\n  background-color: var(--color-border-secondary, #dcdfea);\n  margin-bottom: var(--spacing-3xl, 24px);\n}\n\n.modal-actions-content {\n  display: flex;\n  gap: var(--spacing-lg, 12px);\n  padding: 0 var(--spacing-3xl, 24px);\n  padding-bottom: var(--spacing-3xl, 24px);\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Full width buttons layout */\n.modal-actions-content--fill {\n  flex-direction: row;\n  align-items: stretch;\n}\n\n.modal-actions-content--fill bh-button {\n  flex: 1;\n  display: block;\n  width: 100%;\n}\n\n.modal-actions-content--fill bh-button::part(button) {\n  width: 100%;\n}\n\n.modal-actions-content--fill .btn-destructive {\n  flex: 1;\n}\n\n/* Right-aligned layout with optional left content */\n.modal-actions-content--right {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.actions-left {\n  display: flex;\n  gap: var(--spacing-lg, 12px);\n  align-items: center;\n}\n\n.actions-right {\n  display: flex;\n  gap: var(--spacing-lg, 12px);\n  align-items: center;\n  justify-content: flex-end;\n}\n\n/* Mobile responsive: stack buttons vertically */\n@media (max-width: 480px) {\n  .modal-actions-content--fill {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .modal-actions-content--fill bh-button,\n  .modal-actions-content--fill .btn-destructive {\n    flex: none;\n    width: 100%;\n  }\n\n  /* Reverse order on mobile so primary is first */\n  .modal-actions-content--fill {\n    flex-direction: column-reverse;\n  }\n}\n\n/* Destructive button styles */\n.btn-destructive {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--button-content-gap, 4px);\n  height: 40px;\n  padding: 0 var(--button-padding-x, 12px);\n  background-color: var(--color-bg-error, #d6341f);\n  color: var(--color-fg-white, #ffffff);\n  border: none;\n  border-radius: var(--radius-md, 8px);\n  font-family: var(--font-family-body, 'Inter', sans-serif);\n  font-weight: var(--weight-semibold, 600);\n  font-size: var(--button-font-size, 14px);\n  line-height: var(--text-sm-line-height, 20px);\n  letter-spacing: var(--letter-spacing-normal, 0px);\n  cursor: pointer;\n  overflow: hidden;\n  transition: background-color 0.15s ease;\n}\n\n.btn-destructive:hover {\n  background-color: var(--color-bg-error-hover, #b82d1a);\n}\n\n.btn-destructive:focus-visible {\n  outline: 2px solid var(--color-bg-error, #d6341f);\n  outline-offset: 2px;\n}\n\n.btn-destructive:active {\n  background-color: var(--color-bg-error-active, #9a2515);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type ModalActionsType = 'fill' | 'right-aligned';\n\n@Component({\n  tag: 'bh-modal-actions',\n  styleUrl: 'bh-modal-actions.css',\n  shadow: true,\n})\nexport class BhModalActions {\n  /**\n   * Layout type for the actions:\n   * - 'fill': Buttons take full width\n   * - 'right-aligned': Buttons aligned to the right with optional left content slot\n   */\n  @Prop() type: ModalActionsType = 'fill';\n\n  /**\n   * Whether to show destructive styling on primary button\n   */\n  @Prop() destructive: boolean = false;\n\n  /**\n   * Primary/destructive action button label\n   */\n  @Prop() primaryLabel: string = 'Confirm';\n\n  /**\n   * Secondary action button label\n   */\n  @Prop() secondaryLabel: string = 'Cancel';\n\n  /**\n   * Whether to show the divider line above actions\n   */\n  @Prop() divider: boolean = false;\n\n  /**\n   * Emitted when the primary/destructive action button is clicked\n   */\n  @Event() bhPrimaryAction!: EventEmitter<void>;\n\n  /**\n   * Emitted when the secondary action button is clicked\n   */\n  @Event() bhSecondaryAction!: EventEmitter<void>;\n\n  private handlePrimaryAction = (): void => {\n    this.bhPrimaryAction.emit();\n  };\n\n  private handleSecondaryAction = (): void => {\n    this.bhSecondaryAction.emit();\n  };\n\n  private renderButtons() {\n    const isRightAligned = this.type === 'right-aligned';\n\n    const primaryButton = this.destructive ? (\n      <button\n        class=\"btn-destructive\"\n        onClick={this.handlePrimaryAction}\n        type=\"button\"\n      >\n        {this.primaryLabel}\n      </button>\n    ) : (\n      <bh-button\n        hierarchy=\"primary\"\n        icon=\"none\"\n        size=\"md\"\n        label={this.primaryLabel}\n        onBhClick={this.handlePrimaryAction}\n      />\n    );\n\n    const secondaryButton = (\n      <bh-button\n        hierarchy=\"secondary\"\n        icon=\"none\"\n        size=\"md\"\n        label={this.secondaryLabel}\n        onBhClick={this.handleSecondaryAction}\n      />\n    );\n\n    if (isRightAligned) {\n      return (\n        <div class=\"modal-actions-content modal-actions-content--right\">\n          <div class=\"actions-left\">\n            <slot name=\"left-content\" />\n          </div>\n          <div class=\"actions-right\">\n            {secondaryButton}\n            {primaryButton}\n          </div>\n        </div>\n      );\n    }\n\n    // Full width buttons (stacks vertically on mobile via CSS)\n    return (\n      <div class=\"modal-actions-content modal-actions-content--fill\">\n        {secondaryButton}\n        {primaryButton}\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"modal-actions\">\n          {this.divider && <div class=\"divider\" />}\n          {this.renderButtons()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,slEAAslE;;MCSnmE,cAAc,GAAA,MAAA;;;;;;AACzB;;;;AAIG;IACK,IAAI,GAAqB,MAAM;AAEvC;;AAEG;IACK,WAAW,GAAY,KAAK;AAEpC;;AAEG;IACK,YAAY,GAAW,SAAS;AAExC;;AAEG;IACK,cAAc,GAAW,QAAQ;AAEzC;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;AACM,IAAA,eAAe;AAExB;;AAEG;AACM,IAAA,iBAAiB;IAElB,mBAAmB,GAAG,MAAW;AACvC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;AAC7B,KAAC;IAEO,qBAAqB,GAAG,MAAW;AACzC,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;AAC/B,KAAC;IAEO,aAAa,GAAA;AACnB,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,KAAK,eAAe;AAEpD,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,IACpC,CACE,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,IAAI,EAAC,QAAQ,EAEZ,EAAA,IAAI,CAAC,YAAY,CACX,KAET,CACE,CAAA,WAAA,EAAA,EAAA,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,SAAS,EAAE,IAAI,CAAC,mBAAmB,EACnC,CAAA,CACH;AAED,QAAA,MAAM,eAAe,IACnB,CAAA,CAAA,WAAA,EAAA,EACE,SAAS,EAAC,WAAW,EACrB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAA,CACrC,CACH;QAED,IAAI,cAAc,EAAE;YAClB,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oDAAoD,EAAA,EAC7D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAG,CACxB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,eAAe,EACf,aAAa,CACV,CACF;;;AAKV,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mDAAmD,EAAA,EAC3D,eAAe,EACf,aAAa,CACV;;IAIV,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,IAAI,CAAC,OAAO,IAAI,4DAAK,KAAK,EAAC,SAAS,EAAG,CAAA,EACvC,IAAI,CAAC,aAAa,EAAE,CACjB,CACD;;;;;;;"}

package/bellhop-core/bh-modal-header.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-modal-header.entry.esm.js","sources":["src/components/bh-modal-header/bh-modal-header.css?tag=bh-modal-header&encapsulation=shadow","src/components/bh-modal-header/bh-modal-header.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--spacing-none, 0px);\n  width: 100%;\n}\n\n.modal-header {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--spacing-none, 0px);\n  width: 100%;\n  position: relative;\n}\n\n.modal-header--center {\n  align-items: center;\n}\n\n.modal-header--horizontal {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.modal-header-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--spacing-xl, 16px);\n  padding: var(--spacing-3xl, 24px);\n  padding-bottom: var(--spacing-none, 0px);\n  width: 100%;\n}\n\n.modal-header-content--center {\n  align-items: center;\n}\n\n.modal-header-content--horizontal {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.modal-text-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--spacing-xs, 4px);\n  width: 100%;\n  flex: 1;\n  min-width: 0;\n}\n\n.modal-text-content--center {\n  align-items: center;\n  text-align: center;\n}\n\n.modal-text-content--horizontal {\n  flex: 1;\n  min-width: 1px;\n  min-height: 1px;\n}\n\n.modal-title {\n  margin: 0;\n  font-family: var(--font-family-body, 'Inter', sans-serif);\n  font-weight: var(--weight-semibold, 600);\n  font-size: var(--text-lg-size, 18px);\n  line-height: var(--text-lg-line-height, 28px);\n  letter-spacing: var(--letter-spacing-normal, 0px);\n  color: var(--color-text-primary, #111322);\n  width: 100%;\n}\n\n.modal-description {\n  margin: 0;\n  font-family: var(--font-family-body, 'Inter', sans-serif);\n  font-weight: var(--weight-regular, 400);\n  font-size: var(--text-sm-size, 14px);\n  line-height: var(--text-sm-line-height, 20px);\n  letter-spacing: var(--letter-spacing-normal, 0px);\n  color: var(--color-text-tertiary, #4a5578);\n  width: 100%;\n}\n\n.close-button {\n  position: absolute;\n  top: var(--spacing-lg, 12px);\n  right: var(--spacing-lg, 12px);\n}\n\n.padding-bottom {\n  height: 20px;\n  width: 100%;\n  flex-shrink: 0;\n}\n\n.divider {\n  height: 1px;\n  width: 100%;\n  flex-shrink: 0;\n  background-color: var(--color-border-secondary, #dcdfea);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'bh-modal-header',\n  styleUrl: 'bh-modal-header.css',\n  shadow: true,\n})\nexport class BhModalHeader {\n  /**\n   * Modal title (required)\n   */\n  @Prop() modalTitle!: string;\n\n  /**\n   * Modal description/supporting text\n   */\n  @Prop() description?: string;\n\n  /**\n   * Icon name for the featured icon (Material Symbols)\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Color theme for the featured icon\n   */\n  @Prop() iconColor:\n    | 'brand'\n    | 'gray'\n    | 'error'\n    | 'warning'\n    | 'success'\n    | 'highlight' = 'success';\n\n  /**\n   * Whether to show the featured icon\n   */\n  @Prop() showIcon: boolean = true;\n\n  /**\n   * Whether to show the close button\n   */\n  @Prop() showCloseButton: boolean = true;\n\n  /**\n   * Header alignment type\n   */\n  @Prop() type: 'left-aligned' | 'center-aligned' | 'horizontal-left-aligned' =\n    'left-aligned';\n\n  /**\n   * Whether to show padding at the bottom\n   */\n  @Prop() paddingBottom: boolean = true;\n\n  /**\n   * Whether to show the divider line\n   */\n  @Prop() divider: boolean = false;\n\n  /**\n   * Emitted when the close button is clicked\n   */\n  @Event() bhClose!: EventEmitter<void>;\n\n  private handleClose = (): void => {\n    this.bhClose.emit();\n  };\n\n  render() {\n    const isHorizontal = this.type === 'horizontal-left-aligned';\n    const isCenter = this.type === 'center-aligned';\n\n    return (\n      <Host>\n        <div\n          class={{\n            'modal-header': true,\n            'modal-header--center': isCenter,\n            'modal-header--horizontal': isHorizontal,\n          }}\n        >\n          <div\n            class={{\n              'modal-header-content': true,\n              'modal-header-content--center': isCenter,\n              'modal-header-content--horizontal': isHorizontal,\n            }}\n          >\n            {this.showIcon && this.icon && (\n              <bh-featured-icon\n                icon={this.icon}\n                color={this.iconColor}\n                size=\"md\"\n                iconStyle=\"outlined\"\n              />\n            )}\n\n            <div\n              class={{\n                'modal-text-content': true,\n                'modal-text-content--center': isCenter,\n                'modal-text-content--horizontal': isHorizontal,\n              }}\n            >\n              <h3 class=\"modal-title\">{this.modalTitle}</h3>\n              {this.description && (\n                <p class=\"modal-description\">{this.description}</p>\n              )}\n            </div>\n          </div>\n\n          {this.showCloseButton && (\n            <bh-button-icon\n              class=\"close-button\"\n              hierarchy=\"quaternary\"\n              size=\"sm\"\n              iconName=\"close\"\n              ariaLabel=\"Close modal\"\n              onBhClick={this.handleClose}\n            />\n          )}\n        </div>\n\n        {this.paddingBottom && <div class=\"padding-bottom\" />}\n\n        {this.divider && <div class=\"divider\" />}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,kvDAAkvD;;MCO9vD,aAAa,GAAA,MAAA;;;;;AACxB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;AACK,IAAA,WAAW;AAEnB;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;IACK,SAAS,GAMC,SAAS;AAE3B;;AAEG;IACK,QAAQ,GAAY,IAAI;AAEhC;;AAEG;IACK,eAAe,GAAY,IAAI;AAEvC;;AAEG;IACK,IAAI,GACV,cAAc;AAEhB;;AAEG;IACK,aAAa,GAAY,IAAI;AAErC;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;AACM,IAAA,OAAO;IAER,WAAW,GAAG,MAAW;AAC/B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,KAAK,yBAAyB;AAC5D,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,gBAAgB;QAE/C,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,sBAAsB,EAAE,QAAQ;AAChC,gBAAA,0BAA0B,EAAE,YAAY;aACzC,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,IAAI;AAC5B,gBAAA,8BAA8B,EAAE,QAAQ;AACxC,gBAAA,kCAAkC,EAAE,YAAY;aACjD,EAAA,EAEA,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KACzB,CACE,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,UAAU,GACpB,CACH,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,oBAAoB,EAAE,IAAI;AAC1B,gBAAA,4BAA4B,EAAE,QAAQ;AACtC,gBAAA,gCAAgC,EAAE,YAAY;AAC/C,aAAA,EAAA,EAED,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAM,EAC7C,IAAI,CAAC,WAAW,KACf,0DAAG,KAAK,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAC,WAAW,CAAK,CACpD,CACG,CACF,EAEL,IAAI,CAAC,eAAe,KACnB,uEACE,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,aAAa,EACvB,SAAS,EAAE,IAAI,CAAC,WAAW,EAAA,CAC3B,CACH,CACG,EAEL,IAAI,CAAC,aAAa,IAAI,4DAAK,KAAK,EAAC,gBAAgB,EAAG,CAAA,EAEpD,IAAI,CAAC,OAAO,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,CAAG,CACnC;;;;;;;"}

package/bellhop-core/bh-modal.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-modal.entry.esm.js","sources":["src/components/bh-modal/bh-modal.css?tag=bh-modal&encapsulation=shadow","src/components/bh-modal/bh-modal.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-MODAL COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: block;\n}\n\n/* Modal wrapper - fixed positioning for modal dialog */\n.modal-wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--spacing-4xl, 32px);\n  z-index: 1000;\n}\n\n/* Backdrop overlay */\n.modal-overlay {\n  position: absolute;\n  inset: 0;\n  background: var(--color-bg-overlay, rgba(64, 73, 104, 0.7));\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n}\n\n/* Modal container */\n.modal {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  max-width: 400px;\n  background: var(--color-bg-primary, #ffffff);\n  border-radius: var(--radius-xl, 12px);\n  box-shadow:\n    0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n  overflow: hidden;\n  z-index: 1;\n}\n\n/* Responsive adjustments */\n@media (max-width: 480px) {\n  .modal-wrapper {\n    padding: var(--spacing-xl, 16px);\n  }\n\n  .modal {\n    max-width: 100%;\n  }\n}\n\n/* Animation for modal entry */\n@keyframes modalFadeIn {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes overlayFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.modal {\n  animation: modalFadeIn 0.2s ease-out;\n}\n\n.modal-overlay {\n  animation: overlayFadeIn 0.2s ease-out;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type ModalWidth = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\nconst MODAL_WIDTHS: Record<ModalWidth, string> = {\n  sm: '400px',\n  md: '480px',\n  lg: '520px',\n  xl: '640px',\n  xxl: '688px',\n};\n\n@Component({\n  tag: 'bh-modal',\n  styleUrl: 'bh-modal.css',\n  shadow: true,\n})\nexport class BhModal {\n  /**\n   * Whether the modal is visible\n   */\n  @Prop() visible: boolean = false;\n\n  /**\n   * Whether to show the backdrop overlay\n   */\n  @Prop() overlay: boolean = true;\n\n  /**\n   * Preset width of the modal: sm (400px), md (480px), lg (520px), xl (640px), xxl (688px)\n   */\n  @Prop() width: ModalWidth = 'sm';\n\n  /**\n   * Emitted when the modal is closed (overlay click or close button)\n   */\n  @Event() bhClose!: EventEmitter<void>;\n\n  private handleClose = (): void => {\n    this.bhClose.emit();\n  };\n\n  private handleOverlayClick = (event: MouseEvent): void => {\n    if (event.target === event.currentTarget) {\n      this.handleClose();\n    }\n  };\n\n  render() {\n    if (!this.visible) return null;\n\n    const modalClasses = {\n      'modal-wrapper': true,\n      'modal-with-overlay': this.overlay,\n    };\n\n    return (\n      <Host>\n        <div class={modalClasses} onClick={this.handleOverlayClick}>\n          {this.overlay && <div class=\"modal-overlay\" />}\n\n          <div class=\"modal\" style={{ maxWidth: MODAL_WIDTHS[this.width] }}>\n            <slot name=\"header\" />\n            <slot />\n            <slot name=\"actions\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,UAAU,GAAG,o+BAAo+B;;ACIv/B,MAAM,YAAY,GAA+B;AAC/C,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,GAAG,EAAE,OAAO;CACb;MAOY,OAAO,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;IACK,OAAO,GAAY,IAAI;AAE/B;;AAEG;IACK,KAAK,GAAe,IAAI;AAEhC;;AAEG;AACM,IAAA,OAAO;IAER,WAAW,GAAG,MAAW;AAC/B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,KAAC;AAEO,IAAA,kBAAkB,GAAG,CAAC,KAAiB,KAAU;QACvD,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,EAAE;YACxC,IAAI,CAAC,WAAW,EAAE;;AAEtB,KAAC;IAED,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AAE9B,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,eAAe,EAAE,IAAI;YACrB,oBAAoB,EAAE,IAAI,CAAC,OAAO;SACnC;QAED,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAA,EACvD,IAAI,CAAC,OAAO,IAAI,WAAK,KAAK,EAAC,eAAe,EAAG,CAAA,EAE9C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAA,EAC9D,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACtB,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,EACR,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAG,CACnB,CACF,CACD;;;;;;;"}