@actabldesign/bellhop-core 0.0.3

package/cjs/index.cjs.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var bhButton = require('./bh-button-BKVcf-nK.js');
+var bhBadge_entry = require('./bh-badge.cjs.entry.js');
+var bhLabel = require('./bh-label-DBqucnaO.js');
+var bhModal_entry = require('./bh-modal.cjs.entry.js');
+var bhAvatar_entry = require('./bh-avatar.cjs.entry.js');
+var bhToggle_entry = require('./bh-toggle.cjs.entry.js');
+var bhCard_entry = require('./bh-card.cjs.entry.js');
+var bhCardHeader_entry = require('./bh-card-header.cjs.entry.js');
+var bhCardFooter_entry = require('./bh-card-footer.cjs.entry.js');
+var bhCheckboxGroup_entry = require('./bh-checkbox-group.cjs.entry.js');
+var bhCheckboxGroupItem_entry = require('./bh-checkbox-group-item.cjs.entry.js');
+var bhDataGrid_entry = require('./bh-data-grid.cjs.entry.js');
+require('./index-tZqSQc8E.js');
+require('./form-9mbajZ3y.js');
+
+
+
+exports.BhButton = bhButton.BhButton;
+exports.BhBadge = bhBadge_entry.bh_badge;
+exports.BhLabel = bhLabel.BhLabel;
+exports.BhModal = bhModal_entry.bh_modal;
+exports.BhAvatar = bhAvatar_entry.bh_avatar;
+exports.BhToggle = bhToggle_entry.bh_toggle;
+exports.BhCard = bhCard_entry.bh_card;
+exports.BhCardHeader = bhCardHeader_entry.bh_card_header;
+exports.BhCardFooter = bhCardFooter_entry.bh_card_footer;
+exports.BhCheckboxGroup = bhCheckboxGroup_entry.bh_checkbox_group;
+exports.BhCheckboxGroupItem = bhCheckboxGroupItem_entry.bh_checkbox_group_item;
+exports.BhDataGrid = bhDataGrid_entry.bh_data_grid;
+//# sourceMappingURL=index.cjs.js.map

package/cjs/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/loader.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var index = require('./index-tZqSQc8E.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await index.globalScripts();
+  return index.bootstrapLazy(JSON.parse("[[\"bh-data-grid.cjs\",[[769,\"bh-data-grid\",{\"data\":[16],\"columns\":[16],\"rowKey\":[1,\"row-key\"],\"enableSelection\":[4,\"enable-selection\"],\"selectionMode\":[1,\"selection-mode\"],\"selectedKeys\":[1040],\"enableSorting\":[4,\"enable-sorting\"],\"multiSort\":[4,\"multi-sort\"],\"sortState\":[1040],\"enableFiltering\":[4,\"enable-filtering\"],\"showFilterRow\":[4,\"show-filter-row\"],\"filterState\":[1040],\"enableGrouping\":[4,\"enable-grouping\"],\"groupBy\":[16],\"enableEditing\":[4,\"enable-editing\"],\"editMode\":[1,\"edit-mode\"],\"showEditActions\":[4,\"show-edit-actions\"],\"showHeader\":[4,\"show-header\"],\"showRowBorders\":[4,\"show-row-borders\"],\"striped\":[4],\"compact\":[4],\"emptyMessage\":[1,\"empty-message\"],\"loading\":[4],\"internalSelectedKeys\":[32],\"internalSortState\":[32],\"internalFilterState\":[32],\"expandedGroups\":[32],\"hoveredRowIndex\":[32],\"filterInputValues\":[32],\"editingRowKey\":[32],\"editingColumnId\":[32],\"editingValues\":[32],\"showEditPopup\":[32],\"activeFilterColumn\":[32]},null,{\"selectedKeys\":[\"handleSelectedKeysChange\"],\"sortState\":[\"handleSortStateChange\"],\"filterState\":[\"handleFilterStateChange\"]}]]],[\"bh-date-range-picker.cjs\",[[769,\"bh-date-range-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"startLabel\":[1,\"start-label\"],\"endLabel\":[1,\"end-label\"],\"startPlaceholder\":[1,\"start-placeholder\"],\"endPlaceholder\":[1,\"end-placeholder\"],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},[[0,\"bhDateRangeSelect\",\"handleDateRangeSelectEvent\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bh-sidebar.cjs\",[[769,\"bh-sidebar\",{\"logoType\":[1,\"logo-type\"],\"avatarUrl\":[1,\"avatar-url\"],\"avatarInitials\":[1,\"avatar-initials\"],\"avatarName\":[1,\"avatar-name\"],\"avatarEmail\":[1,\"avatar-email\"],\"menuItems\":[16],\"footerItems\":[16],\"collapsed\":[4],\"activeItem\":[32]}]]],[\"bh-input-autocomplete.cjs\",[[769,\"bh-input-autocomplete\",{\"state\":[1],\"error\":[4],\"required\":[4],\"disabled\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"leadingIcon\":[1,\"leading-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1025],\"width\":[1],\"options\":[16],\"maxOptions\":[2,\"max-options\"],\"multiSelect\":[4,\"multi-select\"],\"minSearchLength\":[2,\"min-search-length\"],\"selectedItems\":[1040],\"showDropdown\":[32],\"focusedOptionIndex\":[32],\"isFocused\":[32],\"isHovered\":[32],\"isTagClickOpen\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-month-picker.cjs\",[[769,\"bh-month-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"label\":[1],\"placeholder\":[1],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-checkbox-group-item.cjs\",[[769,\"bh-checkbox-group-item\",{\"type\":[1],\"size\":[1],\"value\":[1],\"checked\":[1028],\"selected\":[1028],\"disabled\":[4],\"icon\":[1],\"itemTitle\":[1,\"item-title\"],\"subtitle\":[1],\"description\":[1],\"name\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"bh-page-navigation.cjs\",[[769,\"bh-page-navigation\",{\"navTitle\":[1,\"nav-title\"],\"navigationItems\":[16],\"items\":[32]},null,{\"navigationItems\":[\"handleNavigationItemsChange\"]}]]],[\"bh-appbar.cjs\",[[769,\"bh-appbar\",{\"isMenuOpen\":[4,\"is-menu-open\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"breadcrumbItems\":[16],\"notificationCount\":[2,\"notification-count\"]}]]],[\"bh-avatar-stacked.cjs\",[[769,\"bh-avatar-stacked\",{\"size\":[1],\"avatars\":[1],\"maxVisible\":[2,\"max-visible\"],\"showAddButton\":[4,\"show-add-button\"],\"addTooltipText\":[1,\"add-tooltip-text\"],\"hoveredIndex\":[32],\"addButtonHovered\":[32]}]]],[\"bh-card-header.cjs\",[[769,\"bh-card-header\",{\"showFeaturedIcon\":[4,\"show-featured-icon\"],\"featuredIcon\":[1,\"featured-icon\"],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"featuredIconColor\":[1,\"featured-icon-color\"],\"showTitle\":[4,\"show-title\"],\"headerTitle\":[1,\"header-title\"],\"showBadge\":[4,\"show-badge\"],\"badgeText\":[1,\"badge-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showDropdown\":[4,\"show-dropdown\"],\"showDivider\":[4,\"show-divider\"]}]]],[\"bh-input-number.cjs\",[[833,\"bh-input-number\",{\"error\":[4],\"required\":[4],\"disabled\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"leadingIcon\":[1,\"leading-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"prefixText\":[1,\"prefix-text\"],\"suffixText\":[1,\"suffix-text\"],\"width\":[1],\"name\":[1],\"defaultValue\":[2,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"internalState\":[32],\"isHovered\":[32],\"isFocused\":[32],\"internalValue\":[32],\"hasValidationError\":[32]},null,{\"value\":[\"watchValue\"]}]]],[\"bh-notification.cjs\",[[769,\"bh-notification\",{\"type\":[1],\"notificationTitle\":[1,\"notification-title\"],\"description\":[1],\"actionText\":[1,\"action-text\"],\"dismissText\":[1,\"dismiss-text\"],\"dismissible\":[4],\"icon\":[1]}]]],[\"bh-container-footer.cjs\",[[769,\"bh-container-footer\",{\"size\":[1],\"buttonLabel\":[1,\"button-label\"]}]]],[\"bh-input-password.cjs\",[[833,\"bh-input-password\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"leadingIcon\":[1,\"leading-icon\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"isFocused\":[32],\"isHovered\":[32],\"showPassword\":[32]}]]],[\"bh-input-verification.cjs\",[[769,\"bh-input-verification\",{\"size\":[1],\"digits\":[2],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"hintText\":[1,\"hint-text\"],\"showHintText\":[4,\"show-hint-text\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"showSeparator\":[4,\"show-separator\"],\"placeholder\":[1],\"width\":[1],\"value\":[1025],\"values\":[32],\"inputRefs\":[32]},null,{\"value\":[\"watchValue\"],\"digits\":[\"watchDigits\"]}]]],[\"bh-modal-actions.cjs\",[[769,\"bh-modal-actions\",{\"type\":[1],\"destructive\":[4],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"divider\":[4]}]]],[\"bh-modal-header.cjs\",[[769,\"bh-modal-header\",{\"modalTitle\":[1,\"modal-title\"],\"description\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"showIcon\":[4,\"show-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"type\":[1],\"paddingBottom\":[4,\"padding-bottom\"],\"divider\":[4]}]]],[\"bh-textarea.cjs\",[[833,\"bh-textarea\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"rows\":[2],\"resize\":[1],\"maxLength\":[2,\"max-length\"],\"isFocused\":[32]}]]],[\"bh-card.cjs\",[[769,\"bh-card\",{\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"contentMinHeight\":[2,\"content-min-height\"],\"placeholderText\":[1,\"placeholder-text\"],\"hasContent\":[32]}]]],[\"bh-card-footer.cjs\",[[769,\"bh-card-footer\",{\"showDivider\":[4,\"show-divider\"],\"alignment\":[1]}]]],[\"bh-checkbox-group.cjs\",[[769,\"bh-checkbox-group\",{\"type\":[1],\"name\":[1],\"value\":[1025],\"disabled\":[4]},[[0,\"bhItemChange\",\"handleItemChange\"]]]]],[\"bh-checkbox.cjs\",[[833,\"bh-checkbox\",{\"size\":[1],\"checked\":[1540],\"indeterminate\":[1028],\"disabled\":[4],\"name\":[1],\"value\":[1],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"required\":[4],\"defaultChecked\":[4,\"default-checked\"],\"isHovered\":[32],\"isFocused\":[32]},null,{\"checked\":[\"handleCheckedChange\"],\"indeterminate\":[\"handleIndeterminateChange\"]}]]],[\"bh-dropdown-menu.cjs\",[[769,\"bh-dropdown-menu\",{\"header\":[1],\"menuItems\":[1,\"menu-items\"],\"visible\":[4],\"showIcons\":[4,\"show-icons\"],\"scrollable\":[4],\"isClosing\":[32],\"shouldRender\":[32]},null,{\"visible\":[\"watchVisible\"]}]]],[\"bh-chart-tooltip.cjs\",[[769,\"bh-chart-tooltip\",{\"visible\":[4],\"x\":[2],\"y\":[2],\"header\":[1],\"items\":[16],\"total\":[1],\"showTotal\":[4,\"show-total\"],\"storybookMode\":[4,\"storybook-mode\"]}]]],[\"bh-bar-chart.cjs\",[[769,\"bh-bar-chart\",{\"data\":[16],\"type\":[1],\"orientation\":[1],\"animated\":[4],\"maxHeight\":[2,\"max-height\"],\"maxWidth\":[2,\"max-width\"],\"tooltipVisible\":[32],\"tooltipX\":[32],\"tooltipY\":[32],\"tooltipHeader\":[32],\"tooltipItems\":[32],\"tooltipTotal\":[32],\"showTooltipTotal\":[32]}]]],[\"bh-pie-chart.cjs\",[[769,\"bh-pie-chart\",{\"data\":[16],\"hole\":[1],\"size\":[2],\"animated\":[4],\"gap\":[2],\"tooltipVisible\":[32],\"tooltipX\":[32],\"tooltipY\":[32],\"tooltipSegment\":[32]}]]],[\"bh-accordion.cjs\",[[769,\"bh-accordion\",{\"mode\":[1],\"value\":[1025],\"collapsible\":[4],\"expandedItems\":[32]},[[0,\"bhAccordionToggle\",\"handleAccordionToggle\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bh-accordion-item.cjs\",[[769,\"bh-accordion-item\",{\"value\":[1],\"header\":[1],\"expanded\":[1540],\"disabled\":[4],\"isAnimating\":[32]},null,{\"expanded\":[\"handleExpandedChange\"]}]]],[\"bh-container.cjs\",[[769,\"bh-container\",{\"withFooter\":[4,\"with-footer\"]}]]],[\"bh-illustrations.cjs\",[[769,\"bh-illustrations\",{\"size\":[1],\"illustrationTitle\":[1,\"illustration-title\"],\"description\":[1],\"svgPath\":[1,\"svg-path\"],\"alt\":[1]}]]],[\"bh-modal.cjs\",[[769,\"bh-modal\",{\"visible\":[4],\"overlay\":[4],\"width\":[1]}]]],[\"bh-popover.cjs\",[[769,\"bh-popover\",{\"popoverTitle\":[1,\"popover-title\"],\"viewPortfolioText\":[1,\"view-portfolio-text\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"width\":[1],\"showSearch\":[4,\"show-search\"],\"showAvatar\":[4,\"show-avatar\"],\"avatarSrc\":[1,\"avatar-src\"],\"items\":[1],\"searchTerm\":[32]}]]],[\"bh-property-switcher.cjs\",[[769,\"bh-property-switcher\",{\"selectedProperty\":[1,\"selected-property\"],\"properties\":[16],\"grouped\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"isExpanded\":[32],\"searchQuery\":[32],\"expandedGroups\":[32],\"internalSelectedProperty\":[32]},[[4,\"click\",\"handleDocumentClick\"]]]]],[\"bh-skeleton-loader.cjs\",[[769,\"bh-skeleton-loader\",{\"width\":[1],\"height\":[1],\"circle\":[4]}]]],[\"bh-tab-item.cjs\",[[769,\"bh-tab-item\",{\"value\":[1],\"label\":[1],\"active\":[4],\"disabled\":[4]}]]],[\"bh-tabs.cjs\",[[769,\"bh-tabs\",{\"type\":[1],\"orientation\":[1],\"fullWidth\":[4,\"full-width\"],\"value\":[1025]},[[0,\"bhTabItemClick\",\"handleTabItemClick\"]]]]],[\"bh-toggle.cjs\",[[833,\"bh-toggle\",{\"size\":[1],\"showText\":[4,\"show-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"disabled\":[4],\"checked\":[1028],\"name\":[1],\"value\":[1],\"required\":[4],\"defaultChecked\":[4,\"default-checked\"],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-trend-chart.cjs\",[[769,\"bh-trend-chart\",{\"trend\":[1],\"data\":[16],\"animated\":[4],\"variant\":[1],\"width\":[2],\"height\":[2]}]]],[\"bh-button_2.cjs\",[[769,\"bh-button\",{\"hierarchy\":[1],\"kind\":[1],\"icon\":[1],\"size\":[1],\"label\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"loading\":[4],\"type\":[1]}],[769,\"bh-loader-spinner\",{\"size\":[1],\"variant\":[1],\"overlay\":[4],\"overlayMessage\":[1,\"overlay-message\"],\"showMessage\":[4,\"show-message\"],\"message\":[1]}]]],[\"bh-date-picker-content_2.cjs\",[[769,\"bh-date-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"initialMonth\":[2,\"initial-month\"],\"initialYear\":[2,\"initial-year\"],\"displayMonth\":[2,\"display-month\"],\"displayYear\":[2,\"display-year\"],\"rangeStart\":[16],\"rangeEnd\":[16],\"value\":[16],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"selectedDate\":[32],\"currentMonth\":[32],\"currentYear\":[32],\"isMonthDropdownOpen\":[32],\"isMonthDropdownClosing\":[32]},null,{\"value\":[\"handleValueChange\"],\"displayMonth\":[\"handleDisplayMonthChange\"],\"displayYear\":[\"handleDisplayYearChange\"]}],[769,\"bh-picker-menu\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"animationClass\":[1,\"animation-class\"],\"visible\":[4],\"showFooter\":[4,\"show-footer\"],\"showTodayButton\":[4,\"show-today-button\"],\"disableApply\":[4,\"disable-apply\"],\"value\":[16],\"isClosing\":[32],\"shouldRender\":[32],\"selectedMonth\":[32],\"selectedYear\":[32]},null,{\"visible\":[\"handleVisibleChange\"],\"value\":[\"handleValueChange\"]}]]],[\"bh-date-range-picker-content.cjs\",[[769,\"bh-date-range-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedRange\":[32],\"leftMonth\":[32],\"leftYear\":[32],\"rightMonth\":[32],\"rightYear\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-radio-button.cjs\",[[833,\"bh-radio-button\",{\"size\":[1],\"selected\":[1028],\"disabled\":[4],\"value\":[1],\"name\":[1],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-avatar-add.cjs\",[[769,\"bh-avatar-add\",{\"size\":[1],\"disabled\":[4],\"showTooltip\":[4,\"show-tooltip\"],\"tooltipText\":[1,\"tooltip-text\"],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"bh-badge.cjs\",[[769,\"bh-badge\",{\"variant\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"icon\":[1],\"dismissible\":[4],\"disabled\":[4]}]]],[\"bh-date-picker_2.cjs\",[[769,\"bh-date-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"label\":[1],\"placeholder\":[1],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},null,{\"value\":[\"handleValueChange\"]}],[769,\"bh-empty-state\",{\"emptyTitle\":[1,\"empty-title\"],\"description\":[1],\"illustrationSize\":[1,\"illustration-size\"],\"illustrationPath\":[1,\"illustration-path\"],\"primaryActionText\":[1,\"primary-action-text\"],\"primaryActionIcon\":[1,\"primary-action-icon\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"secondaryActionIcon\":[1,\"secondary-action-icon\"],\"maxWidth\":[1,\"max-width\"]}]]],[\"bh-page-navigation-multi-level_2.cjs\",[[769,\"bh-page-navigation-multi-level\",{\"label\":[1],\"icon\":[1],\"badge\":[8],\"childItems\":[16],\"isExpanded\":[1028,\"is-expanded\"],\"isHovered\":[32],\"isAnimating\":[32],\"animationClass\":[32]},null,{\"isExpanded\":[\"handleExpandedChange\"]}],[769,\"bh-page-navigation-single-level\",{\"label\":[1],\"icon\":[1],\"isActive\":[4,\"is-active\"]}]]],[\"bh-autocomplete-menu_2.cjs\",[[769,\"bh-tag\",{\"variant\":[1],\"size\":[1],\"label\":[1],\"dismissible\":[4],\"disabled\":[4],\"maxWidth\":[2,\"max-width\"],\"avatarSrc\":[1,\"avatar-src\"],\"isDismissing\":[32]}],[769,\"bh-autocomplete-menu\",{\"menuItems\":[16],\"visible\":[4],\"selectedIndex\":[2,\"selected-index\"],\"maxHeight\":[2,\"max-height\"],\"multiSelect\":[4,\"multi-select\"],\"searchQuery\":[1,\"search-query\"],\"isAnimating\":[32],\"shouldRender\":[32],\"items\":[32]},null,{\"visible\":[\"watchVisible\"],\"menuItems\":[\"watchMenuItems\"]}]]],[\"bh-badge-dot_2.cjs\",[[769,\"bh-breadcrumbs\",{\"items\":[1],\"separator\":[1],\"showHome\":[4,\"show-home\"],\"maxVisibleItems\":[2,\"max-visible-items\"]}],[769,\"bh-badge-dot\",{\"size\":[1],\"color\":[1],\"outline\":[4]}]]],[\"bh-page-navigation-child.cjs\",[[769,\"bh-page-navigation-child\",{\"label\":[1],\"badge\":[8],\"showBadge\":[4,\"show-badge\"],\"isActive\":[4,\"is-active\"]}]]],[\"bh-product-switcher.cjs\",[[769,\"bh-product-switcher\",{\"isOpen\":[4,\"is-open\"],\"anchorPosition\":[16],\"products\":[16],\"isClosing\":[32]},[[4,\"click\",\"handleDocumentClick\"]]]]],[\"bh-dropdown_3.cjs\",[[769,\"bh-dropdown\",{\"size\":[1],\"state\":[1],\"variant\":[1],\"label\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"menuItems\":[1,\"menu-items\"],\"header\":[1],\"avatarSrc\":[1,\"avatar-src\"],\"avatarAlt\":[1,\"avatar-alt\"],\"avatarSize\":[1,\"avatar-size\"],\"avatarName\":[1,\"avatar-name\"],\"avatarEmail\":[1,\"avatar-email\"],\"showIcons\":[4,\"show-icons\"],\"isOpen\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[769,\"bh-logo-box\",{\"logoType\":[1,\"logo-type\"],\"products\":[16],\"isOpen\":[32],\"anchorPosition\":[32]}],[769,\"bh-nav-item\",{\"icon\":[1],\"label\":[1],\"isActive\":[4,\"is-active\"],\"disabled\":[4]}]]],[\"bh-featured-icon.cjs\",[[769,\"bh-featured-icon\",{\"size\":[1],\"color\":[1],\"iconStyle\":[1,\"icon-style\"],\"icon\":[1]}]]],[\"bh-input-text.cjs\",[[833,\"bh-input-text\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showTrailingIcon\":[4,\"show-trailing-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"type\":[1],\"width\":[1],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-avatar.cjs\",[[769,\"bh-avatar\",{\"size\":[1],\"type\":[1],\"status\":[1],\"text\":[1],\"imageSrc\":[1,\"image-src\"],\"alt\":[1]}]]],[\"bh-month-picker-content.cjs\",[[769,\"bh-month-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"scrollable\":[4],\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"height\":[1],\"value\":[16],\"internalSelectedMonth\":[32],\"internalSelectedYear\":[32],\"isUsingKeyboard\":[32]},null,{\"value\":[\"handleValueChange\"],\"selectedMonth\":[\"handleSelectedMonthChange\"],\"selectedYear\":[\"handleSelectedYearChange\"]}]]],[\"bh-button-icon.cjs\",[[769,\"bh-button-icon\",{\"hierarchy\":[1],\"size\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"loading\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bh-label_2.cjs\",[[769,\"bh-label\",{\"label\":[1],\"layout\":[1],\"for\":[1],\"supportingText\":[1,\"supporting-text\"],\"required\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"disabled\":[4],\"showHelpTooltip\":[32]}],[769,\"bh-tooltip\",{\"text\":[1],\"position\":[1],\"variant\":[1],\"visible\":[4],\"maxWidth\":[2,\"max-width\"]}]]]]"), options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;
+//# sourceMappingURL=loader.cjs.js.map

package/cjs/loader.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}

package/collection/collection-manifest.json

@@ -0,0 +1,77 @@
+{
+  "entries": [
+    "components/bh-accordion/bh-accordion.js",
+    "components/bh-appbar/bh-appbar.js",
+    "components/bh-autocomplete-menu/bh-autocomplete-menu.js",
+    "components/bh-avatar/bh-avatar.js",
+    "components/bh-avatar-add/bh-avatar-add.js",
+    "components/bh-avatar-stacked/bh-avatar-stacked.js",
+    "components/bh-badge/bh-badge.js",
+    "components/bh-badge-dot/bh-badge-dot.js",
+    "components/bh-chart-tooltip/bh-chart-tooltip.js",
+    "components/bh-bar-chart/bh-bar-chart.js",
+    "components/bh-breadcrumbs/bh-breadcrumbs.js",
+    "components/bh-button/bh-button.js",
+    "components/bh-button-icon/bh-button-icon.js",
+    "components/bh-card-footer/bh-card-footer.js",
+    "components/bh-card-header/bh-card-header.js",
+    "components/bh-checkbox/bh-checkbox.js",
+    "components/bh-checkbox-group/bh-checkbox-group.js",
+    "components/bh-checkbox-group-item/bh-checkbox-group-item.js",
+    "components/bh-container-footer/bh-container-footer.js",
+    "components/bh-data-grid/bh-data-grid.js",
+    "components/bh-month-picker-content/bh-month-picker-content.js",
+    "components/bh-date-picker-content/bh-date-picker-content.js",
+    "components/bh-date-picker/bh-date-picker.js",
+    "components/bh-date-range-picker-content/bh-date-range-picker-content.js",
+    "components/bh-date-range-picker/bh-date-range-picker.js",
+    "components/bh-dropdown-menu/bh-dropdown-menu.js",
+    "components/bh-dropdown/bh-dropdown.js",
+    "components/bh-empty-state/bh-empty-state.js",
+    "components/bh-featured-icon/bh-featured-icon.js",
+    "components/bh-illustrations/bh-illustrations.js",
+    "components/bh-input-autocomplete/bh-input-autocomplete.js",
+    "components/bh-input-verification/bh-input-verification.js",
+    "components/bh-label/bh-label.js",
+    "components/bh-loader-spinner/bh-loader-spinner.js",
+    "components/bh-product-switcher/bh-product-switcher.js",
+    "components/bh-logo-box/bh-logo-box.js",
+    "components/bh-modal/bh-modal.js",
+    "components/bh-modal-actions/bh-modal-actions.js",
+    "components/bh-month-picker/bh-month-picker.js",
+    "components/bh-notification/bh-notification.js",
+    "components/bh-page-navigation/bh-page-navigation.js",
+    "components/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js",
+    "components/bh-pie-chart/bh-pie-chart.js",
+    "components/bh-popover/bh-popover.js",
+    "components/bh-property-switcher/bh-property-switcher.js",
+    "components/bh-radio-button/bh-radio-button.js",
+    "components/bh-sidebar/bh-sidebar.js",
+    "components/bh-tabs/bh-tabs.js",
+    "components/bh-tag/bh-tag.js",
+    "components/bh-textarea/bh-textarea.js",
+    "components/bh-toggle/bh-toggle.js",
+    "components/bh-tooltip/bh-tooltip.js",
+    "components/bh-trend-chart/bh-trend-chart.js",
+    "components/bh-card/bh-card.js",
+    "components/bh-accordion-item/bh-accordion-item.js",
+    "components/bh-container/bh-container.js",
+    "components/bh-input-number/bh-input-number.js",
+    "components/bh-input-password/bh-input-password.js",
+    "components/bh-input-text/bh-input-text.js",
+    "components/bh-modal-header/bh-modal-header.js",
+    "components/bh-page-navigation-child/bh-page-navigation-child.js",
+    "components/bh-page-navigation-single-level/bh-page-navigation-single-level.js",
+    "components/bh-picker-menu/bh-picker-menu.js",
+    "components/bh-sidebar/bh-nav-item.js",
+    "components/bh-skeleton-loader/bh-skeleton-loader.js",
+    "components/bh-tab-item/bh-tab-item.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.38.3",
+    "typescriptVersion": "5.9.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/collection/components/bh-accordion/bh-accordion.css

@@ -0,0 +1,30 @@
+/* ==========================================================================
+   BH-ACCORDION COMPONENT STYLES
+   ========================================================================== */
+
+:host {
+  display: block;
+  width: 100%;
+}
+
+/* Container */
+.accordion-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: var(--color-white);
+}
+
+/* ==========================================================================
+   MODE VARIATIONS
+   ========================================================================== */
+
+/* Single mode - no specific styles needed */
+.accordion-single .accordion-container {
+  /* Default behavior */
+}
+
+/* Multiple mode - no specific styles needed */
+.accordion-multiple .accordion-container {
+  /* Default behavior */
+}

package/collection/components/bh-accordion/bh-accordion.js

@@ -0,0 +1,227 @@
+import { h, Host, } from "@stencil/core";
+/**
+ * @slot - Accordion items (bh-accordion-item components)
+ */
+export class BhAccordion {
+    /**
+     * The mode of the accordion:
+     * - 'single': Only one item can be expanded at a time
+     * - 'multiple': Multiple items can be expanded simultaneously
+     */
+    mode = 'single';
+    /**
+     * The value(s) of the currently expanded item(s).
+     * For single mode: a string value
+     * For multiple mode: an array of string values (comma-separated string)
+     */
+    value = '';
+    /**
+     * Whether to collapse other items when one is expanded (only applies in single mode)
+     */
+    collapsible = true;
+    /**
+     * Internal state to track expanded items
+     */
+    expandedItems = new Set();
+    /**
+     * Emitted when the expanded state changes
+     */
+    bhAccordionChange;
+    componentWillLoad() {
+        this.parseValue();
+    }
+    handleValueChange() {
+        this.parseValue();
+        this.updateChildItems();
+    }
+    parseValue() {
+        if (!this.value) {
+            this.expandedItems = new Set();
+            return;
+        }
+        if (this.mode === 'multiple') {
+            this.expandedItems = new Set(this.value.split(',').filter(Boolean));
+        }
+        else {
+            this.expandedItems = new Set([this.value]);
+        }
+    }
+    updateChildItems() {
+        const slot = this.getSlot();
+        if (!slot)
+            return;
+        const items = slot.assignedElements();
+        items.forEach((item) => {
+            if (item.tagName.toLowerCase() === 'bh-accordion-item') {
+                item.expanded = this.expandedItems.has(item.value);
+            }
+        });
+    }
+    getSlot() {
+        const host = document.querySelector('bh-accordion');
+        if (!host?.shadowRoot)
+            return null;
+        return host.shadowRoot.querySelector('slot');
+    }
+    handleAccordionToggle(event) {
+        const { value, expanded } = event.detail;
+        if (this.mode === 'single') {
+            if (expanded) {
+                this.expandedItems = new Set([value]);
+            }
+            else if (this.collapsible) {
+                this.expandedItems = new Set();
+            }
+        }
+        else {
+            if (expanded) {
+                this.expandedItems.add(value);
+            }
+            else {
+                this.expandedItems.delete(value);
+            }
+            this.expandedItems = new Set(this.expandedItems);
+        }
+        this.updateValue();
+        this.updateChildItems();
+    }
+    updateValue() {
+        const items = Array.from(this.expandedItems);
+        if (this.mode === 'multiple') {
+            this.value = items.join(',');
+            this.bhAccordionChange.emit(items);
+        }
+        else {
+            this.value = items[0] || '';
+            this.bhAccordionChange.emit(this.value);
+        }
+    }
+    render() {
+        const hostClasses = {
+            accordion: true,
+            [`accordion-${this.mode}`]: true,
+        };
+        return (h(Host, { key: '081f1b04508692b1b6d826278ce6ef9ba2a79b1c', class: hostClasses }, h("div", { key: '17db8434d1f5cddfb1e24ccfa4fb6e2e31210903', class: "accordion-container", part: "container", role: "presentation" }, h("slot", { key: 'f5cb9dd421af2fe4d1f930c542bba2ba0e1e8132' }))));
+    }
+    static get is() { return "bh-accordion"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bh-accordion.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bh-accordion.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "mode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AccordionMode",
+                    "resolved": "\"multiple\" | \"single\"",
+                    "references": {
+                        "AccordionMode": {
+                            "location": "local",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-accordion/bh-accordion.tsx",
+                            "id": "src/components/bh-accordion/bh-accordion.tsx::AccordionMode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The mode of the accordion:\n- 'single': Only one item can be expanded at a time\n- 'multiple': Multiple items can be expanded simultaneously"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mode",
+                "defaultValue": "'single'"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The value(s) of the currently expanded item(s).\nFor single mode: a string value\nFor multiple mode: an array of string values (comma-separated string)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "''"
+            },
+            "collapsible": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to collapse other items when one is expanded (only applies in single mode)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "collapsible",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "expandedItems": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bhAccordionChange",
+                "name": "bhAccordionChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the expanded state changes"
+                },
+                "complexType": {
+                    "original": "string | string[]",
+                    "resolved": "string | string[]",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "handleValueChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "bhAccordionToggle",
+                "method": "handleAccordionToggle",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=bh-accordion.js.map

package/collection/components/bh-accordion/bh-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-accordion.js","sourceRoot":"","sources":["../../../src/components/bh-accordion/bh-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  State,\n  Watch,\n} from '@stencil/core';\n\nexport type AccordionMode = 'single' | 'multiple';\n\n/**\n * @slot - Accordion items (bh-accordion-item components)\n */\n@Component({\n  tag: 'bh-accordion',\n  styleUrl: 'bh-accordion.css',\n  shadow: true,\n})\nexport class BhAccordion {\n  /**\n   * The mode of the accordion:\n   * - 'single': Only one item can be expanded at a time\n   * - 'multiple': Multiple items can be expanded simultaneously\n   */\n  @Prop() mode: AccordionMode = 'single';\n\n  /**\n   * The value(s) of the currently expanded item(s).\n   * For single mode: a string value\n   * For multiple mode: an array of string values (comma-separated string)\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether to collapse other items when one is expanded (only applies in single mode)\n   */\n  @Prop() collapsible: boolean = true;\n\n  /**\n   * Internal state to track expanded items\n   */\n  @State() expandedItems: Set<string> = new Set();\n\n  /**\n   * Emitted when the expanded state changes\n   */\n  @Event({ bubbles: true, composed: true })\n  bhAccordionChange!: EventEmitter<string | string[]>;\n\n  componentWillLoad(): void {\n    this.parseValue();\n  }\n\n  @Watch('value')\n  handleValueChange(): void {\n    this.parseValue();\n    this.updateChildItems();\n  }\n\n  private parseValue(): void {\n    if (!this.value) {\n      this.expandedItems = new Set();\n      return;\n    }\n\n    if (this.mode === 'multiple') {\n      this.expandedItems = new Set(this.value.split(',').filter(Boolean));\n    } else {\n      this.expandedItems = new Set([this.value]);\n    }\n  }\n\n  private updateChildItems(): void {\n    const slot = this.getSlot();\n    if (!slot) return;\n\n    const items = slot.assignedElements() as HTMLBhAccordionItemElement[];\n    items.forEach((item) => {\n      if (item.tagName.toLowerCase() === 'bh-accordion-item') {\n        item.expanded = this.expandedItems.has(item.value);\n      }\n    });\n  }\n\n  private getSlot(): HTMLSlotElement | null {\n    const host = document.querySelector('bh-accordion');\n    if (!host?.shadowRoot) return null;\n    return host.shadowRoot.querySelector('slot');\n  }\n\n  @Listen('bhAccordionToggle')\n  handleAccordionToggle(\n    event: CustomEvent<{ value: string; expanded: boolean }>\n  ): void {\n    const { value, expanded } = event.detail;\n\n    if (this.mode === 'single') {\n      if (expanded) {\n        this.expandedItems = new Set([value]);\n      } else if (this.collapsible) {\n        this.expandedItems = new Set();\n      }\n    } else {\n      if (expanded) {\n        this.expandedItems.add(value);\n      } else {\n        this.expandedItems.delete(value);\n      }\n      this.expandedItems = new Set(this.expandedItems);\n    }\n\n    this.updateValue();\n    this.updateChildItems();\n  }\n\n  private updateValue(): void {\n    const items = Array.from(this.expandedItems);\n\n    if (this.mode === 'multiple') {\n      this.value = items.join(',');\n      this.bhAccordionChange.emit(items);\n    } else {\n      this.value = items[0] || '';\n      this.bhAccordionChange.emit(this.value);\n    }\n  }\n\n  render() {\n    const hostClasses = {\n      accordion: true,\n      [`accordion-${this.mode}`]: true,\n    };\n\n    return (\n      <Host class={hostClasses}>\n        <div class=\"accordion-container\" part=\"container\" role=\"presentation\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n\ninterface HTMLBhAccordionItemElement extends HTMLElement {\n  value: string;\n  expanded: boolean;\n}\n"]}

package/collection/components/bh-accordion-item/bh-accordion-item.css

@@ -0,0 +1,119 @@
+/* ==========================================================================
+   BH-ACCORDION-ITEM COMPONENT STYLES
+   ========================================================================== */
+
+:host {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: var(--color-white);
+}
+
+/* Header */
+.accordion-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-lg);
+  padding: var(--spacing-lg) var(--spacing-2xl);
+  cursor: pointer;
+  background-color: var(--color-white);
+  border: none;
+  border-bottom: 1px solid var(--color-neutral-100);
+  transition: background-color 0.15s ease;
+}
+
+.accordion-header:hover {
+  background-color: var(--color-neutral-25);
+}
+
+.accordion-header:focus {
+  outline: none;
+}
+
+.accordion-header:focus-visible {
+  outline: 2px solid var(--color-brand-500);
+  outline-offset: -2px;
+}
+
+/* Header Content */
+.accordion-header-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  flex: 1;
+  min-width: 0;
+}
+
+/* Title */
+.accordion-title {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-text-md);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-text-md);
+  color: var(--color-neutral-900);
+}
+
+/* Icon */
+.accordion-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  font-size: 24px;
+  color: var(--color-neutral-500);
+  transition: transform 0.2s ease;
+  flex-shrink: 0;
+}
+
+/* Content */
+.accordion-content {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 0.2s ease;
+  overflow: hidden;
+}
+
+.accordion-content-inner {
+  min-height: 0;
+  overflow: hidden;
+}
+
+/* ==========================================================================
+   EXPANDED STATE
+   ========================================================================== */
+
+:host(.accordion-item-expanded) .accordion-header {
+  border-bottom-color: transparent;
+}
+
+:host(.accordion-item-expanded) .accordion-content {
+  grid-template-rows: 1fr;
+}
+
+:host(.accordion-item-expanded) .accordion-content-inner {
+  padding: var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl);
+  border-bottom: 1px solid var(--color-neutral-100);
+}
+
+/* ==========================================================================
+   DISABLED STATE
+   ========================================================================== */
+
+:host(.accordion-item-disabled) {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+:host(.accordion-item-disabled) .accordion-header {
+  cursor: not-allowed;
+}
+
+/* ==========================================================================
+   ANIMATION STATE
+   ========================================================================== */
+
+:host(.accordion-item-animating) .accordion-content-inner {
+  overflow: hidden;
+}