npm - @actabldesign/bellhop-core - Versions diffs - 0.0.6 → 0.0.8 - Mend

@actabldesign/bellhop-core 0.0.6 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (633) hide show

package/components/bh-input-password.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/{dist/components → components}/bh-input-text.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhInputText extends Components.BhInputText, HTMLElement {}
 export const BhInputText: {

package/{dist/components → components}/bh-input-text.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhInputText$1, d as defineCustomElement$1 } from './p-CrB92GYh.js';
+import { B as BhInputText$1, d as defineCustomElement$1 } from './p-BJLHKnwL.js';
 const BhInputText = BhInputText$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-input-verification.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhInputVerification extends Components.BhInputVerification, HTMLElement {}
 export const BhInputVerification: {

package/{dist/components → components}/bh-input-verification.js RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$3 } from './p-CzM_4nyA.js';
-import { d as defineCustomElement$2 } from './p-UG_h-ztP.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$3 } from './p-Df8KgHhe.js';
+import { d as defineCustomElement$2 } from './p-BSok41i-.js';
 const bhInputVerificationCss = ":host{display:block}.input-verification-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:fit-content}.input-verification-container{display:flex;align-items:center;gap:var(--spacing-sm)}.verification-input{width:64px;height:64px;padding:0;border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);background-color:var(--color-white);font-family:var(--font-inter);font-size:3rem;font-weight:var(--weight-medium);line-height:1;color:var(--color-neutral-900);transition:all 150ms ease;outline:none;box-sizing:border-box}.verification-input.size-sm{width:64px;height:64px;font-size:3rem;border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md)}.verification-input.size-md{width:80px;height:80px;font-size:3rem;border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-3xl)}.verification-input.size-lg{width:96px;height:96px;font-size:3.75rem;border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-4xl)}.verification-input:hover:not(:disabled){border-color:var(--color-neutral-400)}.verification-input:focus{border-color:var(--color-brand-300);box-shadow:0 0 0 4px var(--color-brand-100)}.verification-input.error{border-color:var(--color-error-300)}.verification-input.error:focus{border-color:var(--color-error-300);box-shadow:0 0 0 4px var(--color-error-100)}.verification-input:disabled{background-color:var(--color-neutral-50);border-color:var(--color-neutral-300);color:var(--color-neutral-400);cursor:not-allowed}.separator{font-family:var(--font-inter);font-size:1.5rem;font-weight:var(--weight-medium);color:var(--color-neutral-400);margin:0 var(--spacing-xs);line-height:1}.separator.size-sm{font-size:1.5rem}.separator.size-md{font-size:1.5rem}.separator.size-lg{font-size:1.875rem}.hint-text{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-600);margin-top:var(--spacing-xs)}.hint-text.error{color:var(--color-error-600)}.verification-input::placeholder{color:var(--color-neutral-400);opacity:1;font-size:inherit;font-weight:var(--weight-regular)}";
@@ -244,7 +244,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhInputVerification = BhInputVerification$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-input-verification.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/{dist/components → components}/bh-label.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhLabel extends Components.BhLabel, HTMLElement {}
 export const BhLabel: {

package/{dist/components → components}/bh-label.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhLabel$1, d as defineCustomElement$1 } from './p-CzM_4nyA.js';
+import { B as BhLabel$1, d as defineCustomElement$1 } from './p-Df8KgHhe.js';
 const BhLabel = BhLabel$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-loader-spinner.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhLoaderSpinner extends Components.BhLoaderSpinner, HTMLElement {}
 export const BhLoaderSpinner: {

package/{dist/components → components}/bh-loader-spinner.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhLoaderSpinner$1, d as defineCustomElement$1 } from './p-CA0LmFbe.js';
+import { B as BhLoaderSpinner$1, d as defineCustomElement$1 } from './p-S3PEg8gv.js';
 const BhLoaderSpinner = BhLoaderSpinner$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-logo-box.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhLogoBox extends Components.BhLogoBox, HTMLElement {}
 export const BhLogoBox: {

package/{dist/components → components}/bh-logo-box.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhLogoBox$1, d as defineCustomElement$1 } from './p-l5G-q5dj.js';
+import { B as BhLogoBox$1, d as defineCustomElement$1 } from './p-C_wf2KGn.js';
 const BhLogoBox = BhLogoBox$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-modal-actions.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhModalActions extends Components.BhModalActions, HTMLElement {}
 export const BhModalActions: {

package/{dist/components → components}/bh-modal-actions.js RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$3 } from './p-QjxdVLPX.js';
-import { d as defineCustomElement$2 } from './p-CA0LmFbe.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$3 } from './p-B02xFf1P.js';
+import { d as defineCustomElement$2 } from './p-S3PEg8gv.js';
 const bhModalActionsCss = ":host{display:block;width:100%}.modal-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-none, 0px);padding-top:var(--spacing-3xl, 24px);width:100%}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--color-border-secondary, #dcdfea);margin-bottom:var(--spacing-3xl, 24px)}.modal-actions-content{display:flex;gap:var(--spacing-lg, 12px);padding:0 var(--spacing-3xl, 24px);padding-bottom:var(--spacing-3xl, 24px);width:100%;box-sizing:border-box}.modal-actions-content--fill{flex-direction:row;align-items:stretch}.modal-actions-content--fill bh-button{flex:1;display:block;width:100%}.modal-actions-content--fill bh-button::part(button){width:100%}.modal-actions-content--fill .btn-destructive{flex:1}.modal-actions-content--right{flex-direction:row;align-items:center;justify-content:space-between}.actions-left{display:flex;gap:var(--spacing-lg, 12px);align-items:center}.actions-right{display:flex;gap:var(--spacing-lg, 12px);align-items:center;justify-content:flex-end}@media (max-width: 480px){.modal-actions-content--fill{flex-direction:column;align-items:stretch}.modal-actions-content--fill bh-button,.modal-actions-content--fill .btn-destructive{flex:none;width:100%}.modal-actions-content--fill{flex-direction:column-reverse}}.btn-destructive{display:flex;align-items:center;justify-content:center;gap:var(--button-content-gap, 4px);height:40px;padding:0 var(--button-padding-x, 12px);background-color:var(--color-bg-error, #d6341f);color:var(--color-fg-white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-family:var(--font-family-body, 'Inter', sans-serif);font-weight:var(--weight-semibold, 600);font-size:var(--button-font-size, 14px);line-height:var(--text-sm-line-height, 20px);letter-spacing:var(--letter-spacing-normal, 0px);cursor:pointer;overflow:hidden;transition:background-color 0.15s ease}.btn-destructive:hover{background-color:var(--color-bg-error-hover, #b82d1a)}.btn-destructive:focus-visible{outline:2px solid var(--color-bg-error, #d6341f);outline-offset:2px}.btn-destructive:active{background-color:var(--color-bg-error-active, #9a2515)}";
@@ -94,7 +94,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhModalActions = BhModalActions$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-modal-actions.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/{dist/components → components}/bh-modal-header.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhModalHeader extends Components.BhModalHeader, HTMLElement {}
 export const BhModalHeader: {

package/{dist/components → components}/bh-modal-header.js RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$3 } from './p-BsB67vNb.js';
-import { d as defineCustomElement$2 } from './p-CHuAmqhM.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$3 } from './p-BajBGXic.js';
+import { d as defineCustomElement$2 } from './p-h6juyPoa.js';
 const bhModalHeaderCss = ":host{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-none, 0px);width:100%}.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-none, 0px);width:100%;position:relative}.modal-header--center{align-items:center}.modal-header--horizontal{flex-direction:row;align-items:flex-start}.modal-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xl, 16px);padding:var(--spacing-3xl, 24px);padding-bottom:var(--spacing-none, 0px);width:100%}.modal-header-content--center{align-items:center}.modal-header-content--horizontal{flex-direction:row;align-items:flex-start}.modal-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, 4px);width:100%;flex:1;min-width:0}.modal-text-content--center{align-items:center;text-align:center}.modal-text-content--horizontal{flex:1;min-width:1px;min-height:1px}.modal-title{margin:0;font-family:var(--font-family-body, 'Inter', sans-serif);font-weight:var(--weight-semibold, 600);font-size:var(--text-lg-size, 18px);line-height:var(--text-lg-line-height, 28px);letter-spacing:var(--letter-spacing-normal, 0px);color:var(--color-text-primary, #111322);width:100%}.modal-description{margin:0;font-family:var(--font-family-body, 'Inter', sans-serif);font-weight:var(--weight-regular, 400);font-size:var(--text-sm-size, 14px);line-height:var(--text-sm-line-height, 20px);letter-spacing:var(--letter-spacing-normal, 0px);color:var(--color-text-tertiary, #4a5578);width:100%}.close-button{position:absolute;top:var(--spacing-lg, 12px);right:var(--spacing-lg, 12px)}.padding-bottom{height:20px;width:100%;flex-shrink:0}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--color-border-secondary, #dcdfea)}";
@@ -108,7 +108,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhModalHeader = BhModalHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-modal-header.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/{dist/components → components}/bh-modal.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhModal extends Components.BhModal, HTMLElement {}
 export const BhModal: {

package/{dist/components/p-DErr7PhS.js → components/bh-modal.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
 const bhModalCss = ":host{display:block}.modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4xl, 32px);z-index:1000}.modal-overlay{position:absolute;inset:0;background:var(--color-bg-overlay, rgba(64, 73, 104, 0.7));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.modal{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-xl, 12px);box-shadow:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);overflow:hidden;z-index:1}@media (max-width: 480px){.modal-wrapper{padding:var(--spacing-xl, 16px)}.modal{max-width:100%}}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes overlayFadeIn{from{opacity:0}to{opacity:1}}.modal{animation:modalFadeIn 0.2s ease-out}.modal-overlay{animation:overlayFadeIn 0.2s ease-out}";
@@ -9,7 +9,7 @@ const MODAL_WIDTHS = {
     xl: '640px',
     xxl: '688px',
 };
-const BhModal = /*@__PURE__*/ proxyCustomElement(class BhModal extends H {
+const BhModal$1 = /*@__PURE__*/ proxyCustomElement(class BhModal extends H {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -57,7 +57,7 @@ const BhModal = /*@__PURE__*/ proxyCustomElement(class BhModal extends H {
         "overlay": [4],
         "width": [1]
     }]);
-function defineCustomElement() {
+function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -65,14 +65,16 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "bh-modal":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, BhModal);
+                customElements.define(tagName, BhModal$1);
             }
             break;
     } });
 }
-defineCustomElement();
-export { BhModal as B, defineCustomElement as d };
-//# sourceMappingURL=p-DErr7PhS.js.map
+const BhModal = BhModal$1;
+const defineCustomElement = defineCustomElement$1;
-//# sourceMappingURL=p-DErr7PhS.js.map
+export { BhModal, defineCustomElement };
+//# sourceMappingURL=bh-modal.js.map
+//# sourceMappingURL=bh-modal.js.map

package/components/bh-modal.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/{dist/components → components}/bh-month-picker-content.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhMonthPickerContent extends Components.BhMonthPickerContent, HTMLElement {}
 export const BhMonthPickerContent: {

package/{dist/components → components}/bh-month-picker-content.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhMonthPickerContent$1, d as defineCustomElement$1 } from './p-BuUjUqUh.js';
+import { B as BhMonthPickerContent$1, d as defineCustomElement$1 } from './p-Npcwl1Z8.js';
 const BhMonthPickerContent = BhMonthPickerContent$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-month-picker.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhMonthPicker extends Components.BhMonthPicker, HTMLElement {}
 export const BhMonthPicker: {

package/{dist/components → components}/bh-month-picker.js RENAMED Viewed

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$8 } from './p-QjxdVLPX.js';
-import { d as defineCustomElement$7 } from './p-CrB92GYh.js';
-import { d as defineCustomElement$6 } from './p-CzM_4nyA.js';
-import { d as defineCustomElement$5 } from './p-CA0LmFbe.js';
-import { d as defineCustomElement$4 } from './p-BuUjUqUh.js';
-import { d as defineCustomElement$3 } from './p-B-oXID22.js';
-import { d as defineCustomElement$2 } from './p-UG_h-ztP.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$8 } from './p-B02xFf1P.js';
+import { d as defineCustomElement$7 } from './p-BJLHKnwL.js';
+import { d as defineCustomElement$6 } from './p-Df8KgHhe.js';
+import { d as defineCustomElement$5 } from './p-S3PEg8gv.js';
+import { d as defineCustomElement$4 } from './p-Npcwl1Z8.js';
+import { d as defineCustomElement$3 } from './p-8bOZFmdg.js';
+import { d as defineCustomElement$2 } from './p-BSok41i-.js';
 const bhMonthPickerCss = "@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:inline-block;position:relative}.month-picker-container{position:relative;display:inline-block}.month-picker-trigger{cursor:pointer}.month-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:40px;height:100%;cursor:pointer;z-index:1}.month-picker-menu-container{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--spacing-xs)}.month-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}";
@@ -222,7 +222,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhMonthPicker = BhMonthPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-month-picker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-month-picker.js","mappings":"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","names":["BhMonthPicker","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-month-picker/bh-month-picker.css?tag=bh-month-picker&encapsulation=shadow","src/components/bh-month-picker/bh-month-picker.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: inline-block;\n position: relative;\n}\n\n.month-picker-container {\n position: relative;\n display: inline-block;\n}\n\n.month-picker-trigger {\n cursor: pointer;\n}\n\n.month-picker-trigger.input-field-container {\n position: relative;\n}\n\n.calendar-icon-overlay {\n position: absolute;\n top: 0;\n right: 0;\n width: 40px;\n height: 100%;\n cursor: pointer;\n z-index: 1;\n}\n\n.month-picker-menu-container {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n margin-top: var(--spacing-xs);\n}\n\n.month-picker-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 999;\n background: transparent;\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h, Host } from '@stencil/core';\nimport { MonthYear, DisabledMonth } from '../bh-month-picker-content/bh-month-picker-content';\n\nexport type MonthPickerVariant = 'dropdown-outlined' | 'dropdown-ghost' | 'input';\n\n@Component({\n tag: 'bh-month-picker',\n styleUrl: 'bh-month-picker.css',\n shadow: true,\n})\nexport class BhMonthPicker {\n /**\n * Variant of the month picker trigger\n */\n @Prop() variant: MonthPickerVariant = 'dropdown-outlined';\n\n /**\n * Minimum year in the picker\n */\n @Prop() minYear: number = 1998;\n\n /**\n * Maximum year in the picker\n */\n @Prop() maxYear: number = 2060;\n\n /**\n * Whether the picker is disabled\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Array of disabled months\n */\n @Prop() disabledMonths: DisabledMonth[] = [];\n\n /**\n * Label for input variant\n */\n @Prop() label: string = 'Select Month';\n\n /**\n * Placeholder text\n */\n @Prop() placeholder: string = 'Choose month and year';\n\n /**\n * Width for input variant\n */\n @Prop() inputWidth: string = '200px';\n\n /**\n * Whether to show the label\n */\n @Prop() showLabel: boolean = true;\n\n /**\n * Whether to show the footer\n */\n @Prop() showFooter: boolean = true;\n\n /**\n * Currently selected value\n */\n @Prop() value?: MonthYear;\n\n @State() selectedValue: MonthYear | null = null;\n @State() tempSelection: MonthYear | null = null;\n @State() isMenuOpen: boolean = false;\n @State() isMenuClosing: boolean = false;\n\n /**\n * Event emitted when value changes\n */\n @Event() bhChange!: EventEmitter<MonthYear | null>;\n\n /**\n * Event emitted when a month/year is selected\n */\n @Event() bhMonthYearSelect!: EventEmitter<MonthYear>;\n\n @Watch('value')\n handleValueChange(newValue: MonthYear | undefined) {\n if (newValue !== undefined) {\n this.selectedValue = newValue;\n }\n }\n\n componentWillLoad() {\n if (this.value) {\n this.selectedValue = this.value;\n }\n }\n\n private getDisplayValue(): string {\n if (!this.selectedValue) return '';\n // US convention: MM/YYYY (01/2025)\n const month = (this.selectedValue.month + 1).toString().padStart(2, '0');\n return `${month}/${this.selectedValue.year}`;\n }\n\n private getButtonLabel(): string {\n return this.getDisplayValue() || this.placeholder;\n }\n\n private handleTriggerClick = () => {\n if (this.disabled) return;\n if (!this.isMenuOpen && this.showFooter) {\n this.tempSelection = this.selectedValue;\n }\n this.isMenuOpen = !this.isMenuOpen;\n };\n\n private handleInputFocus = () => {\n if (this.disabled) return;\n if (!this.isMenuOpen && this.showFooter) {\n this.tempSelection = this.selectedValue;\n }\n this.isMenuOpen = true;\n };\n\n private handleMonthYearSelect = (event: CustomEvent<MonthYear | null>) => {\n const monthYear = event.detail;\n if (!monthYear) return;\n if (this.showFooter) {\n this.tempSelection = monthYear;\n } else {\n this.selectedValue = monthYear;\n this.bhChange.emit(monthYear);\n this.bhMonthYearSelect.emit(monthYear);\n this.closeMenu();\n }\n };\n\n private handleMenuCancel = () => {\n this.tempSelection = null;\n this.closeMenu();\n };\n\n private handleMenuApply = () => {\n if (this.tempSelection) {\n this.selectedValue = this.tempSelection;\n this.bhChange.emit(this.tempSelection);\n this.bhMonthYearSelect.emit(this.tempSelection);\n this.tempSelection = null;\n }\n this.closeMenu();\n };\n\n private closeMenu() {\n this.isMenuClosing = true;\n setTimeout(() => {\n this.isMenuOpen = false;\n this.isMenuClosing = false;\n }, 150);\n }\n\n private handleBackdropClick = () => {\n this.handleMenuCancel();\n };\n\n render() {\n return (\n <Host>\n <div class=\"month-picker-container\">\n {/* Dropdown Outlined Variant */}\n {this.variant === 'dropdown-outlined' && (\n <div class=\"month-picker-trigger\" onClick={this.handleTriggerClick}>\n <bh-button\n hierarchy=\"secondary\"\n \n size=\"sm\"\n icon=\"trailing\"\n label={this.getButtonLabel()}\n iconName=\"expand_more\"\n disabled={this.disabled}\n ></bh-button>\n </div>\n )}\n\n {/* Dropdown Ghost Variant */}\n {this.variant === 'dropdown-ghost' && (\n <div class=\"month-picker-trigger\" onClick={this.handleTriggerClick}>\n <bh-button\n hierarchy=\"tertiary\"\n \n size=\"sm\"\n icon=\"trailing\"\n label={this.getButtonLabel()}\n iconName=\"expand_more\"\n disabled={this.disabled}\n ></bh-button>\n </div>\n )}\n\n {/* Input Variant */}\n {this.variant === 'input' && (\n <div class=\"month-picker-trigger input-field-container\">\n <bh-input-text\n label={this.label}\n placeholder={this.placeholder}\n value={this.getDisplayValue()}\n disabled={this.disabled}\n showTrailingIcon={true}\n trailingIcon=\"calendar_month\"\n showHelpIcon={false}\n showHintText={false}\n showLabel={this.showLabel}\n width={this.inputWidth}\n onBhFocus={this.handleInputFocus}\n ></bh-input-text>\n <div class=\"calendar-icon-overlay\" onClick={this.handleTriggerClick}></div>\n </div>\n )}\n\n {/* Month Picker Menu */}\n <div class=\"month-picker-menu-container\">\n <bh-picker-menu\n visible={this.isMenuOpen}\n minYear={this.minYear}\n maxYear={this.maxYear}\n disabled={this.disabled}\n disabledMonths={this.disabledMonths}\n showFooter={this.showFooter}\n value={this.tempSelection || this.selectedValue || undefined}\n onBhChange={this.handleMonthYearSelect}\n onBhMonthYearSelect={this.handleMonthYearSelect}\n onBhCancel={this.handleMenuCancel}\n onBhApply={this.handleMenuApply}\n ></bh-picker-menu>\n </div>\n </div>\n\n {/* Backdrop */}\n {(this.isMenuOpen || this.isMenuClosing) && (\n <div class=\"month-picker-backdrop\" onClick={this.handleBackdropClick}></div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/{dist/components → components}/bh-nav-item.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhNavItem extends Components.BhNavItem, HTMLElement {}
 export const BhNavItem: {

package/{dist/components → components}/bh-nav-item.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhNavItem$1, d as defineCustomElement$1 } from './p-BE4kximA.js';
+import { B as BhNavItem$1, d as defineCustomElement$1 } from './p-BLCjD0ux.js';
 const BhNavItem = BhNavItem$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-notification.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhNotification extends Components.BhNotification, HTMLElement {}
 export const BhNotification: {

package/{dist/components → components}/bh-notification.js RENAMED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$4 } from './p-QjxdVLPX.js';
-import { d as defineCustomElement$3 } from './p-CHuAmqhM.js';
-import { d as defineCustomElement$2 } from './p-CA0LmFbe.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$4 } from './p-B02xFf1P.js';
+import { d as defineCustomElement$3 } from './p-h6juyPoa.js';
+import { d as defineCustomElement$2 } from './p-S3PEg8gv.js';
 const bhNotificationCss = ":host{display:block;font-family:var(\n    --font-inter,\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif\n  )}.notification{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--color-white, #ffffff);border:1px solid var(--color-neutral-200, #eaecf0);border-radius:12px;box-shadow:0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);position:relative}.notification-content{display:flex;gap:12px;flex:1;min-width:0}.notification-icon-wrapper{flex-shrink:0}.notification-text{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.notification-text-wrapper{display:flex;flex-direction:column;gap:4px}.notification-title{font-size:var(--text-sm-size, 14px);font-weight:600;color:var(--color-neutral-900, #101828);margin:0;line-height:1.43}.notification-description{font-size:var(--text-sm-size, 14px);font-weight:400;color:var(--color-neutral-600, #475467);margin:0;line-height:1.43}.notification-actions{display:flex;gap:12px}.notification-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:background 0.2s ease-in-out}.notification-close:hover{background:var(--color-neutral-100, #f2f4f7)}.close-icon{font-size:16px;color:var(--color-neutral-400, #98a2b3)}.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}";
@@ -164,7 +164,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhNotification = BhNotification$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-notification.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-notification.js","mappings":"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","names":["BhNotification","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-notification/bh-notification.css?tag=bh-notification&encapsulation=shadow","src/components/bh-notification/bh-notification.tsx"],"sourcesContent":[":host {\n display: block;\n font-family: var(\n --font-inter,\n 'Inter',\n -apple-system,\n BlinkMacSystemFont,\n sans-serif\n );\n}\n\n/* Base Notification */\n.notification {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 16px;\n background: var(--color-white, #ffffff);\n border: 1px solid var(--color-neutral-200, #eaecf0);\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);\n position: relative;\n}\n\n/* Content Area */\n.notification-content {\n display: flex;\n gap: 12px;\n flex: 1;\n min-width: 0;\n}\n\n/* Icon Wrapper */\n.notification-icon-wrapper {\n flex-shrink: 0;\n}\n\n/* Text Content */\n.notification-text {\n display: flex;\n flex-direction: column;\n gap: 12px;\n flex: 1;\n min-width: 0;\n}\n\n.notification-text-wrapper {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.notification-title {\n font-size: var(--text-sm-size, 14px);\n font-weight: 600;\n color: var(--color-neutral-900, #101828);\n margin: 0;\n line-height: 1.43;\n}\n\n.notification-description {\n font-size: var(--text-sm-size, 14px);\n font-weight: 400;\n color: var(--color-neutral-600, #475467);\n margin: 0;\n line-height: 1.43;\n}\n\n/* Actions */\n.notification-actions {\n display: flex;\n gap: 12px;\n}\n\n/* Close Button */\n.notification-close {\n position: absolute;\n top: 8px;\n right: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n padding: 0;\n border: none;\n background: transparent;\n cursor: pointer;\n border-radius: 4px;\n transition: background 0.2s ease-in-out;\n}\n\n.notification-close:hover {\n background: var(--color-neutral-100, #f2f4f7);\n}\n\n.close-icon {\n font-size: 16px;\n color: var(--color-neutral-400, #98a2b3);\n}\n\n/* Material Symbols */\n.material-symbols-outlined {\n font-family: 'Material Symbols Outlined';\n font-weight: normal;\n font-style: normal;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased;\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type NotificationType =\n | 'primary'\n | 'default'\n | 'success'\n | 'error'\n | 'warning'\n | 'feature';\n\n@Component({\n tag: 'bh-notification',\n styleUrl: 'bh-notification.css',\n shadow: true,\n})\nexport class BhNotification {\n /**\n * Type of notification (determines color and icon)\n */\n @Prop() type: NotificationType = 'default';\n\n /**\n * Notification title\n */\n @Prop() notificationTitle: string = '';\n\n /**\n * Notification description\n */\n @Prop() description: string = '';\n\n /**\n * Text for the action button\n */\n @Prop() actionText: string = '';\n\n /**\n * Text for the dismiss button\n */\n @Prop() dismissText: string = '';\n\n /**\n * Whether to show the close button\n */\n @Prop() dismissible: boolean = true;\n\n /**\n * Custom icon name (overrides type-based icon)\n */\n @Prop() icon: string = '';\n\n /**\n * Emitted when action button is clicked\n */\n @Event() bhAction!: EventEmitter<void>;\n\n /**\n * Emitted when dismiss button is clicked\n */\n @Event() bhDismiss!: EventEmitter<void>;\n\n /**\n * Emitted when close button is clicked\n */\n @Event() bhClose!: EventEmitter<void>;\n\n private getIconName(): string {\n if (this.icon) return this.icon;\n\n switch (this.type) {\n case 'primary':\n return 'new_releases';\n case 'success':\n return 'check_circle';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n case 'feature':\n return 'rocket_launch';\n case 'default':\n return 'info';\n default:\n return 'info';\n }\n }\n\n private getIconColor(): 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'highlight' {\n switch (this.type) {\n case 'primary':\n return 'brand';\n case 'success':\n return 'success';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n case 'feature':\n return 'highlight';\n case 'default':\n default:\n return 'gray';\n }\n }\n\n private getIconStyle(): 'outlined' | 'filled' {\n switch (this.type) {\n case 'primary':\n return 'outlined';\n case 'success':\n return 'filled';\n case 'error':\n return 'filled';\n case 'warning':\n return 'filled';\n case 'feature':\n return 'outlined';\n case 'default':\n default:\n return 'outlined';\n }\n }\n\n private handleAction = (): void => {\n this.bhAction.emit();\n };\n\n private handleDismiss = (): void => {\n this.bhDismiss.emit();\n };\n\n private handleClose = (): void => {\n this.bhClose.emit();\n };\n\n render() {\n const notificationClasses = {\n notification: true,\n [`notification-${this.type}`]: true,\n };\n\n return (\n <div class={notificationClasses} role=\"alert\" part=\"container\">\n <div class=\"notification-content\">\n {/* Icon */}\n <div class=\"notification-icon-wrapper\">\n <bh-featured-icon\n icon={this.getIconName()}\n color={this.getIconColor()}\n size=\"sm\"\n iconStyle={this.getIconStyle()}\n />\n </div>\n\n {/* Text Content */}\n <div class=\"notification-text\">\n <div class=\"notification-text-wrapper\">\n {this.notificationTitle && (\n <h3 class=\"notification-title\">{this.notificationTitle}</h3>\n )}\n {this.description && (\n <p class=\"notification-description\">{this.description}</p>\n )}\n </div>\n\n {/* Actions */}\n {(this.actionText || this.dismissText) && (\n <div class=\"notification-actions\">\n {this.dismissText && (\n <bh-button\n hierarchy=\"quaternary\"\n size=\"sm\"\n label={this.dismissText}\n icon=\"none\"\n onBhClick={this.handleDismiss}\n />\n )}\n {this.actionText && (\n <bh-button\n hierarchy=\"quaternary\"\n size=\"sm\"\n label={this.actionText}\n icon=\"none\"\n onBhClick={this.handleAction}\n />\n )}\n </div>\n )}\n </div>\n </div>\n\n {/* Close Button */}\n {this.dismissible && (\n <button\n class=\"notification-close\"\n onClick={this.handleClose}\n aria-label=\"Close notification\"\n >\n <span class=\"material-symbols-outlined close-icon\">close</span>\n </button>\n )}\n </div>\n );\n }\n}"],"version":3}

package/{dist/components → components}/bh-page-navigation-child.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPageNavigationChild extends Components.BhPageNavigationChild, HTMLElement {}
 export const BhPageNavigationChild: {

package/{dist/components → components}/bh-page-navigation-child.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhPageNavigationChild$1, d as defineCustomElement$1 } from './p-C24VI6pZ.js';
+import { B as BhPageNavigationChild$1, d as defineCustomElement$1 } from './p-wPu4WTba.js';
 const BhPageNavigationChild = BhPageNavigationChild$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-page-navigation-multi-level.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPageNavigationMultiLevel extends Components.BhPageNavigationMultiLevel, HTMLElement {}
 export const BhPageNavigationMultiLevel: {

package/{dist/components → components}/bh-page-navigation-multi-level.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhPageNavigationMultiLevel$1, d as defineCustomElement$1 } from './p-CNifJXgc.js';
+import { B as BhPageNavigationMultiLevel$1, d as defineCustomElement$1 } from './p-Bu0BcHwL.js';
 const BhPageNavigationMultiLevel = BhPageNavigationMultiLevel$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-page-navigation-single-level.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPageNavigationSingleLevel extends Components.BhPageNavigationSingleLevel, HTMLElement {}
 export const BhPageNavigationSingleLevel: {

package/{dist/components → components}/bh-page-navigation-single-level.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhPageNavigationSingleLevel$1, d as defineCustomElement$1 } from './p-DoORMw6u.js';
+import { B as BhPageNavigationSingleLevel$1, d as defineCustomElement$1 } from './p-Do29ZTL9.js';
 const BhPageNavigationSingleLevel = BhPageNavigationSingleLevel$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-page-navigation.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPageNavigation extends Components.BhPageNavigation, HTMLElement {}
 export const BhPageNavigation: {