@actabldesign/bellhop-core 0.0.3 → 0.0.4

package/cjs/bh-button-icon.cjs.entry.js

@@ -1,74 +0,0 @@
-'use strict';
-
-var index = require('./index-tZqSQc8E.js');
-
-const bhButtonIconCss = ":host{display:inline-block;font-family:var(--font-inter, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif)}.button-icon{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit;outline:none;padding:0}.button-icon:focus-visible{box-shadow:0 0 0 2px var(--color-white, #FFFFFF), 0 0 0 4px var(--color-brand-500, #7F56D9)}.button-icon-xs{width:24px;height:24px}.button-icon-xs .icon{font-size:16px}.button-icon-sm{width:32px;height:32px}.button-icon-sm .icon{font-size:18px}.button-icon-md{width:40px;height:40px}.button-icon-md .icon{font-size:20px}.button-icon-lg{width:48px;height:48px}.button-icon-lg .icon{font-size:24px}.button-icon-primary{background:var(--color-brand-600, #6941C6);color:var(--color-white, #FFFFFF)}.button-icon-primary:hover:not(.button-icon-disabled){background:var(--color-brand-700, #5235A8)}.button-icon-primary:active:not(.button-icon-disabled){background:var(--color-brand-800, #42298F)}.button-icon-secondary{background:var(--color-white, #FFFFFF);color:var(--color-neutral-700, #344054);border:1px solid var(--color-neutral-300, #D0D5DD)}.button-icon-secondary:hover:not(.button-icon-disabled){background:var(--color-neutral-50, #F9FAFB);border-color:var(--color-neutral-400, #98A2B3)}.button-icon-secondary:active:not(.button-icon-disabled){background:var(--color-neutral-100, #F2F4F7)}.button-icon-tertiary{background:transparent;color:var(--color-brand-600, #6941C6)}.button-icon-tertiary:hover:not(.button-icon-disabled){background:var(--color-brand-50, #F9F5FF)}.button-icon-tertiary:active:not(.button-icon-disabled){background:var(--color-brand-100, #F4EBFF)}.button-icon-quaternary{background:transparent;color:var(--color-neutral-500, #667085)}.button-icon-quaternary:hover:not(.button-icon-disabled){background:var(--color-neutral-100, #F2F4F7);color:var(--color-neutral-700, #344054)}.button-icon-quaternary:active:not(.button-icon-disabled){background:var(--color-neutral-200, #EAECF0)}.button-icon-disabled{opacity:0.5;cursor:not-allowed}.button-icon-loading{cursor:wait}.loading-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 0.8s linear infinite}.button-icon-sm .loading-spinner{width:14px;height:14px}.button-icon-xs .loading-spinner{width:12px;height:12px}.button-icon-lg .loading-spinner{width:20px;height:20px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.icon{display:flex;align-items:center;justify-content:center}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}";
-
-const BhButtonIcon = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bhClick = index.createEvent(this, "bhClick");
-    }
-    /**
-     * The visual hierarchy of the button
-     */
-    hierarchy = 'primary';
-    /**
-     * The size of the button
-     */
-    size = 'md';
-    /**
-     * The icon name (Material Symbols)
-     */
-    iconName = 'add';
-    /**
-     * Whether the button is disabled
-     */
-    disabled = false;
-    /**
-     * Whether the button is in loading state
-     */
-    loading = false;
-    /**
-     * The type of button for form submission
-     * - 'button': No form submission (default)
-     * - 'submit': Submits the form
-     * - 'reset': Resets the form
-     */
-    type = 'button';
-    /**
-     * Accessible label for the button
-     */
-    ariaLabel = null;
-    /**
-     * Emitted when the button is clicked
-     */
-    bhClick;
-    handleClick = (event) => {
-        if (!this.disabled && !this.loading) {
-            this.bhClick.emit(event);
-        }
-    };
-    handleKeyDown = (event) => {
-        if ((event.key === 'Enter' || event.key === ' ') &&
-            !this.disabled &&
-            !this.loading) {
-            event.preventDefault();
-            this.bhClick.emit(event);
-        }
-    };
-    render() {
-        const buttonClasses = {
-            'button-icon': true,
-            [`button-icon-${this.hierarchy}`]: true,
-            [`button-icon-${this.size}`]: true,
-            'button-icon-disabled': this.disabled,
-            'button-icon-loading': this.loading,
-        };
-        return (index.h("button", { key: '8c2a2097a2c7bbbb89a541d4fce7bba4c4eac970', type: this.type, class: buttonClasses, disabled: this.disabled, "aria-label": this.ariaLabel || this.iconName, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown, part: "button" }, this.loading ? (index.h("span", { class: "loading-spinner", part: "spinner" })) : (index.h("span", { class: "material-symbols-outlined icon", part: "icon" }, this.iconName))));
-    }
-};
-BhButtonIcon.style = bhButtonIconCss;
-
-exports.bh_button_icon = BhButtonIcon;
-//# sourceMappingURL=bh-button-icon.entry.cjs.js.map

package/cjs/bh-button.bh-loader-spinner.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bh-button.bh-loader-spinner.entry.cjs.js","sources":["src/components/bh-loader-spinner/bh-loader-spinner.css?tag=bh-loader-spinner&encapsulation=shadow","src/components/bh-loader-spinner/bh-loader-spinner.tsx"],"sourcesContent":["/* ==========================================================================\n   LOADER SPINNER COMPONENT - StencilJS\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n}\n\n/* Overlay styles */\n.loader-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.3);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n}\n\n.loader-overlay-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--spacing-md);\n}\n\n/* Container styles */\n.loader-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--spacing-sm);\n}\n\n.loader-spinner {\n  position: relative;\n  display: inline-block;\n}\n\n/* Message styles */\n.loader-message {\n  color: var(--color-neutral-700);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  font-weight: var(--weight-medium);\n  text-align: center;\n  margin-top: var(--spacing-xs);\n}\n\n.loader-overlay .loader-message {\n  color: var(--color-white);\n}\n\n/* =========================\n   GRADIENT VARIANT - BellhopOS Sidebar Style\n   ========================= */\n.spinner-gradient {\n  animation: gradient-rotate 2s linear infinite;\n  will-change: transform;\n}\n\n.gradient-svg {\n  display: block;\n  transform-origin: 50% 50%;\n}\n\n.gradient-path {\n  stroke-dasharray: 90, 150;\n  stroke-dashoffset: 0;\n  animation: gradient-dash 1.5s ease-in-out infinite;\n  transform-origin: 50% 50%;\n}\n\n/* Size variations for gradient */\n.size-sm .gradient-svg {\n  width: 20px;\n  height: 20px;\n}\n\n.size-sm .gradient-path {\n  stroke-width: 5;\n}\n\n.size-md .gradient-svg {\n  width: 30px;\n  height: 30px;\n}\n\n.size-md .gradient-path {\n  stroke-width: 5;\n}\n\n.size-lg .gradient-svg {\n  width: 40px;\n  height: 40px;\n}\n\n.size-lg .gradient-path {\n  stroke-width: 5;\n}\n\n.size-xl .gradient-svg {\n  width: 60px;\n  height: 60px;\n}\n\n.size-xl .gradient-path {\n  stroke-width: 6;\n}\n\n@keyframes gradient-rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes gradient-dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}\n\n/* Hover effects - Ultra smooth acceleration */\n.loader-container:hover .spinner-gradient {\n  animation-duration: 1s;\n}\n\n.loader-container:hover .gradient-path {\n  animation-duration: 0.6s;\n}\n\n/* Performance optimizations */\n.spinner-gradient {\n  backface-visibility: hidden;\n  perspective: 1000px;\n}\n\n.gradient-svg {\n  transform: translateZ(0);\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type LoaderSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type LoaderVariant = 'default' | 'white';\n\n@Component({\n  tag: 'bh-loader-spinner',\n  styleUrl: 'bh-loader-spinner.css',\n  shadow: true,\n})\nexport class BhLoaderSpinner {\n  /** Loader size */\n  @Prop() size: LoaderSize = 'md';\n\n  /** Loader color variant - use 'white' for dark surfaces like buttons */\n  @Prop() variant: LoaderVariant = 'default';\n\n  /** Whether to show as overlay */\n  @Prop() overlay: boolean = false;\n\n  /** Message to show in overlay mode */\n  @Prop() overlayMessage: string = '';\n\n  /** Whether to show message */\n  @Prop() showMessage: boolean = false;\n\n  /** Message text */\n  @Prop() message: string = 'Loading...';\n\n  private renderSpinner() {\n    const gradientId = this.variant === 'white' ? 'bellhop-gradient-white' : 'bellhop-gradient';\n\n    return (\n      <div class={`loader-spinner variant-${this.variant}`}>\n        <div class=\"spinner-gradient\">\n          <svg class=\"gradient-svg\" viewBox=\"0 0 50 50\">\n            <defs>\n              {this.variant === 'white' ? (\n                <linearGradient\n                  id=\"bellhop-gradient-white\"\n                  x1=\"0%\"\n                  y1=\"0%\"\n                  x2=\"0%\"\n                  y2=\"100%\"\n                >\n                  <stop offset=\"0%\" style={{ stopColor: 'rgba(255, 255, 255, 1)' }} />\n                  <stop offset=\"50%\" style={{ stopColor: 'rgba(255, 255, 255, 0.8)' }} />\n                  <stop offset=\"100%\" style={{ stopColor: 'rgba(255, 255, 255, 0.5)' }} />\n                </linearGradient>\n              ) : (\n                <linearGradient\n                  id=\"bellhop-gradient\"\n                  x1=\"0%\"\n                  y1=\"0%\"\n                  x2=\"0%\"\n                  y2=\"100%\"\n                >\n                  <stop offset=\"0%\" style={{ stopColor: 'var(--color-accent-300)' }} />\n                  <stop offset=\"51%\" style={{ stopColor: 'var(--color-brand-400)' }} />\n                  <stop offset=\"100%\" style={{ stopColor: 'var(--color-brand-600)' }} />\n                </linearGradient>\n              )}\n            </defs>\n            <circle\n              class=\"gradient-path\"\n              cx=\"25\"\n              cy=\"25\"\n              r=\"20\"\n              fill=\"none\"\n              stroke={`url(#${gradientId})`}\n              stroke-width=\"4\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        </div>\n      </div>\n    );\n  }\n\n  private renderMessage(isOverlay: boolean) {\n    const shouldShowMessage = isOverlay\n      ? (this.showMessage || this.overlayMessage)\n      : this.showMessage;\n\n    if (!shouldShowMessage) return null;\n\n    return (\n      <div class=\"loader-message\">\n        {isOverlay ? (this.overlayMessage || this.message) : this.message}\n      </div>\n    );\n  }\n\n  render() {\n    if (this.overlay) {\n      return (\n        <div class=\"loader-overlay\">\n          <div class=\"loader-overlay-content\">\n            <div class={`loader-container size-${this.size}`}>\n              {this.renderSpinner()}\n            </div>\n            {this.renderMessage(true)}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div class={`loader-container size-${this.size}`}>\n        {this.renderSpinner()}\n        {this.renderMessage(false)}\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}

package/cjs/bh-button_2.cjs.entry.js

@@ -1,47 +0,0 @@
-'use strict';
-
-var bhButton = require('./bh-button-BKVcf-nK.js');
-var index = require('./index-tZqSQc8E.js');
-
-const bhLoaderSpinnerCss = ":host{display:inline-block}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.loader-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.loader-spinner{position:relative;display:inline-block}.loader-message{color:var(--color-neutral-700);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-medium);text-align:center;margin-top:var(--spacing-xs)}.loader-overlay .loader-message{color:var(--color-white)}.spinner-gradient{animation:gradient-rotate 2s linear infinite;will-change:transform}.gradient-svg{display:block;transform-origin:50% 50%}.gradient-path{stroke-dasharray:90, 150;stroke-dashoffset:0;animation:gradient-dash 1.5s ease-in-out infinite;transform-origin:50% 50%}.size-sm .gradient-svg{width:20px;height:20px}.size-sm .gradient-path{stroke-width:5}.size-md .gradient-svg{width:30px;height:30px}.size-md .gradient-path{stroke-width:5}.size-lg .gradient-svg{width:40px;height:40px}.size-lg .gradient-path{stroke-width:5}.size-xl .gradient-svg{width:60px;height:60px}.size-xl .gradient-path{stroke-width:6}@keyframes gradient-rotate{100%{transform:rotate(360deg)}}@keyframes gradient-dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}.loader-container:hover .spinner-gradient{animation-duration:1s}.loader-container:hover .gradient-path{animation-duration:0.6s}.spinner-gradient{backface-visibility:hidden;perspective:1000px}.gradient-svg{transform:translateZ(0)}";
-
-const BhLoaderSpinner = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** Loader size */
-    size = 'md';
-    /** Loader color variant - use 'white' for dark surfaces like buttons */
-    variant = 'default';
-    /** Whether to show as overlay */
-    overlay = false;
-    /** Message to show in overlay mode */
-    overlayMessage = '';
-    /** Whether to show message */
-    showMessage = false;
-    /** Message text */
-    message = 'Loading...';
-    renderSpinner() {
-        const gradientId = this.variant === 'white' ? 'bellhop-gradient-white' : 'bellhop-gradient';
-        return (index.h("div", { class: `loader-spinner variant-${this.variant}` }, index.h("div", { class: "spinner-gradient" }, index.h("svg", { class: "gradient-svg", viewBox: "0 0 50 50" }, index.h("defs", null, this.variant === 'white' ? (index.h("linearGradient", { id: "bellhop-gradient-white", x1: "0%", y1: "0%", x2: "0%", y2: "100%" }, index.h("stop", { offset: "0%", style: { stopColor: 'rgba(255, 255, 255, 1)' } }), index.h("stop", { offset: "50%", style: { stopColor: 'rgba(255, 255, 255, 0.8)' } }), index.h("stop", { offset: "100%", style: { stopColor: 'rgba(255, 255, 255, 0.5)' } }))) : (index.h("linearGradient", { id: "bellhop-gradient", x1: "0%", y1: "0%", x2: "0%", y2: "100%" }, index.h("stop", { offset: "0%", style: { stopColor: 'var(--color-accent-300)' } }), index.h("stop", { offset: "51%", style: { stopColor: 'var(--color-brand-400)' } }), index.h("stop", { offset: "100%", style: { stopColor: 'var(--color-brand-600)' } })))), index.h("circle", { class: "gradient-path", cx: "25", cy: "25", r: "20", fill: "none", stroke: `url(#${gradientId})`, "stroke-width": "4", "stroke-linecap": "round" })))));
-    }
-    renderMessage(isOverlay) {
-        const shouldShowMessage = isOverlay
-            ? (this.showMessage || this.overlayMessage)
-            : this.showMessage;
-        if (!shouldShowMessage)
-            return null;
-        return (index.h("div", { class: "loader-message" }, isOverlay ? (this.overlayMessage || this.message) : this.message));
-    }
-    render() {
-        if (this.overlay) {
-            return (index.h("div", { class: "loader-overlay" }, index.h("div", { class: "loader-overlay-content" }, index.h("div", { class: `loader-container size-${this.size}` }, this.renderSpinner()), this.renderMessage(true))));
-        }
-        return (index.h("div", { class: `loader-container size-${this.size}` }, this.renderSpinner(), this.renderMessage(false)));
-    }
-};
-BhLoaderSpinner.style = bhLoaderSpinnerCss;
-
-exports.bh_button = bhButton.BhButton;
-exports.bh_loader_spinner = BhLoaderSpinner;
-//# sourceMappingURL=bh-button.bh-loader-spinner.entry.cjs.js.map

package/cjs/bh-card-footer.cjs.entry.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var index = require('./index-tZqSQc8E.js');
-
-const bhCardFooterCss = ":host{display:block}.card-footer{display:flex;flex-direction:column;gap:var(--spacing-xs);background:var(--color-white)}.card-footer-divider{height:1px;background:var(--color-neutral-200)}.card-footer-content{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.card-footer-align-left{justify-content:flex-start}.card-footer-align-right{justify-content:flex-end}.card-footer-align-space-between{justify-content:space-between}.card-footer-primary-actions{display:flex;flex:1 0 0;align-items:center;gap:var(--spacing-none);min-width:0}.card-footer-secondary-actions{display:flex;align-items:center;gap:var(--spacing-md)}.card-footer-primary-actions:empty,.card-footer-secondary-actions:empty{display:none}";
-
-const BhCardFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /**
-     * Whether to show the divider above the footer
-     */
-    showDivider = true;
-    /**
-     * Alignment of the footer content
-     */
-    alignment = 'space-between';
-    render() {
-        const footerContentClasses = {
-            'card-footer-content': true,
-            [`card-footer-align-${this.alignment}`]: true,
-        };
-        return (index.h(index.Host, { key: '27230a36e6bafcbb61bdac3bc0bcebbd550e70c8' }, index.h("div", { key: '1f0088fbe2a962080e5db856eb534029ed94d8e2', class: "card-footer" }, this.showDivider && index.h("div", { key: 'f320e028a9c4675b151547f6e368f67910e87d85', class: "card-footer-divider" }), index.h("div", { key: '9f35426a461e248e09de3c5e9eca23e7d63d9f08', class: footerContentClasses }, index.h("div", { key: 'd1d17256b3aa704bb898f711519c96405a7927af', class: "card-footer-primary-actions" }, index.h("slot", { key: '5f18da8ec38e3a2e2237a3bd4d1269686514047d', name: "primary-actions" })), index.h("div", { key: '0754da91faf75928a1070a01960f41395f0387dc', class: "card-footer-secondary-actions" }, index.h("slot", { key: '2ffc5290e3499d62e72fd1398b44811d0f0970ba', name: "secondary-actions" }))))));
-    }
-};
-BhCardFooter.style = bhCardFooterCss;
-
-exports.bh_card_footer = BhCardFooter;
-//# sourceMappingURL=bh-card-footer.entry.cjs.js.map

package/cjs/bh-card-header.cjs.entry.js

@@ -1,74 +0,0 @@
-'use strict';
-
-var index = require('./index-tZqSQc8E.js');
-
-const bhCardHeaderCss = ":host{display:block}.card-header{display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--color-white)}.card-header-content{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-lg) var(--spacing-xl) 0 var(--spacing-xl)}.card-header-text-container{display:flex;flex-direction:column;flex:1 0 0;gap:var(--spacing-xxs);min-width:0}.card-header-title-row{display:flex;align-items:center;gap:var(--spacing-lg)}.card-header-title{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--text-md-line);color:var(--color-neutral-900)}.card-header-supporting-row{display:flex;align-items:center;gap:var(--spacing-lg);width:100%}.card-header-spacer{width:32px;flex-shrink:0}.card-header-supporting-text{flex:1 0 0;font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header-divider{height:1px;background:var(--color-neutral-200)}";
-
-const BhCardHeader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bhDropdownClick = index.createEvent(this, "bhDropdownClick");
-    }
-    /**
-     * Whether to show the featured icon
-     */
-    showFeaturedIcon = true;
-    /**
-     * The Material Symbol icon name for the featured icon
-     */
-    featuredIcon = 'star';
-    /**
-     * The style of the featured icon
-     */
-    featuredIconStyle = 'outlined';
-    /**
-     * The color of the featured icon
-     */
-    featuredIconColor = 'gray';
-    /**
-     * Whether to show the title
-     */
-    showTitle = true;
-    /**
-     * The title text
-     */
-    headerTitle = 'Card title';
-    /**
-     * Whether to show the badge
-     */
-    showBadge = false;
-    /**
-     * The badge text
-     */
-    badgeText = '';
-    /**
-     * Whether to show the supporting text
-     */
-    showSupportingText = true;
-    /**
-     * The supporting text (description)
-     */
-    supportingText = 'Card description';
-    /**
-     * Whether to show the dropdown menu button
-     */
-    showDropdown = true;
-    /**
-     * Whether to show the divider
-     */
-    showDivider = true;
-    /**
-     * Emitted when the dropdown button is clicked
-     */
-    bhDropdownClick;
-    handleDropdownClick = () => {
-        this.bhDropdownClick.emit();
-    };
-    render() {
-        return (index.h(index.Host, { key: '58db2d5c1ca47600da5c07ea2750ecb1c2f2a4a7' }, index.h("div", { key: '70cbc0d9779b1f5e75a774f40715001c904f2670', class: "card-header" }, index.h("div", { key: 'fb602ff3a92aa06d51df870ea4e5b3a6f11e9309', class: "card-header-content" }, index.h("div", { key: '00a315a07bc10dc72c36cbc79e0d24c9570dcdc7', class: "card-header-text-container" }, index.h("div", { key: '42d15bc872bf00216be3fcff6bee772bcab7b14e', class: "card-header-title-row" }, this.showFeaturedIcon && (index.h("bh-featured-icon", { key: 'd9294c5035425329806b0b575cf4799defed83f9', size: "sm", icon: this.featuredIcon, iconStyle: this.featuredIconStyle, color: this.featuredIconColor })), this.showTitle && (index.h("span", { key: '96399bb209d70a9694fab80e0e0c4ece3025ade5', class: "card-header-title" }, this.headerTitle)), this.showBadge && this.badgeText && (index.h("bh-badge", { key: 'e030d01179a3e0cc3dbbc972a7251dd49a661533', variant: "blue", size: "sm", emphasis: "medium", label: this.badgeText }))), this.showSupportingText && (index.h("div", { key: 'e4a1253d649a77d9d6a5f12313f279e18b509304', class: "card-header-supporting-row" }, this.showFeaturedIcon && index.h("div", { key: 'bf5f6482b25ad7c35f6f42f18001064f1a5f8be9', class: "card-header-spacer" }), index.h("span", { key: '256fa43537b957a80190ce8683484cbaef0ade56', class: "card-header-supporting-text" }, this.supportingText)))), this.showDropdown && (index.h("bh-button-icon", { key: 'ab3df5c4b4fd8dbeb56c1860d2b38334ed6fa29e', hierarchy: "quaternary", size: "sm", iconName: "more_vert", ariaLabel: "More options", onBhClick: this.handleDropdownClick }))), index.h("slot", { key: '836d525ba14a3f7020fecdcf3660e2e50353a9de', name: "tabs" }), this.showDivider && index.h("div", { key: '9b96114d09fb987fe710de8a6438141c380c07e3', class: "card-header-divider" }))));
-    }
-};
-BhCardHeader.style = bhCardHeaderCss;
-
-exports.bh_card_header = BhCardHeader;
-//# sourceMappingURL=bh-card-header.entry.cjs.js.map

package/cjs/bh-card.cjs.entry.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var index = require('./index-tZqSQc8E.js');
-
-const bhCardCss = ":host{display:block}.card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);overflow:hidden;font-family:var(--font-inter)}.card-header-slot{display:contents}.card-content{display:flex;flex-direction:column;flex:1 0 auto;padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-none)}.card-footer-slot{display:contents}.card-content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-purple-50, #f5f3ff);border:1px dashed var(--color-purple-500, #7c3aed);border-radius:var(--radius-xl);min-height:100%}.card-placeholder-icon{font-size:32px;color:var(--color-purple-500, #7c3aed)}.card-placeholder-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-purple-700, #6d28d9);text-decoration:underline;text-align:center}";
-
-const BhCard = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get el() { return index.getElement(this); }
-    /**
-     * Whether to show the header section
-     */
-    showHeader = true;
-    /**
-     * Whether to show the footer section
-     */
-    showFooter = true;
-    /**
-     * Minimum height of the content area in pixels
-     */
-    contentMinHeight = 200;
-    /**
-     * Placeholder text shown when no content is provided
-     */
-    placeholderText = 'Card content slot';
-    hasContent = false;
-    componentWillLoad() {
-        this.checkForContent();
-    }
-    checkForContent() {
-        const children = Array.from(this.el.childNodes).filter((node) => (node.nodeType === Node.ELEMENT_NODE &&
-            !node.hasAttribute('slot')) ||
-            (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()));
-        this.hasContent = children.length > 0;
-    }
-    render() {
-        const contentStyle = {
-            minHeight: `${this.contentMinHeight}px`,
-        };
-        return (index.h(index.Host, { key: '5bbe75e2d4ace932edc5a8d32fb450e27e67cdbe' }, index.h("div", { key: 'ddb19c134e32a35bc2b8a4b57ed9862faf47a53b', class: "card" }, this.showHeader && (index.h("div", { key: '315478a2c488b5e933c49966bccaccf8313e58b5', class: "card-header-slot" }, index.h("slot", { key: 'f3de383b3818feb9883c25ff150c52f0e347de86', name: "header" }))), index.h("div", { key: '4c6b62db9ffa61f2e0133c2af7a29a090d9c54a5', class: "card-content", style: contentStyle }, index.h("slot", { key: '969443dcc57fe724cbb3f1d6e1c35c8cc0312794' }), !this.hasContent && (index.h("div", { key: '0c5e02cf39bec9c7c1ce2ef223b1b4b0df74a372', class: "card-content-placeholder" }, index.h("span", { key: '0a89b768f29453dc251c3c3402ea8029bd13aaeb', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (index.h("div", { key: 'f4a2bb6df865bd1abb8f5da2d686906bddcc4c08', class: "card-footer-slot" }, index.h("slot", { key: '8e643371cbbbf56fb3fb87ccda3b5897f8f914bd', name: "footer" }))))));
-    }
-};
-BhCard.style = bhCardCss;
-
-exports.bh_card = BhCard;
-//# sourceMappingURL=bh-card.entry.cjs.js.map

package/cjs/bh-chart-tooltip.cjs.entry.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var index = require('./index-tZqSQc8E.js');
-
-const bhChartTooltipCss = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    'Liberation Mono', 'Courier New', monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xl-size:1.25rem;--text-lg-size:1.125rem;--text-md-size:1rem;--text-sm-size:0.875rem;--text-xs-size:0.75rem;--text-xl-line:1.875rem;--text-lg-line:1.75rem;--text-md-line:1.5rem;--text-sm-line:1.25rem;--text-xs-line:1.125rem;--spacing-none:0rem;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.25rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--spacing-5xl:2.5rem;--spacing-6xl:3rem;--radius-none:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-4xl:1.5rem;--radius-full:9999px;--shadow-xs:0px 1px 2px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 3px rgba(16, 24, 40, 0.1),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);--icon-compensation-xs-btn:calc(var(--spacing-lg) - var(--spacing-xs));--icon-compensation-sm-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-md-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-lg-btn:calc(var(--spacing-xl) - var(--spacing-xs))}*,*::before,*::after{box-sizing:border-box}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}:host{display:block}.chart-tooltip{position:fixed;z-index:10000;pointer-events:none;opacity:0;transition:opacity 0.15s ease;transform:translate(-50%, -100%);margin-top:var(--spacing-sm);width:max-content;min-width:120px;max-width:240px}.chart-tooltip.storybook-mode{position:absolute;transform:translate(-50%, -100%);margin-top:-10px}.chart-tooltip.visible{opacity:1}.tooltip-content{background:var(--color-white);color:var(--color-neutral-900);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-inter);font-size:var(--text-xs-size);line-height:var(--text-xs-line);box-shadow:0 2px 8px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.08);border:1px solid rgba(0, 0, 0, 0.05)}.tooltip-header{font-weight:var(--weight-semibold);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-neutral-100)}.tooltip-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tooltip-item{display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.tooltip-dot{width:var(--spacing-sm);height:var(--spacing-sm);border-radius:50%;flex-shrink:0}.tooltip-label{color:var(--color-neutral-600);font-weight:var(--weight-regular);flex-shrink:0}.tooltip-value{color:var(--color-neutral-900);font-weight:var(--weight-medium)}.tooltip-total{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-neutral-100);display:flex;justify-content:space-between;gap:var(--spacing-md)}.total-label{color:var(--color-neutral-600);font-weight:var(--weight-medium)}.total-value{color:var(--color-neutral-900);font-weight:var(--weight-semibold)}";
-
-const BhChartTooltip = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /**
-     * Whether the tooltip is visible
-     */
-    visible = false;
-    /**
-     * X position of the tooltip (in pixels)
-     */
-    x = 0;
-    /**
-     * Y position of the tooltip (in pixels)
-     */
-    y = 0;
-    /**
-     * Header text for the tooltip
-     */
-    header = '';
-    /**
-     * Items to display in the tooltip
-     */
-    items = [];
-    /**
-     * Total value to display
-     */
-    total = '';
-    /**
-     * Whether to show the total
-     */
-    showTotal = false;
-    /**
-     * Whether in storybook mode (for static positioning)
-     */
-    storybookMode = false;
-    render() {
-        return (index.h(index.Host, { key: '57397b8dd557ccf795a68896c7f1913fb0bc9b9e' }, index.h("div", { key: 'ff10c37825a1b62a08b168248b7d05b49fca5a79', class: {
-                'chart-tooltip': true,
-                visible: this.visible,
-                'storybook-mode': this.storybookMode,
-            }, style: {
-                left: `${this.x}px`,
-                top: `${this.y}px`,
-            } }, index.h("div", { key: '1eec265888955e2d073b85c4e2a5cde44b816233', class: "tooltip-content" }, this.header && index.h("div", { key: 'b287d571062079c274941e20863562898e1de7de', class: "tooltip-header" }, this.header), index.h("div", { key: 'f4db62e0a0bc52422546fff47e0fb11abffdf744', class: "tooltip-items" }, this.items.map((item, index$1) => (index.h("div", { key: index$1, class: "tooltip-item" }, item.color && (index.h("span", { class: "tooltip-dot", style: { backgroundColor: item.color } })), item.label && (index.h("span", { class: "tooltip-label" }, item.label, ":")), index.h("span", { class: "tooltip-value" }, item.value))))), this.showTotal && this.total && (index.h("div", { key: '46ade21e6d662ae224d6e2d019609b270b8e1989', class: "tooltip-total" }, index.h("span", { key: '8ad8d17c70c5b9a4a6fd98b54db5da98e9025875', class: "total-label" }, "Total:"), index.h("span", { key: '57e0ee054526971a7e4b8b8e43b2e0c1b685b9e4', class: "total-value" }, this.total)))))));
-    }
-};
-BhChartTooltip.style = bhChartTooltipCss;
-
-exports.bh_chart_tooltip = BhChartTooltip;
-//# sourceMappingURL=bh-chart-tooltip.entry.cjs.js.map

package/cjs/bh-checkbox-group-item.cjs.entry.js

@@ -1,142 +0,0 @@
-'use strict';
-
-var index = require('./index-tZqSQc8E.js');
-
-const bhCheckboxGroupItemCss = ":host{display:block}.checkbox-group-item{display:flex;align-items:flex-start;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all 0.2s ease;box-sizing:border-box;font-family:var(--font-inter);outline:none}.checkbox-group-item-sm{padding:var(--spacing-xl);gap:var(--spacing-md)}.checkbox-group-item-md{padding:var(--spacing-xl) var(--spacing-2xl);gap:var(--spacing-lg)}.checkbox-group-item-icon-simple{gap:var(--spacing-lg)}.checkbox-group-item-active{border-color:var(--color-brand-600);box-shadow:inset 0 0 0 1px var(--color-brand-600);background:var(--color-brand-50)}.checkbox-group-item-hovered:not(.checkbox-group-item-disabled):not(.checkbox-group-item-active){background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.checkbox-group-item-focused:not(.checkbox-group-item-disabled):not(.checkbox-group-item-active){box-shadow:0px 0px 0px 4px var(--color-brand-100)}.checkbox-group-item-focused.checkbox-group-item-active:not(.checkbox-group-item-disabled){box-shadow:inset 0 0 0 1px var(--color-brand-600),\n    0px 0px 0px 4px var(--color-brand-100)}.checkbox-group-item-disabled{background:var(--color-neutral-100);border-color:var(--color-neutral-200);cursor:not-allowed;opacity:0.6}.item-content{display:flex;flex-direction:column;flex:1;gap:var(--spacing-xs);min-width:0}.item-text-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.item-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line);color:var(--color-neutral-900)}.item-subtitle{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600)}.item-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);margin:0}.checkbox-group-item-disabled .item-title,.checkbox-group-item-disabled .item-subtitle,.checkbox-group-item-disabled .item-description{color:var(--color-neutral-400)}.checkbox-group-item bh-checkbox,.checkbox-group-item bh-radio-button{pointer-events:none}";
-
-const BhCheckboxGroupItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bhItemChange = index.createEvent(this, "bhItemChange");
-    }
-    /**
-     * The type of input control
-     */
-    type = 'checkbox';
-    /**
-     * The size variant
-     */
-    size = 'sm';
-    /**
-     * Unique value identifier for this item
-     */
-    value = '';
-    /**
-     * Whether the item is checked (for checkbox type)
-     */
-    checked = false;
-    /**
-     * Whether the item is selected (for radio type)
-     */
-    selected = false;
-    /**
-     * Whether the item is disabled
-     */
-    disabled = false;
-    /**
-     * Material Symbol icon name (for icon-simple type)
-     */
-    icon = '';
-    /**
-     * Title text
-     */
-    itemTitle = '';
-    /**
-     * Subtitle text (inline with title)
-     */
-    subtitle = '';
-    /**
-     * Description text
-     */
-    description = '';
-    /**
-     * Radio group name (for radio type)
-     */
-    name = '';
-    isHovered = false;
-    isFocused = false;
-    /**
-     * Emitted when the item state changes
-     */
-    bhItemChange;
-    handleClick = () => {
-        if (this.disabled)
-            return;
-        if (this.type === 'radio' || this.type === 'icon-simple') {
-            if (!this.selected) {
-                this.selected = true;
-                this.bhItemChange.emit({ value: this.value, checked: true });
-            }
-        }
-        else {
-            this.checked = !this.checked;
-            this.bhItemChange.emit({ value: this.value, checked: this.checked });
-        }
-    };
-    handleKeyDown = (event) => {
-        if (event.key === ' ' || event.key === 'Enter') {
-            event.preventDefault();
-            this.handleClick();
-        }
-    };
-    handleMouseEnter = () => {
-        if (!this.disabled)
-            this.isHovered = true;
-    };
-    handleMouseLeave = () => {
-        this.isHovered = false;
-    };
-    handleFocus = () => {
-        if (!this.disabled)
-            this.isFocused = true;
-    };
-    handleBlur = () => {
-        this.isFocused = false;
-    };
-    handleCheckboxChange = (event) => {
-        event.stopPropagation();
-        this.checked = event.detail;
-        this.bhItemChange.emit({ value: this.value, checked: this.checked });
-    };
-    handleRadioChange = (event) => {
-        event.stopPropagation();
-        this.selected = true;
-        this.bhItemChange.emit({ value: this.value, checked: true });
-    };
-    render() {
-        const isActive = (this.type === 'radio' || this.type === 'icon-simple') ? this.selected : this.checked;
-        const containerClasses = {
-            'checkbox-group-item': true,
-            [`checkbox-group-item-${this.size}`]: true,
-            [`checkbox-group-item-${this.type}`]: true,
-            'checkbox-group-item-active': isActive,
-            'checkbox-group-item-disabled': this.disabled,
-            'checkbox-group-item-hovered': this.isHovered,
-            'checkbox-group-item-focused': this.isFocused,
-        };
-        const renderInput = () => {
-            if (this.type === 'radio') {
-                return (index.h("bh-radio-button", { size: this.size, selected: this.selected, disabled: this.disabled, value: this.value, name: this.name, onBhChange: this.handleRadioChange }));
-            }
-            // For icon-simple, use `selected` state; for checkbox, use `checked` state
-            const isChecked = this.type === 'icon-simple' ? this.selected : this.checked;
-            return (index.h("bh-checkbox", { size: this.size, checked: isChecked, disabled: this.disabled, onBhChange: this.handleCheckboxChange }));
-        };
-        const renderIcon = () => {
-            if (this.type === 'icon-simple' && this.icon) {
-                return (index.h("bh-featured-icon", { size: "sm", icon: this.icon, color: "gray", iconStyle: "outlined" }));
-            }
-            return null;
-        };
-        const renderContent = () => (index.h("div", { class: "item-content" }, index.h("div", { class: "item-text-row" }, this.itemTitle && index.h("span", { class: "item-title" }, this.itemTitle), this.subtitle && index.h("span", { class: "item-subtitle" }, this.subtitle)), this.description && index.h("p", { class: "item-description" }, this.description)));
-        return (index.h(index.Host, null, index.h("div", { class: containerClasses, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: this.disabled ? -1 : 0, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": String(isActive), "aria-disabled": this.disabled ? 'true' : null }, this.type === 'icon-simple' ? (
-        // Icon Simple: icon + content | input
-        [renderIcon(), renderContent(), renderInput()]) : (
-        // Checkbox/Radio: input | content
-        [renderInput(), renderContent()]))));
-    }
-};
-BhCheckboxGroupItem.style = bhCheckboxGroupItemCss;
-
-exports.bh_checkbox_group_item = BhCheckboxGroupItem;
-//# sourceMappingURL=bh-checkbox-group-item.entry.cjs.js.map

package/cjs/bh-checkbox-group.cjs.entry.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var index = require('./index-tZqSQc8E.js');
-
-const bhCheckboxGroupCss = ":host{display:block}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}";
-
-const BhCheckboxGroup = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bhChange = index.createEvent(this, "bhChange");
-    }
-    get el() { return index.getElement(this); }
-    /**
-     * The type of input controls in the group
-     */
-    type = 'checkbox';
-    /**
-     * The name for radio group (required for radio type)
-     */
-    name = '';
-    /**
-     * Current selected value(s)
-     * For checkbox: array of values
-     * For radio: single value string
-     */
-    value = [];
-    /**
-     * Whether all items in the group are disabled
-     */
-    disabled = false;
-    /**
-     * Emitted when selection changes
-     */
-    bhChange;
-    handleItemChange(event) {
-        event.stopPropagation();
-        const { value: itemValue, checked } = event.detail;
-        if (this.type === 'radio' || this.type === 'icon-simple') {
-            // Radio behavior: only one can be selected
-            if (checked) {
-                this.value = itemValue;
-                this.updateChildItems();
-                this.bhChange.emit(this.value);
-            }
-        }
-        else {
-            // Checkbox behavior: multiple can be selected
-            const currentValues = Array.isArray(this.value) ? [...this.value] : [];
-            if (checked) {
-                if (!currentValues.includes(itemValue)) {
-                    currentValues.push(itemValue);
-                }
-            }
-            else {
-                const index = currentValues.indexOf(itemValue);
-                if (index > -1) {
-                    currentValues.splice(index, 1);
-                }
-            }
-            this.value = currentValues;
-            this.bhChange.emit(this.value);
-        }
-    }
-    componentDidLoad() {
-        this.updateChildItems();
-    }
-    updateChildItems() {
-        const items = this.el.querySelectorAll('bh-checkbox-group-item');
-        items.forEach((item) => {
-            // Set type from group
-            item.type = this.type;
-            // Set name for radio groups
-            if (this.type === 'radio' || this.type === 'icon-simple') {
-                item.name = this.name;
-            }
-            // Set disabled state
-            if (this.disabled) {
-                item.disabled = true;
-            }
-            // Update selection state
-            if (this.type === 'radio' || this.type === 'icon-simple') {
-                item.selected = item.value === this.value;
-                item.checked = false;
-            }
-            else {
-                const values = Array.isArray(this.value) ? this.value : [];
-                item.checked = values.includes(item.value);
-                item.selected = false;
-            }
-        });
-    }
-    render() {
-        const role = this.type === 'radio' || this.type === 'icon-simple' ? 'radiogroup' : 'group';
-        return (index.h(index.Host, { key: '14f895b1d0b5d6ba32a67ce3651c327d29d0770c' }, index.h("div", { key: '13b9e0179910941c223643945735fb66b699c6eb', class: "checkbox-group", role: role, "aria-disabled": this.disabled ? 'true' : null }, index.h("slot", { key: '6b28955878dca08ac7549e31130eb69a0880f2ae' }))));
-    }
-};
-BhCheckboxGroup.style = bhCheckboxGroupCss;
-
-exports.bh_checkbox_group = BhCheckboxGroup;
-//# sourceMappingURL=bh-checkbox-group.entry.cjs.js.map