@actabldesign/bellhop-core 0.0.8 → 0.0.12

package/dist/esm/bh-button-ImGVvXaj.js

@@ -1,115 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-nAAobRRQ.js';
-
-const bhButtonCss = ":host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-inter);font-weight:var(--weight-medium);border:1px solid transparent;cursor:pointer;text-align:center;white-space:nowrap;transition:all 0.2s ease-in-out;text-decoration:none;outline:none}.btn-xs{padding:0 var(--spacing-lg);height:24px;border-radius:var(--radius-md);font-size:var(--text-sm-size)}.btn-sm{padding:0 var(--spacing-xl);height:32px;border-radius:var(--radius-md);font-size:var(--text-sm-size)}.btn-md{padding:0 var(--spacing-xl);height:40px;border-radius:var(--radius-md);font-size:var(--text-sm-size)}.btn-lg{padding:0 var(--spacing-xl);height:48px;border-radius:var(--radius-md);gap:var(--spacing-sm);font-size:var(--text-md-size)}.btn-xs.btn-icon-leading{padding-left:var(\n    --icon-compensation-xs-btn,\n    calc(var(--spacing-lg) - var(--spacing-xs))\n  )}.btn-sm.btn-icon-leading{padding-left:var(\n    --icon-compensation-sm-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  )}.btn-md.btn-icon-leading{padding-left:var(\n    --icon-compensation-md-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  )}.btn-lg.btn-icon-leading{padding-left:var(\n    --icon-compensation-lg-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  )}.btn-xs.btn-icon-trailing{padding-right:var(\n    --icon-compensation-xs-btn,\n    calc(var(--spacing-lg) - var(--spacing-xs))\n  )}.btn-sm.btn-icon-trailing{padding-right:var(\n    --icon-compensation-sm-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  )}.btn-md.btn-icon-trailing{padding-right:var(\n    --icon-compensation-md-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  )}.btn-lg.btn-icon-trailing{padding-right:var(\n    --icon-compensation-lg-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  )}.btn-primary.btn-default{background-color:var(--color-brand-600);color:var(--color-white);border-color:var(--color-brand-600)}.btn-secondary.btn-default{background-color:var(--color-white);color:var(--color-neutral-600);border-color:var(--color-neutral-300)}.btn-tertiary.btn-default{background-color:transparent;color:var(--color-neutral-600);border-color:transparent}.btn-quaternary.btn-default{background-color:transparent;color:var(--color-brand-600);border-color:transparent}.btn-primary.btn-destructive{background-color:var(--color-error-600);color:var(--color-white);border-color:var(--color-error-600)}.btn-secondary.btn-destructive{background-color:var(--color-white);color:var(--color-error-600);border-color:var(--color-error-300)}.btn-tertiary.btn-destructive{background-color:transparent;color:var(--color-error-600);border-color:transparent}.btn-quaternary.btn-destructive{background-color:transparent;color:var(--color-error-600);border-color:transparent}.btn-primary.btn-success{background-color:var(--color-success-600);color:var(--color-white);border-color:var(--color-success-600)}.btn-secondary.btn-success{background-color:var(--color-white);color:var(--color-success-600);border-color:var(--color-success-300)}.btn-tertiary.btn-success{background-color:transparent;color:var(--color-success-600);border-color:transparent}.btn-quaternary.btn-success{background-color:transparent;color:var(--color-success-600);border-color:transparent}.btn-primary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-brand-700);border-color:var(--color-brand-700)}.btn-secondary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-neutral-50);color:var(--color-neutral-700);border-color:var(--color-neutral-400)}.btn-tertiary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-quaternary.btn-default:hover:not(:disabled):not(.btn-disabled){color:var(--color-brand-700)}.btn-primary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-error-700);border-color:var(--color-error-700)}.btn-secondary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-error-50);border-color:var(--color-error-300)}.btn-tertiary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-error-50)}.btn-quaternary.btn-destructive:hover:not(:disabled):not(.btn-disabled){color:var(--color-error-700)}.btn-primary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-success-700);border-color:var(--color-success-700)}.btn-secondary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-success-50);border-color:var(--color-success-300)}.btn-tertiary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-success-50)}.btn-quaternary.btn-success:hover:not(:disabled):not(.btn-disabled){color:var(--color-success-700)}.btn-primary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--color-brand-800);border-color:var(--color-brand-800)}.btn-secondary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--color-neutral-100);border-color:var(--color-neutral-500)}.btn-tertiary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--color-neutral-100)}.btn-quaternary.btn-default:active:not(:disabled):not(.btn-disabled){color:var(--color-brand-800)}.btn-primary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--color-error-800);border-color:var(--color-error-800)}.btn-secondary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--color-error-100);border-color:var(--color-error-400)}.btn-tertiary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--color-error-100)}.btn-quaternary.btn-destructive:active:not(:disabled):not(.btn-disabled){color:var(--color-error-800)}.btn-primary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--color-success-800);border-color:var(--color-success-800)}.btn-secondary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--color-success-100);border-color:var(--color-success-400)}.btn-tertiary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--color-success-100)}.btn-quaternary.btn-success:active:not(:disabled):not(.btn-disabled){color:var(--color-success-800)}.btn.btn-default:focus,.btn.btn-default:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.btn.btn-destructive:focus,.btn.btn-destructive:focus-visible{outline:2px solid var(--color-error-500);outline-offset:2px}.btn.btn-success:focus,.btn.btn-success:focus-visible{outline:2px solid var(--color-success-500);outline-offset:2px}.btn:disabled,.btn-disabled{cursor:not-allowed;pointer-events:none}.btn-primary:disabled,.btn-primary.btn-disabled{background-color:var(--color-neutral-200);color:var(--color-neutral-400);border-color:var(--color-neutral-200)}.btn-secondary:disabled,.btn-secondary.btn-disabled,.btn-tertiary:disabled,.btn-tertiary.btn-disabled,.btn-quaternary:disabled,.btn-quaternary.btn-disabled{opacity:0.5}.btn-loading{cursor:wait;pointer-events:none}.btn-loading .btn-label{opacity:0.7}.btn-label{display:inline-block;line-height:inherit}.btn-quaternary .btn-label{text-decoration:underline}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-material{line-height:1;vertical-align:middle;color:inherit !important}.btn-xs .btn-icon-material{font-size:var(--text-sm-size)}.btn-sm .btn-icon-material{font-size:var(--text-md-size)}.btn-md .btn-icon-material{font-size:var(--text-lg-size)}.btn-lg .btn-icon-material{font-size:var(--text-lg-size)}.btn-icon-only{padding:0}.btn-icon-only.btn-xs{width:24px;height:24px}.btn-icon-only.btn-sm{width:32px;height:32px}.btn-icon-only.btn-md{width:40px;height:40px}.btn-icon-only.btn-lg{width:48px;height:48px}.btn-icon-only .btn-icon-material{margin:0}.btn-loading-icon{line-height:1;vertical-align:middle;color:inherit;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.text-sm{font-size:var(--text-sm-size);line-height:var(--text-sm-line)}.text-md{font-size:var(--text-md-size);line-height:var(--text-md-line)}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}";
-
-const BhButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bhClick = createEvent(this, "bhClick");
-    }
-    /**
-     * The visual hierarchy of the button
-     */
-    hierarchy = 'primary';
-    /**
-     * The kind/semantic meaning of the button
-     */
-    kind = 'default';
-    /**
-     * Icon position relative to the label
-     */
-    icon = 'none';
-    /**
-     * The size of the button
-     */
-    size = 'md';
-    /**
-     * Fallback text label (used only if no slot content is provided)
-     */
-    label;
-    /**
-     * Material Symbols icon name (e.g., 'add', 'edit', 'delete')
-     */
-    iconName;
-    /**
-     * Whether the button is disabled
-     */
-    disabled = false;
-    /**
-     * Whether the button is in a 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';
-    /**
-     * Emitted when the button is clicked
-     */
-    bhClick;
-    handleClick = (event) => {
-        if (!this.disabled && !this.loading) {
-            this.bhClick.emit(event);
-        }
-    };
-    getIconSizeClass() {
-        switch (this.size) {
-            case 'sm':
-            case 'md':
-                return 'icon-md';
-            case 'lg':
-                return 'icon-lg';
-            default:
-                return 'icon-md';
-        }
-    }
-    getTextSizeClass() {
-        switch (this.size) {
-            case 'sm':
-            case 'md':
-                return 'text-sm';
-            case 'lg':
-                return 'text-md';
-            default:
-                return 'text-sm';
-        }
-    }
-    getLoaderSize() {
-        switch (this.size) {
-            case 'xs':
-            case 'sm':
-                return 'sm';
-            default:
-                return 'sm';
-        }
-    }
-    getLoaderVariant() {
-        // Primary buttons (all kinds) have dark background, so use white spinner
-        return this.hierarchy === 'primary' ? 'white' : 'default';
-    }
-    render() {
-        const showLabel = this.icon !== 'only';
-        const showLeadingIcon = this.icon === 'leading' && (this.iconName || this.loading);
-        const showTrailingIcon = this.icon === 'trailing' && this.iconName && !this.loading;
-        const showOnlyIcon = this.icon === 'only' && (this.iconName || this.loading);
-        const buttonClasses = {
-            btn: true,
-            [`btn-${this.hierarchy}`]: true,
-            [`btn-${this.kind}`]: true,
-            [`btn-${this.size}`]: true,
-            [`btn-icon-${this.icon}`]: true,
-            'btn-disabled': this.disabled,
-            'btn-loading': this.loading,
-        };
-        return (h("button", { key: 'f2f54633cb42a7fea15c38aa8bc24be085320dc9', type: this.type, class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, part: "button" }, showLeadingIcon && (h("span", { key: '682a4704e4f874b4f3d051aab4738829cbd47778', class: `btn-icon ${this.getIconSizeClass()}` }, this.loading ? (h("bh-loader-spinner", { size: this.getLoaderSize(), variant: this.getLoaderVariant() })) : (h("span", { class: "btn-icon-material material-symbols-outlined" }, this.iconName)))), showOnlyIcon && (h("span", { key: '767e0ee41843e2ef8b3a45ec82f15602848ad751', class: `btn-icon ${this.getIconSizeClass()}` }, this.loading ? (h("bh-loader-spinner", { size: this.getLoaderSize(), variant: this.getLoaderVariant() })) : (h("span", { class: "btn-icon-material material-symbols-outlined" }, this.iconName)))), showLabel && (h("span", { key: 'bb2ddbcf7eb35dd5af688a6fc6d61d07f67d90ba', class: `btn-label ${this.getTextSizeClass()}` }, h("slot", { key: '010690eeab4cea1205d2ebca5cc2e1bfc95048c7' }, this.label))), showTrailingIcon && (h("span", { key: '9de8df1ab10e9035affbd766fea95896762e2bca', class: `btn-icon ${this.getIconSizeClass()}` }, h("span", { key: 'b50370274c0513a7885eae4bf40235c3e7e245aa', class: "btn-icon-material material-symbols-outlined" }, this.iconName)))));
-    }
-};
-BhButton.style = bhButtonCss;
-
-export { BhButton as B };
-//# sourceMappingURL=bh-button-ImGVvXaj.js.map
-
-//# sourceMappingURL=bh-button-ImGVvXaj.js.map

package/dist/esm/bh-button-ImGVvXaj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bh-button-ImGVvXaj.js","sources":["src/components/bh-button/bh-button.css?tag=bh-button&encapsulation=shadow","src/components/bh-button/bh-button.tsx"],"sourcesContent":["/* ==========================================================================\n   BH-BUTTON COMPONENT STYLES\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n}\n\n/* Base Button */\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-xs);\n  font-family: var(--font-inter);\n  font-weight: var(--weight-medium);\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n  outline: none;\n}\n\n/* Button Sizes */\n.btn-xs {\n  padding: 0 var(--spacing-lg);\n  height: 24px;\n  border-radius: var(--radius-md);\n  font-size: var(--text-sm-size);\n}\n\n.btn-sm {\n  padding: 0 var(--spacing-xl);\n  height: 32px;\n  border-radius: var(--radius-md);\n  font-size: var(--text-sm-size);\n}\n\n.btn-md {\n  padding: 0 var(--spacing-xl);\n  height: 40px;\n  border-radius: var(--radius-md);\n  font-size: var(--text-sm-size);\n}\n\n.btn-lg {\n  padding: 0 var(--spacing-xl);\n  height: 48px;\n  border-radius: var(--radius-md);\n  gap: var(--spacing-sm);\n  font-size: var(--text-md-size);\n}\n\n/* Icon Padding Compensation */\n.btn-xs.btn-icon-leading {\n  padding-left: var(\n    --icon-compensation-xs-btn,\n    calc(var(--spacing-lg) - var(--spacing-xs))\n  );\n}\n\n.btn-sm.btn-icon-leading {\n  padding-left: var(\n    --icon-compensation-sm-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  );\n}\n\n.btn-md.btn-icon-leading {\n  padding-left: var(\n    --icon-compensation-md-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  );\n}\n\n.btn-lg.btn-icon-leading {\n  padding-left: var(\n    --icon-compensation-lg-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  );\n}\n\n.btn-xs.btn-icon-trailing {\n  padding-right: var(\n    --icon-compensation-xs-btn,\n    calc(var(--spacing-lg) - var(--spacing-xs))\n  );\n}\n\n.btn-sm.btn-icon-trailing {\n  padding-right: var(\n    --icon-compensation-sm-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  );\n}\n\n.btn-md.btn-icon-trailing {\n  padding-right: var(\n    --icon-compensation-md-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  );\n}\n\n.btn-lg.btn-icon-trailing {\n  padding-right: var(\n    --icon-compensation-lg-btn,\n    calc(var(--spacing-xl) - var(--spacing-xs))\n  );\n}\n\n/* Button Hierarchies - Default Kind */\n.btn-primary.btn-default {\n  background-color: var(--color-brand-600);\n  color: var(--color-white);\n  border-color: var(--color-brand-600);\n}\n\n.btn-secondary.btn-default {\n  background-color: var(--color-white);\n  color: var(--color-neutral-600);\n  border-color: var(--color-neutral-300);\n}\n\n.btn-tertiary.btn-default {\n  background-color: transparent;\n  color: var(--color-neutral-600);\n  border-color: transparent;\n}\n\n.btn-quaternary.btn-default {\n  background-color: transparent;\n  color: var(--color-brand-600);\n  border-color: transparent;\n}\n\n/* Button Hierarchies - Destructive Kind */\n.btn-primary.btn-destructive {\n  background-color: var(--color-error-600);\n  color: var(--color-white);\n  border-color: var(--color-error-600);\n}\n\n.btn-secondary.btn-destructive {\n  background-color: var(--color-white);\n  color: var(--color-error-600);\n  border-color: var(--color-error-300);\n}\n\n.btn-tertiary.btn-destructive {\n  background-color: transparent;\n  color: var(--color-error-600);\n  border-color: transparent;\n}\n\n.btn-quaternary.btn-destructive {\n  background-color: transparent;\n  color: var(--color-error-600);\n  border-color: transparent;\n}\n\n/* Button Hierarchies - Success Kind */\n.btn-primary.btn-success {\n  background-color: var(--color-success-600);\n  color: var(--color-white);\n  border-color: var(--color-success-600);\n}\n\n.btn-secondary.btn-success {\n  background-color: var(--color-white);\n  color: var(--color-success-600);\n  border-color: var(--color-success-300);\n}\n\n.btn-tertiary.btn-success {\n  background-color: transparent;\n  color: var(--color-success-600);\n  border-color: transparent;\n}\n\n.btn-quaternary.btn-success {\n  background-color: transparent;\n  color: var(--color-success-600);\n  border-color: transparent;\n}\n\n/* Hover States - Default Kind */\n.btn-primary.btn-default:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-brand-700);\n  border-color: var(--color-brand-700);\n}\n\n.btn-secondary.btn-default:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-neutral-50);\n  color: var(--color-neutral-700);\n  border-color: var(--color-neutral-400);\n}\n\n.btn-tertiary.btn-default:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-neutral-100);\n  color: var(--color-neutral-700);\n}\n\n.btn-quaternary.btn-default:hover:not(:disabled):not(.btn-disabled) {\n  color: var(--color-brand-700);\n}\n\n/* Hover States - Destructive Kind */\n.btn-primary.btn-destructive:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-error-700);\n  border-color: var(--color-error-700);\n}\n\n.btn-secondary.btn-destructive:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-error-50);\n  border-color: var(--color-error-300);\n}\n\n.btn-tertiary.btn-destructive:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-error-50);\n}\n\n.btn-quaternary.btn-destructive:hover:not(:disabled):not(.btn-disabled) {\n  color: var(--color-error-700);\n}\n\n/* Hover States - Success Kind */\n.btn-primary.btn-success:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-success-700);\n  border-color: var(--color-success-700);\n}\n\n.btn-secondary.btn-success:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-success-50);\n  border-color: var(--color-success-300);\n}\n\n.btn-tertiary.btn-success:hover:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-success-50);\n}\n\n.btn-quaternary.btn-success:hover:not(:disabled):not(.btn-disabled) {\n  color: var(--color-success-700);\n}\n\n/* Active States - Default Kind */\n.btn-primary.btn-default:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-brand-800);\n  border-color: var(--color-brand-800);\n}\n\n.btn-secondary.btn-default:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-neutral-100);\n  border-color: var(--color-neutral-500);\n}\n\n.btn-tertiary.btn-default:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-neutral-100);\n}\n\n.btn-quaternary.btn-default:active:not(:disabled):not(.btn-disabled) {\n  color: var(--color-brand-800);\n}\n\n/* Active States - Destructive Kind */\n.btn-primary.btn-destructive:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-error-800);\n  border-color: var(--color-error-800);\n}\n\n.btn-secondary.btn-destructive:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-error-100);\n  border-color: var(--color-error-400);\n}\n\n.btn-tertiary.btn-destructive:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-error-100);\n}\n\n.btn-quaternary.btn-destructive:active:not(:disabled):not(.btn-disabled) {\n  color: var(--color-error-800);\n}\n\n/* Active States - Success Kind */\n.btn-primary.btn-success:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-success-800);\n  border-color: var(--color-success-800);\n}\n\n.btn-secondary.btn-success:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-success-100);\n  border-color: var(--color-success-400);\n}\n\n.btn-tertiary.btn-success:active:not(:disabled):not(.btn-disabled) {\n  background-color: var(--color-success-100);\n}\n\n.btn-quaternary.btn-success:active:not(:disabled):not(.btn-disabled) {\n  color: var(--color-success-800);\n}\n\n/* Focus State - Default Kind */\n.btn.btn-default:focus,\n.btn.btn-default:focus-visible {\n  outline: 2px solid var(--color-brand-500);\n  outline-offset: 2px;\n}\n\n/* Focus State - Destructive Kind */\n.btn.btn-destructive:focus,\n.btn.btn-destructive:focus-visible {\n  outline: 2px solid var(--color-error-500);\n  outline-offset: 2px;\n}\n\n/* Focus State - Success Kind */\n.btn.btn-success:focus,\n.btn.btn-success:focus-visible {\n  outline: 2px solid var(--color-success-500);\n  outline-offset: 2px;\n}\n\n/* Disabled States */\n.btn:disabled,\n.btn-disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.btn-primary:disabled,\n.btn-primary.btn-disabled {\n  background-color: var(--color-neutral-200);\n  color: var(--color-neutral-400);\n  border-color: var(--color-neutral-200);\n}\n\n.btn-secondary:disabled,\n.btn-secondary.btn-disabled,\n.btn-tertiary:disabled,\n.btn-tertiary.btn-disabled,\n.btn-quaternary:disabled,\n.btn-quaternary.btn-disabled {\n  opacity: 0.5;\n}\n\n/* Loading State */\n.btn-loading {\n  cursor: wait;\n  pointer-events: none;\n}\n\n.btn-loading .btn-label {\n  opacity: 0.7;\n}\n\n/* ==========================================================================\n   BUTTON CONTENT ELEMENTS\n   ========================================================================== */\n\n.btn-label {\n  display: inline-block;\n  line-height: inherit;\n}\n\n.btn-quaternary .btn-label {\n  text-decoration: underline;\n}\n\n/* Icons */\n.btn-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.btn-icon-material {\n  line-height: 1;\n  vertical-align: middle;\n  color: inherit !important;\n}\n\n.btn-xs .btn-icon-material {\n  font-size: var(--text-sm-size);\n}\n\n.btn-sm .btn-icon-material {\n  font-size: var(--text-md-size);\n}\n\n.btn-md .btn-icon-material {\n  font-size: var(--text-lg-size);\n}\n\n.btn-lg .btn-icon-material {\n  font-size: var(--text-lg-size);\n}\n\n/* Icon-Only Buttons */\n.btn-icon-only {\n  padding: 0;\n}\n\n.btn-icon-only.btn-xs {\n  width: 24px;\n  height: 24px;\n}\n\n.btn-icon-only.btn-sm {\n  width: 32px;\n  height: 32px;\n}\n\n.btn-icon-only.btn-md {\n  width: 40px;\n  height: 40px;\n}\n\n.btn-icon-only.btn-lg {\n  width: 48px;\n  height: 48px;\n}\n\n.btn-icon-only .btn-icon-material {\n  margin: 0;\n}\n\n/* Loading Spinner */\n.btn-loading-icon {\n  line-height: 1;\n  vertical-align: middle;\n  color: inherit;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Text size utilities */\n.text-sm {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n}\n\n.text-md {\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n}\n\n/* Icon size utilities */\n.icon-md {\n  width: 20px;\n  height: 20px;\n}\n\n.icon-lg {\n  width: 24px;\n  height: 24px;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type ButtonHierarchy =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'quaternary';\nexport type ButtonIconPosition = 'none' | 'leading' | 'trailing' | 'only';\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type ButtonKind = 'default' | 'destructive' | 'success';\nexport type ButtonType = 'button' | 'submit' | 'reset';\n\n@Component({\n  tag: 'bh-button',\n  styleUrl: 'bh-button.css',\n  shadow: true,\n})\nexport class BhButton {\n  /**\n   * The visual hierarchy of the button\n   */\n  @Prop() hierarchy: ButtonHierarchy = 'primary';\n\n  /**\n   * The kind/semantic meaning of the button\n   */\n  @Prop() kind: ButtonKind = 'default';\n\n  /**\n   * Icon position relative to the label\n   */\n  @Prop() icon: ButtonIconPosition = 'none';\n\n  /**\n   * The size of the button\n   */\n  @Prop() size: ButtonSize = 'md';\n\n  /**\n   * Fallback text label (used only if no slot content is provided)\n   */\n  @Prop() label?: string;\n\n  /**\n   * Material Symbols icon name (e.g., 'add', 'edit', 'delete')\n   */\n  @Prop() iconName?: string;\n\n  /**\n   * Whether the button is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the button is in a loading state\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * The type of button for form submission\n   * - 'button': No form submission (default)\n   * - 'submit': Submits the form\n   * - 'reset': Resets the form\n   */\n  @Prop() type: ButtonType = 'button';\n\n  /**\n   * Emitted when the button is clicked\n   */\n  @Event() bhClick!: EventEmitter<MouseEvent>;\n\n  private handleClick = (event: MouseEvent): void => {\n    if (!this.disabled && !this.loading) {\n      this.bhClick.emit(event);\n    }\n  };\n\n  private getIconSizeClass(): string {\n    switch (this.size) {\n      case 'sm':\n      case 'md':\n        return 'icon-md';\n      case 'lg':\n        return 'icon-lg';\n      default:\n        return 'icon-md';\n    }\n  }\n\n  private getTextSizeClass(): string {\n    switch (this.size) {\n      case 'sm':\n      case 'md':\n        return 'text-sm';\n      case 'lg':\n        return 'text-md';\n      default:\n        return 'text-sm';\n    }\n  }\n\n  private getLoaderSize(): 'sm' | 'md' {\n    switch (this.size) {\n      case 'xs':\n      case 'sm':\n        return 'sm';\n      default:\n        return 'sm';\n    }\n  }\n\n  private getLoaderVariant(): 'default' | 'white' {\n    // Primary buttons (all kinds) have dark background, so use white spinner\n    return this.hierarchy === 'primary' ? 'white' : 'default';\n  }\n\n  render() {\n    const showLabel = this.icon !== 'only';\n    const showLeadingIcon =\n      this.icon === 'leading' && (this.iconName || this.loading);\n    const showTrailingIcon =\n      this.icon === 'trailing' && this.iconName && !this.loading;\n    const showOnlyIcon =\n      this.icon === 'only' && (this.iconName || this.loading);\n\n    const buttonClasses = {\n      btn: true,\n      [`btn-${this.hierarchy}`]: true,\n      [`btn-${this.kind}`]: true,\n      [`btn-${this.size}`]: true,\n      [`btn-icon-${this.icon}`]: true,\n      'btn-disabled': this.disabled,\n      'btn-loading': this.loading,\n    };\n\n    return (\n      <button\n        type={this.type}\n        class={buttonClasses}\n        disabled={this.disabled}\n        onClick={this.handleClick}\n        part=\"button\"\n      >\n        {showLeadingIcon && (\n          <span class={`btn-icon ${this.getIconSizeClass()}`}>\n            {this.loading ? (\n              <bh-loader-spinner\n                size={this.getLoaderSize()}\n                variant={this.getLoaderVariant()}\n              ></bh-loader-spinner>\n            ) : (\n              <span class=\"btn-icon-material material-symbols-outlined\">\n                {this.iconName}\n              </span>\n            )}\n          </span>\n        )}\n\n        {showOnlyIcon && (\n          <span class={`btn-icon ${this.getIconSizeClass()}`}>\n            {this.loading ? (\n              <bh-loader-spinner\n                size={this.getLoaderSize()}\n                variant={this.getLoaderVariant()}\n              ></bh-loader-spinner>\n            ) : (\n              <span class=\"btn-icon-material material-symbols-outlined\">\n                {this.iconName}\n              </span>\n            )}\n          </span>\n        )}\n\n        {showLabel && (\n          <span class={`btn-label ${this.getTextSizeClass()}`}>\n            <slot>{this.label}</slot>\n          </span>\n        )}\n\n        {showTrailingIcon && (\n          <span class={`btn-icon ${this.getIconSizeClass()}`}>\n            <span class=\"btn-icon-material material-symbols-outlined\">\n              {this.iconName}\n            </span>\n          </span>\n        )}\n      </button>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/bh-container-footer.entry.js

@@ -1,36 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-nAAobRRQ.js';
-
-const bhContainerFooterCss = ".container-footer{background:var(--color-white);border:1px solid var(--color-neutral-200);border-top:1px solid var(--color-neutral-200);border-radius:var(--radius-none) var(--radius-none) var(--radius-xl)\n    var(--radius-xl);box-sizing:border-box;width:100%}.container-footer-content{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-md) var(--spacing-2xl)}.container-footer-minimal .container-footer-content{padding:var(--spacing-sm) var(--spacing-2xl)}";
-
-const BhContainerFooter = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bhButtonClick = createEvent(this, "bhButtonClick");
-    }
-    /**
-     * Size variant of the footer
-     */
-    size = 'standard';
-    /**
-     * Label for the footer button
-     */
-    buttonLabel = 'View report';
-    /**
-     * Event emitted when the button is clicked
-     */
-    bhButtonClick;
-    handleButtonClick = () => {
-        this.bhButtonClick.emit();
-    };
-    render() {
-        const footerClasses = {
-            'container-footer': true,
-            [`container-footer-${this.size}`]: true,
-        };
-        return (h("div", { key: '88f782bfc7a086e8facafa3450e19eb0b354e842', class: footerClasses }, h("div", { key: '02e63532e246742d155a5f74b4e8f777482711ca', class: "container-footer-content" }, h("bh-button", { key: '83aa00d05a1c0fa98fedca50724ce1fb3d293f8a', hierarchy: "quaternary", size: "sm", label: this.buttonLabel, onClick: this.handleButtonClick }))));
-    }
-};
-BhContainerFooter.style = bhContainerFooterCss;
-
-export { BhContainerFooter as bh_container_footer };
-//# sourceMappingURL=bh-container-footer.entry.js.map

package/dist/esm/bh-container-footer.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bh-container-footer.entry.js","sources":["src/components/bh-container-footer/bh-container-footer.css?tag=bh-container-footer&encapsulation=shadow","src/components/bh-container-footer/bh-container-footer.tsx"],"sourcesContent":["/* Base Container Footer Styles */\n.container-footer {\n  background: var(--color-white);\n  border: 1px solid var(--color-neutral-200);\n  border-top: 1px solid var(--color-neutral-200);\n  border-radius: var(--radius-none) var(--radius-none) var(--radius-xl)\n    var(--radius-xl);\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.container-footer-content {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: var(--spacing-md) var(--spacing-2xl);\n}\n\n/* Minimal size - smaller top/bottom padding */\n.container-footer-minimal .container-footer-content {\n  padding: var(--spacing-sm) var(--spacing-2xl);\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type ContainerFooterSize = 'minimal' | 'standard';\n\n@Component({\n  tag: 'bh-container-footer',\n  styleUrl: 'bh-container-footer.css',\n  shadow: true,\n})\nexport class BhContainerFooter {\n  /**\n   * Size variant of the footer\n   */\n  @Prop() size: ContainerFooterSize = 'standard';\n\n  /**\n   * Label for the footer button\n   */\n  @Prop() buttonLabel: string = 'View report';\n\n  /**\n   * Event emitted when the button is clicked\n   */\n  @Event() bhButtonClick!: EventEmitter<void>;\n\n  private handleButtonClick = () => {\n    this.bhButtonClick.emit();\n  };\n\n  render() {\n    const footerClasses = {\n      'container-footer': true,\n      [`container-footer-${this.size}`]: true,\n    };\n\n    return (\n      <div class={footerClasses}>\n        <div class=\"container-footer-content\">\n          <bh-button\n            hierarchy=\"quaternary\"\n            \n            size=\"sm\"\n            label={this.buttonLabel}\n            onClick={this.handleButtonClick}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,ueAAue;;MCSvf,iBAAiB,GAAA,MAAA;;;;;AAC5B;;AAEG;IACK,IAAI,GAAwB,UAAU;AAE9C;;AAEG;IACK,WAAW,GAAW,aAAa;AAE3C;;AAEG;AACM,IAAA,aAAa;IAEd,iBAAiB,GAAG,MAAK;AAC/B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AAC3B,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;SACxC;AAED,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,aAAa,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAC,YAAY,EAEtB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,CAAA,CACE,CACF;;;;;;;"}

package/dist/esm/bh-container.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h } from './index-nAAobRRQ.js';
-
-const bhContainerCss = ":host{display:block}.container{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);width:fit-content;font-family:var(--font-inter)}.container-with-footer{border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-none) var(--radius-none)}";
-
-const BhContainer = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * Whether the container has a footer attached (removes bottom border radius and border)
-     */
-    withFooter = false;
-    render() {
-        const containerClasses = {
-            'container': true,
-            'container-with-footer': this.withFooter,
-        };
-        return (h("div", { key: '096e9dd4d72f0cf782ce816dc340f78778e2b635', class: containerClasses }, h("slot", { key: '436351398c2377581596f9956df6b7681d9c8aac' })));
-    }
-};
-BhContainer.style = bhContainerCss;
-
-export { BhContainer as bh_container };
-//# sourceMappingURL=bh-container.entry.js.map

package/dist/esm/bh-container.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bh-container.entry.js","sources":["src/components/bh-container/bh-container.css?tag=bh-container&encapsulation=shadow","src/components/bh-container/bh-container.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-2xl);\n  padding: var(--spacing-2xl);\n  background: var(--color-white);\n  border: 1px solid var(--color-neutral-200);\n  border-radius: var(--radius-xl);\n  width: fit-content;\n  font-family: var(--font-inter);\n}\n\n/* Container with footer - removes bottom border radius and border */\n.container-with-footer {\n  border-bottom: none;\n  border-radius: var(--radius-xl) var(--radius-xl) var(--radius-none) var(--radius-none);\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'bh-container',\n  styleUrl: 'bh-container.css',\n  shadow: true,\n})\nexport class BhContainer {\n  /**\n   * Whether the container has a footer attached (removes bottom border radius and border)\n   */\n  @Prop() withFooter: boolean = false;\n\n  render() {\n    const containerClasses = {\n      'container': true,\n      'container-with-footer': this.withFooter,\n    };\n\n    return (\n      <div class={containerClasses}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,6YAA6Y;;MCOvZ,WAAW,GAAA,MAAA;;;;AACtB;;AAEG;IACK,UAAU,GAAY,KAAK;IAEnC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,WAAW,EAAE,IAAI;YACjB,uBAAuB,EAAE,IAAI,CAAC,UAAU;SACzC;QAED,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,EAAA,EAC1B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/esm/bh-label-PLT7t4We.js

@@ -1,108 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-nAAobRRQ.js';
-
-const bhLabelCss = ":host{display:block;font-family:var(--font-inter, 'Inter', sans-serif)}.label-container{display:flex;flex-direction:column;gap:var(--spacing-xs, 6px)}.label-container.layout-block{flex-direction:column}.label-container.layout-inline{flex-direction:row;align-items:flex-start;gap:var(--spacing-sm, 8px)}.label-container.layout-inline .label-wrapper{flex-shrink:0}.label-container.layout-inline-start{flex-direction:row;align-items:flex-start;gap:var(--spacing-sm, 8px)}.label-container.layout-inline-start .label-content{flex-shrink:0;width:auto}.label-container.layout-inline-start .label-text-group{display:flex;flex-direction:column;gap:2px}.label-container.layout-inline-start .label-wrapper{gap:var(--spacing-xxs, 4px)}.label-container.layout-inline-start .label-text{font-size:var(--text-md-size, 16px);color:var(--color-neutral-900, #101828);cursor:pointer}.label-container.layout-inline-start .supporting-text{font-size:var(--text-sm-size, 14px);color:var(--color-neutral-500, #667085)}.label-container.layout-inline-space-between{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm, 8px)}.label-container.layout-inline-space-between .label-wrapper{flex-shrink:0}.label-container.layout-inline-space-between .label-content{flex-grow:1;display:flex;justify-content:flex-end}.label-wrapper{display:flex;align-items:center;gap:var(--spacing-xxs, 4px)}.label-text{font-family:inherit;font-weight:500;font-size:var(--text-sm-size, 14px);line-height:1.43;color:var(--color-neutral-700, #344054);margin:0;cursor:default}.label-text.disabled{color:var(--color-neutral-400, #98a2b3)}.asterisk{font-family:inherit;font-weight:400;font-size:var(--text-sm-size, 14px);line-height:1.43;color:var(--color-error-600, #dc2626)}.supporting-text{font-family:inherit;font-weight:400;font-size:var(--text-sm-size, 14px);line-height:1.43;color:var(--color-neutral-500, #667085);margin:0}.supporting-text.disabled{color:var(--color-neutral-400, #98a2b3)}.label-content{width:100%}.icon-with-tooltip{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:auto}.help-icon{font-size:var(--text-xl-size, 20px);color:var(--color-neutral-400, #98a2b3);cursor:pointer;user-select:none;transition:color 0.2s ease-in-out}.help-icon:hover{color:var(--color-neutral-500, #667085)}.disabled .help-icon{color:var(--color-neutral-300, #d0d5dd);cursor:not-allowed}";
-
-const BhLabel = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bhHelpClick = createEvent(this, "bhHelpClick");
-    }
-    get el() { return getElement(this); }
-    tooltipTimerRef;
-    /**
-     * The label text to display
-     */
-    label = '';
-    /**
-     * Layout style for the label container
-     * - block: Label above content (default for form fields)
-     * - inline: Label next to content (label first)
-     * - inline-start: Content next to label (content first, for checkboxes/radios)
-     * - inline-space-between: Label and content on opposite ends
-     */
-    layout = 'block';
-    /**
-     * The id of the form element the label is bound to.
-     * Use when the labeled element is not a child of this component.
-     */
-    for = '';
-    /**
-     * Supporting text displayed below the label (second line)
-     * for instructions or additional description
-     */
-    supportingText = '';
-    /**
-     * Whether to show the required asterisk
-     */
-    required = false;
-    /**
-     * Whether to show the help icon
-     */
-    showHelpIcon = false;
-    /**
-     * Tooltip text for the help icon
-     */
-    helpIconTooltip = 'Help';
-    /**
-     * Whether the label is disabled
-     */
-    disabled = false;
-    showHelpTooltip = false;
-    /**
-     * Emitted when the help icon is clicked
-     */
-    bhHelpClick;
-    disconnectedCallback() {
-        if (this.tooltipTimerRef) {
-            clearTimeout(this.tooltipTimerRef);
-        }
-    }
-    handleHelpIconMouseEnter = () => {
-        if (this.tooltipTimerRef) {
-            clearTimeout(this.tooltipTimerRef);
-        }
-        this.tooltipTimerRef = setTimeout(() => {
-            this.showHelpTooltip = true;
-        }, 300);
-    };
-    handleHelpIconMouseLeave = () => {
-        if (this.tooltipTimerRef) {
-            clearTimeout(this.tooltipTimerRef);
-            this.tooltipTimerRef = undefined;
-        }
-        this.showHelpTooltip = false;
-    };
-    handleHelpIconClick = () => {
-        this.bhHelpClick.emit();
-    };
-    render() {
-        const wrapperClasses = {
-            'label-container': true,
-            [`layout-${this.layout}`]: true,
-            'disabled': this.disabled,
-        };
-        const labelClasses = {
-            'label-text': true,
-            'disabled': this.disabled,
-        };
-        const supportingClasses = {
-            'supporting-text': true,
-            'disabled': this.disabled,
-        };
-        const labelWrapper = (h("div", { class: "label-wrapper" }, this.label && (h("label", { class: labelClasses, htmlFor: this.for || undefined }, this.label)), this.required && h("span", { class: "asterisk" }, "*"), this.showHelpIcon && (h("div", { class: "icon-with-tooltip" }, h("span", { class: "help-icon material-symbols-outlined", onClick: this.handleHelpIconClick, onMouseEnter: this.handleHelpIconMouseEnter, onMouseLeave: this.handleHelpIconMouseLeave }, "help"), h("bh-tooltip", { text: this.helpIconTooltip, position: "top", visible: this.showHelpTooltip })))));
-        const supportingTextEl = this.supportingText && (h("p", { class: supportingClasses }, this.supportingText));
-        const contentSlot = (h("div", { class: "label-content" }, h("slot", null)));
-        // For inline-start layout, content comes first (used for checkbox/radio)
-        if (this.layout === 'inline-start') {
-            return (h("div", { class: wrapperClasses }, contentSlot, h("div", { class: "label-text-group" }, labelWrapper, supportingTextEl)));
-        }
-        // Default layout: label wrapper first, then content
-        return (h("div", { class: wrapperClasses }, labelWrapper, supportingTextEl, contentSlot));
-    }
-};
-BhLabel.style = bhLabelCss;
-
-export { BhLabel as B };
-//# sourceMappingURL=bh-label-PLT7t4We.js.map
-
-//# sourceMappingURL=bh-label-PLT7t4We.js.map

package/dist/esm/bh-label-PLT7t4We.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bh-label-PLT7t4We.js","sources":["src/components/bh-label/bh-label.css?tag=bh-label&encapsulation=shadow","src/components/bh-label/bh-label.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--font-inter, 'Inter', sans-serif);\n}\n\n.label-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs, 6px);\n}\n\n.label-container.layout-block {\n  flex-direction: column;\n}\n\n.label-container.layout-inline {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--spacing-sm, 8px);\n}\n\n.label-container.layout-inline .label-wrapper {\n  flex-shrink: 0;\n}\n\n.label-container.layout-inline-start {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--spacing-sm, 8px);\n}\n\n.label-container.layout-inline-start .label-content {\n  flex-shrink: 0;\n  width: auto;\n}\n\n.label-container.layout-inline-start .label-text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.label-container.layout-inline-start .label-wrapper {\n  gap: var(--spacing-xxs, 4px);\n}\n\n.label-container.layout-inline-start .label-text {\n  font-size: var(--text-md-size, 16px);\n  color: var(--color-neutral-900, #101828);\n  cursor: pointer;\n}\n\n.label-container.layout-inline-start .supporting-text {\n  font-size: var(--text-sm-size, 14px);\n  color: var(--color-neutral-500, #667085);\n}\n\n.label-container.layout-inline-space-between {\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--spacing-sm, 8px);\n}\n\n.label-container.layout-inline-space-between .label-wrapper {\n  flex-shrink: 0;\n}\n\n.label-container.layout-inline-space-between .label-content {\n  flex-grow: 1;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.label-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xxs, 4px);\n}\n\n.label-text {\n  font-family: inherit;\n  font-weight: 500;\n  font-size: var(--text-sm-size, 14px);\n  line-height: 1.43;\n  color: var(--color-neutral-700, #344054);\n  margin: 0;\n  cursor: default;\n}\n\n.label-text.disabled {\n  color: var(--color-neutral-400, #98a2b3);\n}\n\n.asterisk {\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-error-600, #dc2626);\n}\n\n.supporting-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-500, #667085);\n  margin: 0;\n}\n\n.supporting-text.disabled {\n  color: var(--color-neutral-400, #98a2b3);\n}\n\n.label-content {\n  width: 100%;\n}\n\n.icon-with-tooltip {\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n}\n\n.help-icon {\n  font-size: var(--text-xl-size, 20px);\n  color: var(--color-neutral-400, #98a2b3);\n  cursor: pointer;\n  user-select: none;\n  transition: color 0.2s ease-in-out;\n}\n\n.help-icon:hover {\n  color: var(--color-neutral-500, #667085);\n}\n\n.disabled .help-icon {\n  color: var(--color-neutral-300, #d0d5dd);\n  cursor: not-allowed;\n}\n","import { Component, Prop, h, Element, State, Event, EventEmitter } from '@stencil/core';\n\nexport type LabelLayout = 'block' | 'inline' | 'inline-start' | 'inline-space-between';\n\n@Component({\n  tag: 'bh-label',\n  styleUrl: 'bh-label.css',\n  shadow: true,\n})\nexport class BhLabel {\n  @Element() el!: HTMLElement;\n\n  private tooltipTimerRef?: ReturnType<typeof setTimeout>;\n\n  /**\n   * The label text to display\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Layout style for the label container\n   * - block: Label above content (default for form fields)\n   * - inline: Label next to content (label first)\n   * - inline-start: Content next to label (content first, for checkboxes/radios)\n   * - inline-space-between: Label and content on opposite ends\n   */\n  @Prop() layout: LabelLayout = 'block';\n\n  /**\n   * The id of the form element the label is bound to.\n   * Use when the labeled element is not a child of this component.\n   */\n  @Prop() for: string = '';\n\n  /**\n   * Supporting text displayed below the label (second line)\n   * for instructions or additional description\n   */\n  @Prop() supportingText: string = '';\n\n  /**\n   * Whether to show the required asterisk\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether to show the help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Tooltip text for the help icon\n   */\n  @Prop() helpIconTooltip: string = 'Help';\n\n  /**\n   * Whether the label is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  @State() showHelpTooltip: boolean = false;\n\n  /**\n   * Emitted when the help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  disconnectedCallback() {\n    if (this.tooltipTimerRef) {\n      clearTimeout(this.tooltipTimerRef);\n    }\n  }\n\n  private handleHelpIconMouseEnter = () => {\n    if (this.tooltipTimerRef) {\n      clearTimeout(this.tooltipTimerRef);\n    }\n    this.tooltipTimerRef = setTimeout(() => {\n      this.showHelpTooltip = true;\n    }, 300);\n  };\n\n  private handleHelpIconMouseLeave = () => {\n    if (this.tooltipTimerRef) {\n      clearTimeout(this.tooltipTimerRef);\n      this.tooltipTimerRef = undefined;\n    }\n    this.showHelpTooltip = false;\n  };\n\n  private handleHelpIconClick = () => {\n    this.bhHelpClick.emit();\n  };\n\n  render() {\n    const wrapperClasses = {\n      'label-container': true,\n      [`layout-${this.layout}`]: true,\n      'disabled': this.disabled,\n    };\n\n    const labelClasses = {\n      'label-text': true,\n      'disabled': this.disabled,\n    };\n\n    const supportingClasses = {\n      'supporting-text': true,\n      'disabled': this.disabled,\n    };\n\n    const labelWrapper = (\n      <div class=\"label-wrapper\">\n        {this.label && (\n          <label class={labelClasses} htmlFor={this.for || undefined}>\n            {this.label}\n          </label>\n        )}\n        {this.required && <span class=\"asterisk\">*</span>}\n        {this.showHelpIcon && (\n          <div class=\"icon-with-tooltip\">\n            <span\n              class=\"help-icon material-symbols-outlined\"\n              onClick={this.handleHelpIconClick}\n              onMouseEnter={this.handleHelpIconMouseEnter}\n              onMouseLeave={this.handleHelpIconMouseLeave}\n            >\n              help\n            </span>\n            <bh-tooltip\n              text={this.helpIconTooltip}\n              position=\"top\"\n              visible={this.showHelpTooltip}\n            />\n          </div>\n        )}\n      </div>\n    );\n\n    const supportingTextEl = this.supportingText && (\n      <p class={supportingClasses}>{this.supportingText}</p>\n    );\n\n    const contentSlot = (\n      <div class=\"label-content\">\n        <slot></slot>\n      </div>\n    );\n\n    // For inline-start layout, content comes first (used for checkbox/radio)\n    if (this.layout === 'inline-start') {\n      return (\n        <div class={wrapperClasses}>\n          {contentSlot}\n          <div class=\"label-text-group\">\n            {labelWrapper}\n            {supportingTextEl}\n          </div>\n        </div>\n      );\n    }\n\n    // Default layout: label wrapper first, then content\n    return (\n      <div class={wrapperClasses}>\n        {labelWrapper}\n        {supportingTextEl}\n        {contentSlot}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/bh-pagination-CUeRSYsV.js

@@ -1,150 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-nAAobRRQ.js';
-
-const bhPaginationCss = ":host{display:block;font-family:var(--font-family-body, 'Inter', sans-serif)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4, 1rem);padding:var(--sp-3, 0.75rem) var(--sp-4, 1rem);background-color:var(--color-white, #fff);border-top:1px solid var(--color-neutral-200, #e2e4eb)}.pagination-sm{padding:var(--sp-2, 0.5rem) var(--sp-3, 0.75rem);gap:var(--sp-3, 0.75rem)}.pagination-sm .pagination-info-text,.pagination-sm .pagination-page-size-label{font-size:0.75rem}.pagination-sm .pagination-btn{width:28px;height:28px}.pagination-sm .pagination-btn .material-symbols-outlined{font-size:18px}.pagination-sm .pagination-select{height:28px;font-size:0.75rem;padding:0 var(--sp-5, 1.25rem) 0 var(--sp-2, 0.5rem)}.pagination-md{}.pagination-lg{padding:var(--sp-4, 1rem) var(--sp-5, 1.25rem);gap:var(--sp-5, 1.25rem)}.pagination-lg .pagination-info-text,.pagination-lg .pagination-page-size-label{font-size:0.9375rem}.pagination-lg .pagination-btn{width:40px;height:40px}.pagination-lg .pagination-btn .material-symbols-outlined{font-size:24px}.pagination-lg .pagination-select{height:40px;font-size:0.9375rem}.pagination-disabled{opacity:0.5;pointer-events:none}.pagination-info{display:flex;align-items:center}.pagination-info-text{font-size:0.875rem;color:var(--color-neutral-600, #5c627a);white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:var(--sp-4, 1rem)}.pagination-page-size{display:flex;align-items:center;gap:var(--sp-2, 0.5rem)}.pagination-page-size-label{font-size:0.875rem;color:var(--color-neutral-600, #5c627a);white-space:nowrap}.pagination-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-white, #fff);border:1px solid var(--color-neutral-300, #c0c4d4);border-radius:var(--radius-md, 6px);padding:0 var(--sp-6, 1.5rem) 0 var(--sp-3, 0.75rem);height:32px;font-size:0.875rem;color:var(--color-neutral-900, #141624);cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%235c627a'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 4px center;background-size:16px}.pagination-select:hover:not(:disabled){border-color:var(--color-neutral-400, #939ab4)}.pagination-select:focus{outline:none;border-color:var(--color-brand-500, #6366f1);box-shadow:0 0 0 3px var(--color-brand-100, #e0e1fc)}.pagination-select:disabled{background-color:var(--color-neutral-100, #f0f1f5);cursor:not-allowed}.pagination-nav{display:flex;align-items:center;gap:var(--sp-1, 0.25rem)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-neutral-600, #5c627a);cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.pagination-btn .material-symbols-outlined{font-size:20px;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20}.pagination-btn:hover:not(:disabled){background-color:var(--color-neutral-100, #f0f1f5);color:var(--color-neutral-900, #141624)}.pagination-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-brand-100, #e0e1fc)}.pagination-btn:active:not(:disabled){background-color:var(--color-neutral-200, #e2e4eb)}.pagination-btn:disabled{opacity:0.4;cursor:not-allowed}@media (max-width: 640px){.pagination{flex-direction:column;align-items:stretch;gap:var(--sp-3, 0.75rem)}.pagination-info{justify-content:center}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-page-size{width:100%;justify-content:center}.pagination-nav{justify-content:center}}";
-
-const BhPagination = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bhPageChange = createEvent(this, "bhPageChange");
-        this.bhPageSizeChange = createEvent(this, "bhPageSizeChange");
-    }
-    /**
-     * Current page (1-indexed)
-     */
-    page = 1;
-    /**
-     * Total number of items
-     */
-    totalItems = 0;
-    /**
-     * Number of items per page
-     */
-    pageSize = 10;
-    /**
-     * Available page size options
-     */
-    pageSizeOptions = [10, 25, 50, 100];
-    /**
-     * Show page size selector
-     */
-    showPageSizeSelector = true;
-    /**
-     * Show item count info (e.g., "Showing 1 to 10 of 100 results")
-     */
-    showItemCount = true;
-    /**
-     * Show first/last page buttons
-     */
-    showFirstLastButtons = true;
-    /**
-     * Size variant of the pagination
-     */
-    size = 'md';
-    /**
-     * Whether the pagination is disabled
-     */
-    disabled = false;
-    /**
-     * Label for "Rows per page" text (for i18n)
-     */
-    rowsPerPageLabel = 'Rows per page:';
-    /**
-     * Label template for showing results (use {start}, {end}, {total} placeholders)
-     */
-    showingResultsLabel = 'Showing {start} to {end} of {total} results';
-    /**
-     * Label template for page info when total items unknown (use {page}, {totalPages} placeholders)
-     */
-    pageInfoLabel = 'Page {page} of {totalPages}';
-    internalPage = 1;
-    internalPageSize = 10;
-    /**
-     * Emitted when the page changes
-     */
-    bhPageChange;
-    /**
-     * Emitted when page size changes
-     */
-    bhPageSizeChange;
-    componentWillLoad() {
-        this.internalPage = this.page;
-        this.internalPageSize = this.pageSize;
-    }
-    get totalPages() {
-        return Math.max(1, Math.ceil(this.totalItems / this.internalPageSize));
-    }
-    get startItem() {
-        if (this.totalItems === 0)
-            return 0;
-        return (this.internalPage - 1) * this.internalPageSize + 1;
-    }
-    get endItem() {
-        return Math.min(this.internalPage * this.internalPageSize, this.totalItems);
-    }
-    get canGoPrevious() {
-        return this.internalPage > 1 && !this.disabled;
-    }
-    get canGoNext() {
-        return this.internalPage < this.totalPages && !this.disabled;
-    }
-    goToPage(newPage) {
-        if (this.disabled)
-            return;
-        const page = Math.max(1, Math.min(newPage, this.totalPages));
-        if (page !== this.internalPage) {
-            this.internalPage = page;
-            this.page = page;
-            this.bhPageChange.emit({ page, pageSize: this.internalPageSize });
-        }
-    }
-    handlePageSizeChange(event) {
-        if (this.disabled)
-            return;
-        const select = event.target;
-        const newPageSize = parseInt(select.value, 10);
-        if (newPageSize !== this.internalPageSize) {
-            this.internalPageSize = newPageSize;
-            this.pageSize = newPageSize;
-            // Reset to page 1 when page size changes, or adjust if current page is now out of bounds
-            const newTotalPages = Math.max(1, Math.ceil(this.totalItems / newPageSize));
-            const newPage = Math.min(this.internalPage, newTotalPages);
-            if (newPage !== this.internalPage) {
-                this.internalPage = newPage;
-                this.page = newPage;
-            }
-            this.bhPageSizeChange.emit({ page: this.internalPage, pageSize: newPageSize });
-        }
-    }
-    goToFirst = () => this.goToPage(1);
-    goToPrevious = () => this.goToPage(this.internalPage - 1);
-    goToNext = () => this.goToPage(this.internalPage + 1);
-    goToLast = () => this.goToPage(this.totalPages);
-    getInfoText() {
-        if (this.totalItems === 0) {
-            return 'No results';
-        }
-        if (this.showItemCount && this.totalItems > 0) {
-            return this.showingResultsLabel
-                .replace('{start}', String(this.startItem))
-                .replace('{end}', String(this.endItem))
-                .replace('{total}', String(this.totalItems));
-        }
-        return this.pageInfoLabel
-            .replace('{page}', String(this.internalPage))
-            .replace('{totalPages}', String(this.totalPages));
-    }
-    render() {
-        const paginationClasses = {
-            'pagination': true,
-            [`pagination-${this.size}`]: true,
-            'pagination-disabled': this.disabled,
-        };
-        return (h("div", { key: '9e9cbcde6a010fdbbbd809a3f576b40fe7f905cc', class: paginationClasses, role: "navigation", "aria-label": "Pagination" }, h("div", { key: '212d0b1627b0897ceecd0298e8928a4ec11441d7', class: "pagination-info" }, h("span", { key: 'ab37b52387fd66f583b67fd96ce396b6649d31d0', class: "pagination-info-text" }, this.getInfoText())), h("div", { key: '46793889c3efa38e28171759ea3fb2b22ddcb03c', class: "pagination-controls" }, this.showPageSizeSelector && (h("div", { key: '87eccc7848ef35ad61605d2b9539cf40add8a79c', class: "pagination-page-size" }, h("span", { key: 'b3ff61dceff7cc57240c724150fee5b199a17ed8', class: "pagination-page-size-label" }, this.rowsPerPageLabel), h("select", { key: 'ab2ddd0f5f2b3501ff06d5717f2ed543a3446651', class: "pagination-select", onChange: (e) => this.handlePageSizeChange(e), disabled: this.disabled, "aria-label": "Select page size" }, this.pageSizeOptions.map((size) => (h("option", { key: size, value: String(size), selected: size === this.internalPageSize }, size)))))), h("div", { key: 'fddb9153daa2703afbd384f972332040c76efa25', class: "pagination-nav" }, this.showFirstLastButtons && (h("button", { key: '5637468db69936eb008bf96d8e77ca8c860fa9e2', type: "button", class: "pagination-btn", onClick: this.goToFirst, disabled: !this.canGoPrevious, "aria-label": "Go to first page" }, h("span", { key: '37699a8026bdecf7858d3c5a0aa313f99acd6d28', class: "material-symbols-outlined" }, "first_page"))), h("button", { key: '590190edfc67218a19f647eb562b233d598cbbea', type: "button", class: "pagination-btn", onClick: this.goToPrevious, disabled: !this.canGoPrevious, "aria-label": "Go to previous page" }, h("span", { key: '45881aefbbc5e51adaa451ba3454a73a684613cb', class: "material-symbols-outlined" }, "chevron_left")), h("button", { key: '5d0592a32bba88bbe60f41318d3cd1d03a103f5d', type: "button", class: "pagination-btn", onClick: this.goToNext, disabled: !this.canGoNext, "aria-label": "Go to next page" }, h("span", { key: 'ae875c91c0d56757df0a78dcd645958e08e3ebde', class: "material-symbols-outlined" }, "chevron_right")), this.showFirstLastButtons && (h("button", { key: 'd97749c9c057100f145546b8a163681eb29b7358', type: "button", class: "pagination-btn", onClick: this.goToLast, disabled: !this.canGoNext, "aria-label": "Go to last page" }, h("span", { key: '58adc8bcac84c4af6bc67650e2fef83dfbeaa1e7', class: "material-symbols-outlined" }, "last_page")))))));
-    }
-};
-BhPagination.style = bhPaginationCss;
-
-export { BhPagination as B };
-//# sourceMappingURL=bh-pagination-CUeRSYsV.js.map
-
-//# sourceMappingURL=bh-pagination-CUeRSYsV.js.map

package/dist/esm/bh-pagination-CUeRSYsV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bh-pagination-CUeRSYsV.js","sources":["src/components/bh-pagination/bh-pagination.css?tag=bh-pagination&encapsulation=shadow","src/components/bh-pagination/bh-pagination.tsx"],"sourcesContent":["/* =============================================================================\n   bh-pagination Component Styles\n   ============================================================================= */\n\n:host {\n  display: block;\n  font-family: var(--font-family-body, 'Inter', sans-serif);\n}\n\n/* -----------------------------------------------------------------------------\n   Base Pagination Container\n   ----------------------------------------------------------------------------- */\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--sp-4, 1rem);\n  padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem);\n  background-color: var(--color-white, #fff);\n  border-top: 1px solid var(--color-neutral-200, #e2e4eb);\n}\n\n/* -----------------------------------------------------------------------------\n   Size Variants\n   ----------------------------------------------------------------------------- */\n\n.pagination-sm {\n  padding: var(--sp-2, 0.5rem) var(--sp-3, 0.75rem);\n  gap: var(--sp-3, 0.75rem);\n}\n\n.pagination-sm .pagination-info-text,\n.pagination-sm .pagination-page-size-label {\n  font-size: 0.75rem;\n}\n\n.pagination-sm .pagination-btn {\n  width: 28px;\n  height: 28px;\n}\n\n.pagination-sm .pagination-btn .material-symbols-outlined {\n  font-size: 18px;\n}\n\n.pagination-sm .pagination-select {\n  height: 28px;\n  font-size: 0.75rem;\n  padding: 0 var(--sp-5, 1.25rem) 0 var(--sp-2, 0.5rem);\n}\n\n.pagination-md {\n  /* Default - no changes needed */\n}\n\n.pagination-lg {\n  padding: var(--sp-4, 1rem) var(--sp-5, 1.25rem);\n  gap: var(--sp-5, 1.25rem);\n}\n\n.pagination-lg .pagination-info-text,\n.pagination-lg .pagination-page-size-label {\n  font-size: 0.9375rem;\n}\n\n.pagination-lg .pagination-btn {\n  width: 40px;\n  height: 40px;\n}\n\n.pagination-lg .pagination-btn .material-symbols-outlined {\n  font-size: 24px;\n}\n\n.pagination-lg .pagination-select {\n  height: 40px;\n  font-size: 0.9375rem;\n}\n\n/* -----------------------------------------------------------------------------\n   Disabled State\n   ----------------------------------------------------------------------------- */\n\n.pagination-disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/* -----------------------------------------------------------------------------\n   Info Section\n   ----------------------------------------------------------------------------- */\n\n.pagination-info {\n  display: flex;\n  align-items: center;\n}\n\n.pagination-info-text {\n  font-size: 0.875rem;\n  color: var(--color-neutral-600, #5c627a);\n  white-space: nowrap;\n}\n\n/* -----------------------------------------------------------------------------\n   Controls Section\n   ----------------------------------------------------------------------------- */\n\n.pagination-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--sp-4, 1rem);\n}\n\n/* -----------------------------------------------------------------------------\n   Page Size Selector\n   ----------------------------------------------------------------------------- */\n\n.pagination-page-size {\n  display: flex;\n  align-items: center;\n  gap: var(--sp-2, 0.5rem);\n}\n\n.pagination-page-size-label {\n  font-size: 0.875rem;\n  color: var(--color-neutral-600, #5c627a);\n  white-space: nowrap;\n}\n\n.pagination-select {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background-color: var(--color-white, #fff);\n  border: 1px solid var(--color-neutral-300, #c0c4d4);\n  border-radius: var(--radius-md, 6px);\n  padding: 0 var(--sp-6, 1.5rem) 0 var(--sp-3, 0.75rem);\n  height: 32px;\n  font-size: 0.875rem;\n  color: var(--color-neutral-900, #141624);\n  cursor: pointer;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n\n  /* Custom dropdown arrow */\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%235c627a'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 4px center;\n  background-size: 16px;\n}\n\n.pagination-select:hover:not(:disabled) {\n  border-color: var(--color-neutral-400, #939ab4);\n}\n\n.pagination-select:focus {\n  outline: none;\n  border-color: var(--color-brand-500, #6366f1);\n  box-shadow: 0 0 0 3px var(--color-brand-100, #e0e1fc);\n}\n\n.pagination-select:disabled {\n  background-color: var(--color-neutral-100, #f0f1f5);\n  cursor: not-allowed;\n}\n\n/* -----------------------------------------------------------------------------\n   Navigation Buttons\n   ----------------------------------------------------------------------------- */\n\n.pagination-nav {\n  display: flex;\n  align-items: center;\n  gap: var(--sp-1, 0.25rem);\n}\n\n.pagination-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: none;\n  border-radius: var(--radius-md, 6px);\n  background-color: transparent;\n  color: var(--color-neutral-600, #5c627a);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n}\n\n.pagination-btn .material-symbols-outlined {\n  font-size: 20px;\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;\n}\n\n.pagination-btn:hover:not(:disabled) {\n  background-color: var(--color-neutral-100, #f0f1f5);\n  color: var(--color-neutral-900, #141624);\n}\n\n.pagination-btn:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--color-brand-100, #e0e1fc);\n}\n\n.pagination-btn:active:not(:disabled) {\n  background-color: var(--color-neutral-200, #e2e4eb);\n}\n\n.pagination-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n/* -----------------------------------------------------------------------------\n   Responsive Adjustments\n   ----------------------------------------------------------------------------- */\n\n@media (max-width: 640px) {\n  .pagination {\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--sp-3, 0.75rem);\n  }\n\n  .pagination-info {\n    justify-content: center;\n  }\n\n  .pagination-controls {\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .pagination-page-size {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .pagination-nav {\n    justify-content: center;\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h, State } from '@stencil/core';\n\nexport type PaginationSize = 'sm' | 'md' | 'lg';\n\nexport interface PaginationChangeEvent {\n  page: number;\n  pageSize: number;\n}\n\n@Component({\n  tag: 'bh-pagination',\n  styleUrl: 'bh-pagination.css',\n  shadow: true,\n})\nexport class BhPagination {\n  /**\n   * Current page (1-indexed)\n   */\n  @Prop({ mutable: true }) page: number = 1;\n\n  /**\n   * Total number of items\n   */\n  @Prop() totalItems: number = 0;\n\n  /**\n   * Number of items per page\n   */\n  @Prop({ mutable: true }) pageSize: number = 10;\n\n  /**\n   * Available page size options\n   */\n  @Prop() pageSizeOptions: number[] = [10, 25, 50, 100];\n\n  /**\n   * Show page size selector\n   */\n  @Prop() showPageSizeSelector: boolean = true;\n\n  /**\n   * Show item count info (e.g., \"Showing 1 to 10 of 100 results\")\n   */\n  @Prop() showItemCount: boolean = true;\n\n  /**\n   * Show first/last page buttons\n   */\n  @Prop() showFirstLastButtons: boolean = true;\n\n  /**\n   * Size variant of the pagination\n   */\n  @Prop() size: PaginationSize = 'md';\n\n  /**\n   * Whether the pagination is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Label for \"Rows per page\" text (for i18n)\n   */\n  @Prop() rowsPerPageLabel: string = 'Rows per page:';\n\n  /**\n   * Label template for showing results (use {start}, {end}, {total} placeholders)\n   */\n  @Prop() showingResultsLabel: string = 'Showing {start} to {end} of {total} results';\n\n  /**\n   * Label template for page info when total items unknown (use {page}, {totalPages} placeholders)\n   */\n  @Prop() pageInfoLabel: string = 'Page {page} of {totalPages}';\n\n  @State() internalPage: number = 1;\n  @State() internalPageSize: number = 10;\n\n  /**\n   * Emitted when the page changes\n   */\n  @Event() bhPageChange!: EventEmitter<PaginationChangeEvent>;\n\n  /**\n   * Emitted when page size changes\n   */\n  @Event() bhPageSizeChange!: EventEmitter<PaginationChangeEvent>;\n\n  componentWillLoad() {\n    this.internalPage = this.page;\n    this.internalPageSize = this.pageSize;\n  }\n\n  private get totalPages(): number {\n    return Math.max(1, Math.ceil(this.totalItems / this.internalPageSize));\n  }\n\n  private get startItem(): number {\n    if (this.totalItems === 0) return 0;\n    return (this.internalPage - 1) * this.internalPageSize + 1;\n  }\n\n  private get endItem(): number {\n    return Math.min(this.internalPage * this.internalPageSize, this.totalItems);\n  }\n\n  private get canGoPrevious(): boolean {\n    return this.internalPage > 1 && !this.disabled;\n  }\n\n  private get canGoNext(): boolean {\n    return this.internalPage < this.totalPages && !this.disabled;\n  }\n\n  private goToPage(newPage: number) {\n    if (this.disabled) return;\n\n    const page = Math.max(1, Math.min(newPage, this.totalPages));\n    if (page !== this.internalPage) {\n      this.internalPage = page;\n      this.page = page;\n      this.bhPageChange.emit({ page, pageSize: this.internalPageSize });\n    }\n  }\n\n  private handlePageSizeChange(event: Event) {\n    if (this.disabled) return;\n\n    const select = event.target as HTMLSelectElement;\n    const newPageSize = parseInt(select.value, 10);\n\n    if (newPageSize !== this.internalPageSize) {\n      this.internalPageSize = newPageSize;\n      this.pageSize = newPageSize;\n\n      // Reset to page 1 when page size changes, or adjust if current page is now out of bounds\n      const newTotalPages = Math.max(1, Math.ceil(this.totalItems / newPageSize));\n      const newPage = Math.min(this.internalPage, newTotalPages);\n\n      if (newPage !== this.internalPage) {\n        this.internalPage = newPage;\n        this.page = newPage;\n      }\n\n      this.bhPageSizeChange.emit({ page: this.internalPage, pageSize: newPageSize });\n    }\n  }\n\n  private goToFirst = () => this.goToPage(1);\n  private goToPrevious = () => this.goToPage(this.internalPage - 1);\n  private goToNext = () => this.goToPage(this.internalPage + 1);\n  private goToLast = () => this.goToPage(this.totalPages);\n\n  private getInfoText(): string {\n    if (this.totalItems === 0) {\n      return 'No results';\n    }\n\n    if (this.showItemCount && this.totalItems > 0) {\n      return this.showingResultsLabel\n        .replace('{start}', String(this.startItem))\n        .replace('{end}', String(this.endItem))\n        .replace('{total}', String(this.totalItems));\n    }\n\n    return this.pageInfoLabel\n      .replace('{page}', String(this.internalPage))\n      .replace('{totalPages}', String(this.totalPages));\n  }\n\n  render() {\n    const paginationClasses = {\n      'pagination': true,\n      [`pagination-${this.size}`]: true,\n      'pagination-disabled': this.disabled,\n    };\n\n    return (\n      <div class={paginationClasses} role=\"navigation\" aria-label=\"Pagination\">\n        {/* Info section */}\n        <div class=\"pagination-info\">\n          <span class=\"pagination-info-text\">{this.getInfoText()}</span>\n        </div>\n\n        {/* Controls section */}\n        <div class=\"pagination-controls\">\n          {/* Page size selector */}\n          {this.showPageSizeSelector && (\n            <div class=\"pagination-page-size\">\n              <span class=\"pagination-page-size-label\">{this.rowsPerPageLabel}</span>\n              <select\n                class=\"pagination-select\"\n                onChange={(e) => this.handlePageSizeChange(e)}\n                disabled={this.disabled}\n                aria-label=\"Select page size\"\n              >\n                {this.pageSizeOptions.map((size) => (\n                  <option key={size} value={String(size)} selected={size === this.internalPageSize}>\n                    {size}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n\n          {/* Navigation buttons */}\n          <div class=\"pagination-nav\">\n            {this.showFirstLastButtons && (\n              <button\n                type=\"button\"\n                class=\"pagination-btn\"\n                onClick={this.goToFirst}\n                disabled={!this.canGoPrevious}\n                aria-label=\"Go to first page\"\n              >\n                <span class=\"material-symbols-outlined\">first_page</span>\n              </button>\n            )}\n\n            <button\n              type=\"button\"\n              class=\"pagination-btn\"\n              onClick={this.goToPrevious}\n              disabled={!this.canGoPrevious}\n              aria-label=\"Go to previous page\"\n            >\n              <span class=\"material-symbols-outlined\">chevron_left</span>\n            </button>\n\n            <button\n              type=\"button\"\n              class=\"pagination-btn\"\n              onClick={this.goToNext}\n              disabled={!this.canGoNext}\n              aria-label=\"Go to next page\"\n            >\n              <span class=\"material-symbols-outlined\">chevron_right</span>\n            </button>\n\n            {this.showFirstLastButtons && (\n              <button\n                type=\"button\"\n                class=\"pagination-btn\"\n                onClick={this.goToLast}\n                disabled={!this.canGoNext}\n                aria-label=\"Go to last page\"\n              >\n                <span class=\"material-symbols-outlined\">last_page</span>\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/types/components/bh-container/bh-container.d.ts

@@ -1,7 +0,0 @@
-export declare class BhContainer {
-    /**
-     * Whether the container has a footer attached (removes bottom border radius and border)
-     */
-    withFooter: boolean;
-    render(): any;
-}

package/dist/types/components/bh-container-footer/bh-container-footer.d.ts

@@ -1,18 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type ContainerFooterSize = 'minimal' | 'standard';
-export declare class BhContainerFooter {
-    /**
-     * Size variant of the footer
-     */
-    size: ContainerFooterSize;
-    /**
-     * Label for the footer button
-     */
-    buttonLabel: string;
-    /**
-     * Event emitted when the button is clicked
-     */
-    bhButtonClick: EventEmitter<void>;
-    private handleButtonClick;
-    render(): any;
-}