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

@actabldesign/bellhop-core 0.0.6 → 0.0.7

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 (624) hide show

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

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DLHC5fHk.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
 import { a as syncFormValue, u as updateValidity } from './p-2KjdCYlS.js';
-import { d as defineCustomElement$3 } from './p-CzM_4nyA.js';
-import { d as defineCustomElement$2 } from './p-UG_h-ztP.js';
+import { d as defineCustomElement$3 } from './p-Df8KgHhe.js';
+import { d as defineCustomElement$2 } from './p-BSok41i-.js';
 const bhTextareaCss = ":host{display:block}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.textarea-container{position:relative;display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-neutral-300);border-radius:8px;box-shadow:0px 1px 2px rgba(64, 73, 104, 0.06);transition:all 0.2s ease-in-out;min-height:128px}.textarea-container:hover:not(.textarea-container-disabled):not(.textarea-container-focused){border-color:var(--color-brand-500)}.textarea-container-focused{border-color:var(--color-brand-500);box-shadow:0 0 0 1px var(--color-brand-500)}.textarea-container-error{border-color:var(--color-error-300)}.textarea-container-error:hover:not(.textarea-container-focused){border-color:var(--color-error-500)}.textarea-container-error.textarea-container-focused{border-color:var(--color-brand-500);box-shadow:0 0 0 1px var(--color-brand-500)}.textarea-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--color-neutral-50)}.textarea-content{width:100%}.textarea{box-sizing:border-box;padding:12px 14px;background:transparent;border:none;outline:none;font-family:var(--font-inter);font-weight:400;font-size:var(--text-sm-size);line-height:1.5;color:var(--color-neutral-900);width:100%;min-height:96px;resize:none;caret-color:var(--color-brand-500);flex:1;box-shadow:none}.textarea:focus{outline:none;border:none;box-shadow:none}.textarea::placeholder{color:var(--color-neutral-400)}.textarea:disabled{cursor:not-allowed;color:var(--color-neutral-400)}.hint-text{font-family:var(--font-inter);font-weight:400;font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-600)}.hint-text.hint-error{color:var(--color-error-600)}@media (max-width: 768px){.textarea{font-size:16px;}}";
@@ -196,7 +196,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhTextarea = BhTextarea$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -0,0 +1 @@

+ {"file":"bh-textarea.js","mappings":"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","names":["BhTextarea","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-textarea/bh-textarea.css?tag=bh-textarea&encapsulation=shadow","src/components/bh-textarea/bh-textarea.tsx"],"sourcesContent":["/* ==========================================================================\n BH-TEXTAREA COMPONENT STYLES\n ========================================================================== */\n\n:host {\n display: block;\n}\n\n.textarea-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-sm);\n width: 100%;\n}\n\n/* Container */\n.textarea-container {\n position: relative;\n display: flex;\n flex-direction: column;\n background: var(--color-white);\n border: 1px solid var(--color-neutral-300);\n border-radius: 8px;\n box-shadow: 0px 1px 2px rgba(64, 73, 104, 0.06);\n transition: all 0.2s ease-in-out;\n min-height: 128px;\n}\n\n.textarea-container:hover:not(.textarea-container-disabled):not(.textarea-container-focused) {\n border-color: var(--color-brand-500);\n}\n\n.textarea-container-focused {\n border-color: var(--color-brand-500);\n box-shadow: 0 0 0 1px var(--color-brand-500);\n}\n\n.textarea-container-error {\n border-color: var(--color-error-300);\n}\n\n.textarea-container-error:hover:not(.textarea-container-focused) {\n border-color: var(--color-error-500);\n}\n\n.textarea-container-error.textarea-container-focused {\n border-color: var(--color-brand-500);\n box-shadow: 0 0 0 1px var(--color-brand-500);\n}\n\n.textarea-container-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n background: var(--color-neutral-50);\n}\n\n/* Textarea Content */\n.textarea-content {\n width: 100%;\n}\n\n/* Textarea */\n.textarea {\n box-sizing: border-box;\n padding: 12px 14px;\n background: transparent;\n border: none;\n outline: none;\n font-family: var(--font-inter);\n font-weight: 400;\n font-size: var(--text-sm-size);\n line-height: 1.5;\n color: var(--color-neutral-900);\n width: 100%;\n min-height: 96px;\n resize: none;\n caret-color: var(--color-brand-500);\n flex: 1;\n box-shadow: none;\n}\n\n.textarea:focus {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.textarea::placeholder {\n color: var(--color-neutral-400);\n}\n\n.textarea:disabled {\n cursor: not-allowed;\n color: var(--color-neutral-400);\n}\n\n/* Hint Text */\n.hint-text {\n font-family: var(--font-inter);\n font-weight: 400;\n font-size: var(--text-sm-size);\n line-height: 1.43;\n color: var(--color-neutral-600);\n}\n\n.hint-text.hint-error {\n color: var(--color-error-600);\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n .textarea {\n font-size: 16px; /* Prevent zoom on iOS */\n }\n}\n","import { Component, Prop, State, Event, EventEmitter, h, AttachInternals } from '@stencil/core';\nimport { syncFormValue, updateValidity } from '../../utils/form';\n\nexport type TextareaResize = 'none' | 'both' | 'horizontal' | 'vertical';\n\n@Component({\n tag: 'bh-textarea',\n styleUrl: 'bh-textarea.css',\n shadow: true,\n formAssociated: true,\n})\nexport class BhTextarea {\n @AttachInternals() internals!: ElementInternals;\n\n private textareaEl?: HTMLTextAreaElement;\n /**\n * The label for the textarea\n */\n @Prop() label: string = 'Comment';\n\n /**\n * Placeholder text\n */\n @Prop() placeholder: string = 'Write a message...';\n\n /**\n * Hint text shown below the textarea\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 the field has an error\n */\n @Prop() error: boolean = false;\n\n /**\n * Whether the textarea is disabled\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Whether the field is required\n */\n @Prop() required: boolean = false;\n\n /**\n * Tooltip text for the help icon\n */\n @Prop() helpIconTooltip: string = 'Help';\n\n /**\n * The textarea 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 * Number of visible rows\n */\n @Prop() rows: number = 4;\n\n /**\n * Resize behavior\n */\n @Prop() resize: TextareaResize = 'none';\n\n /**\n * Maximum character length\n */\n @Prop() maxLength?: number;\n\n /**\n * Track focus state\n */\n @State() isFocused: boolean = false;\n\n /**\n * Emitted when the value changes\n */\n @Event() bhInput!: EventEmitter<string>;\n\n /**\n * Emitted when the textarea gains focus\n */\n @Event() bhFocus!: EventEmitter<void>;\n\n /**\n * Emitted when the textarea 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 componentDidLoad() {\n syncFormValue(this);\n updateValidity(this.internals, this.textareaEl, this.validationMessage);\n }\n\n formResetCallback() {\n this.value = this.defaultValue;\n if (this.textareaEl) {\n this.textareaEl.value = this.defaultValue;\n }\n syncFormValue(this);\n updateValidity(this.internals, this.textareaEl);\n }\n\n private handleInput = (event: Event): void => {\n const target = event.target as HTMLTextAreaElement;\n this.value = target.value;\n this.bhInput.emit(this.value);\n syncFormValue(this);\n updateValidity(this.internals, this.textareaEl, 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 handleHelpClick = (): void => {\n this.bhHelpClick.emit();\n };\n\n render() {\n const containerClasses = {\n 'textarea-container': true,\n 'textarea-container-focused': this.isFocused,\n 'textarea-container-error': this.error,\n 'textarea-container-disabled': this.disabled,\n };\n\n const textareaClasses = {\n 'textarea': true,\n 'textarea-error': this.error,\n };\n\n return (\n <div class=\"textarea-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 class={containerClasses}>\n <div class=\"textarea-content\">\n <textarea\n ref={(el) => (this.textareaEl = el)}\n class={textareaClasses}\n name={this.name}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n required={this.required}\n rows={this.rows}\n maxLength={this.maxLength}\n style={{ resize: this.resize }}\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=\"textarea\"\n />\n </div>\n </div>\n </bh-label>\n\n {this.showHintText && this.hintText && (\n <div\n class={{ 'hint-text': true, 'hint-error': this.error }}\n id=\"hint-text\"\n >\n {this.hintText}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

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

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

package/{dist/components/p-DK1vwbmm.js → components/bh-toggle.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DLHC5fHk.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
 import { s as syncCheckableFormValue, v as validateRequired } from './p-2KjdCYlS.js';
 const bhToggleCss = ":host{display:inline-block}.toggle-wrapper{display:flex;align-items:center;gap:0}.toggle-with-text.toggle-size-sm{gap:var(--spacing-md)}.toggle-with-text.toggle-size-md{gap:var(--spacing-lg)}.toggle-switch{position:relative;display:inline-block;border-radius:var(--radius-full);cursor:pointer;transition:background-color 0.2s ease;outline:none;border:1px solid transparent;background:transparent;overflow:visible;padding:0}.toggle-switch:focus{outline:none}.toggle-switch.toggle-disabled{cursor:not-allowed;opacity:0.38}.toggle-switch.toggle-sm{width:36px;height:20px}.toggle-switch.toggle-md{width:40px;height:24px}.toggle-switch.toggle-unpressed{background-color:var(--color-neutral-300);border-color:transparent}.toggle-switch.toggle-unpressed.toggle-hover{background-color:var(--color-neutral-400);border-color:transparent}.toggle-switch.toggle-unpressed.toggle-focus{background-color:var(--color-neutral-200);border-color:transparent}.toggle-switch.toggle-unpressed.toggle-focus .toggle-button::after{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:var(--radius-full);background:var(--color-neutral-600);opacity:0.12;pointer-events:none}.toggle-switch.toggle-unpressed.toggle-disabled{background-color:var(--color-neutral-100);border-color:transparent}.toggle-switch.toggle-pressed{background-color:var(--color-brand-600);border-color:var(--color-brand-600)}.toggle-switch.toggle-pressed.toggle-hover{background-color:var(--color-brand-700);border-color:var(--color-brand-700)}.toggle-switch.toggle-pressed.toggle-focus{background-color:var(--color-brand-600);border-color:var(--color-brand-600)}.toggle-switch.toggle-pressed.toggle-focus .toggle-button::after{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:var(--radius-full);background:var(--color-brand-100);opacity:0.24;pointer-events:none}.toggle-switch.toggle-pressed.toggle-disabled{background-color:var(--color-neutral-200);border-color:var(--color-neutral-200)}.toggle-switch.toggle-pressed.toggle-disabled .toggle-button{background-color:var(--color-neutral-100)}.toggle-button{position:absolute;top:50%;transform:translateY(-50%);border-radius:var(--radius-full);background-color:var(--color-neutral-600);transition:all 0.2s ease}.toggle-switch.toggle-unpressed .toggle-button{background-color:var(--color-white)}.toggle-switch.toggle-sm.toggle-unpressed .toggle-button{width:16px;height:16px;left:1px}.toggle-switch.toggle-md.toggle-unpressed .toggle-button{width:20px;height:20px;left:1px}.toggle-switch.toggle-unpressed.toggle-hover .toggle-button{background-color:var(--color-white);box-shadow:var(--shadow-sm)}.toggle-switch.toggle-pressed .toggle-button{background-color:var(--color-white)}.toggle-switch.toggle-sm.toggle-pressed .toggle-button{width:16px;height:16px;left:calc(100% - 17px)}.toggle-switch.toggle-md.toggle-pressed .toggle-button{width:20px;height:20px;left:calc(100% - 21px)}.toggle-switch.toggle-pressed.toggle-hover .toggle-button{background-color:var(--color-white)}.toggle-switch.toggle-disabled .toggle-button{background-color:var(--color-neutral-400);box-shadow:none}.toggle-switch.toggle-sm.toggle-unpressed.toggle-disabled .toggle-button{width:16px;height:16px;left:2px;background-color:var(--color-neutral-400)}.toggle-switch.toggle-md.toggle-unpressed.toggle-disabled .toggle-button{width:16px;height:16px;left:4px;background-color:var(--color-neutral-400)}.toggle-switch.toggle-sm.toggle-pressed.toggle-disabled .toggle-button{width:16px;height:16px;left:calc(100% - 17px);background-color:var(--color-neutral-400)}.toggle-switch.toggle-md.toggle-pressed.toggle-disabled .toggle-button{width:20px;height:20px;left:calc(100% - 21px);background-color:var(--color-white)}.toggle-text{display:flex;flex-direction:column;flex:1}.toggle-label{color:var(--color-neutral-700);font-family:var(--font-inter);font-weight:var(--weight-medium);text-align:left;margin:0;line-height:1.5}.toggle-label.toggle-label-sm{font-size:var(--text-sm-size);line-height:var(--text-sm-line)}.toggle-label.toggle-label-md{font-size:var(--text-md-size);line-height:var(--text-md-line)}.toggle-supporting-text{color:var(--color-neutral-600);font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--text-sm-line);text-align:left;margin:0;margin-top:var(--spacing-xxs)}@media (prefers-reduced-motion: reduce){.toggle-switch,.toggle-button{transition:none}}@media (prefers-contrast: high){.toggle-switch.toggle-unpressed{border:2px solid currentColor}.toggle-switch.toggle-pressed{border:2px solid currentColor}}.toggle-switch:focus-visible .toggle-button::after{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:var(--radius-full);background:currentColor;opacity:0.24;pointer-events:none}";
-const BhToggle = /*@__PURE__*/ proxyCustomElement(class BhToggle extends H {
+const BhToggle$1 = /*@__PURE__*/ proxyCustomElement(class BhToggle extends H {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -145,7 +145,7 @@ const BhToggle = /*@__PURE__*/ proxyCustomElement(class BhToggle extends H {
         "isFocused": [32],
         "isHovered": [32]
     }]);
-function defineCustomElement() {
+function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -153,14 +153,16 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "bh-toggle":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, BhToggle);
+                customElements.define(tagName, BhToggle$1);
             }
             break;
     } });
 }
-defineCustomElement();
-export { BhToggle as B, defineCustomElement as d };
-//# sourceMappingURL=p-DK1vwbmm.js.map
+const BhToggle = BhToggle$1;
+const defineCustomElement = defineCustomElement$1;
-//# sourceMappingURL=p-DK1vwbmm.js.map
+export { BhToggle, defineCustomElement };
+//# sourceMappingURL=bh-toggle.js.map
+//# sourceMappingURL=bh-toggle.js.map

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

@@ -0,0 +1 @@

+ {"file":"bh-toggle.js","mappings":"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","names":["BhToggle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-toggle/bh-toggle.css?tag=bh-toggle&encapsulation=shadow","src/components/bh-toggle/bh-toggle.tsx"],"sourcesContent":["/* ==========================================================================\n BH-TOGGLE COMPONENT STYLES - Material You Design\n ========================================================================== */\n\n:host {\n display: inline-block;\n}\n\n/* Toggle Wrapper */\n.toggle-wrapper {\n display: flex;\n align-items: center;\n gap: 0;\n}\n\n.toggle-with-text.toggle-size-sm {\n gap: var(--spacing-md);\n}\n\n.toggle-with-text.toggle-size-md {\n gap: var(--spacing-lg);\n}\n\n/* Toggle Switch Base */\n.toggle-switch {\n position: relative;\n display: inline-block;\n border-radius: var(--radius-full);\n cursor: pointer;\n transition: background-color 0.2s ease;\n outline: none;\n border: 1px solid transparent;\n background: transparent;\n overflow: visible;\n padding: 0;\n}\n\n.toggle-switch:focus {\n outline: none;\n}\n\n.toggle-switch.toggle-disabled {\n cursor: not-allowed;\n opacity: 0.38;\n}\n\n/* Toggle Switch Sizes */\n.toggle-switch.toggle-sm {\n width: 36px;\n height: 20px;\n}\n\n.toggle-switch.toggle-md {\n width: 40px;\n height: 24px;\n}\n\n/* Toggle Switch States - Unpressed (False) */\n.toggle-switch.toggle-unpressed {\n background-color: var(--color-neutral-300);\n border-color: transparent;\n}\n\n.toggle-switch.toggle-unpressed.toggle-hover {\n background-color: var(--color-neutral-400);\n border-color: transparent;\n}\n\n.toggle-switch.toggle-unpressed.toggle-focus {\n background-color: var(--color-neutral-200);\n border-color: transparent;\n}\n\n/* Focus ring for unpressed state */\n.toggle-switch.toggle-unpressed.toggle-focus .toggle-button::after {\n content: '';\n position: absolute;\n top: -6px;\n left: -6px;\n right: -6px;\n bottom: -6px;\n border-radius: var(--radius-full);\n background: var(--color-neutral-600);\n opacity: 0.12;\n pointer-events: none;\n}\n\n.toggle-switch.toggle-unpressed.toggle-disabled {\n background-color: var(--color-neutral-100);\n border-color: transparent;\n}\n\n/* Toggle Switch States - Pressed (True) */\n.toggle-switch.toggle-pressed {\n background-color: var(--color-brand-600);\n border-color: var(--color-brand-600);\n}\n\n.toggle-switch.toggle-pressed.toggle-hover {\n background-color: var(--color-brand-700);\n border-color: var(--color-brand-700);\n}\n\n.toggle-switch.toggle-pressed.toggle-focus {\n background-color: var(--color-brand-600);\n border-color: var(--color-brand-600);\n}\n\n/* Focus ring for pressed state */\n.toggle-switch.toggle-pressed.toggle-focus .toggle-button::after {\n content: '';\n position: absolute;\n top: -6px;\n left: -6px;\n right: -6px;\n bottom: -6px;\n border-radius: var(--radius-full);\n background: var(--color-brand-100);\n opacity: 0.24;\n pointer-events: none;\n}\n\n.toggle-switch.toggle-pressed.toggle-disabled {\n background-color: var(--color-neutral-200);\n border-color: var(--color-neutral-200);\n}\n\n.toggle-switch.toggle-pressed.toggle-disabled .toggle-button {\n background-color: var(--color-neutral-100);\n}\n\n/* Toggle Button (Handle) */\n.toggle-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n border-radius: var(--radius-full);\n background-color: var(--color-neutral-600);\n transition: all 0.2s ease;\n}\n\n/* Toggle Button States - Unpressed */\n.toggle-switch.toggle-unpressed .toggle-button {\n background-color: var(--color-white);\n}\n\n.toggle-switch.toggle-sm.toggle-unpressed .toggle-button {\n width: 16px;\n height: 16px;\n left: 1px;\n}\n\n.toggle-switch.toggle-md.toggle-unpressed .toggle-button {\n width: 20px;\n height: 20px;\n left: 1px;\n}\n\n.toggle-switch.toggle-unpressed.toggle-hover .toggle-button {\n background-color: var(--color-white);\n box-shadow: var(--shadow-sm);\n}\n\n/* Toggle Button States - Pressed */\n.toggle-switch.toggle-pressed .toggle-button {\n background-color: var(--color-white);\n}\n\n.toggle-switch.toggle-sm.toggle-pressed .toggle-button {\n width: 16px;\n height: 16px;\n left: calc(100% - 17px);\n}\n\n.toggle-switch.toggle-md.toggle-pressed .toggle-button {\n width: 20px;\n height: 20px; \n left: calc(100% - 21px);\n}\n\n.toggle-switch.toggle-pressed.toggle-hover .toggle-button {\n background-color: var(--color-white);\n}\n\n/* Toggle Button Disabled State */\n.toggle-switch.toggle-disabled .toggle-button {\n background-color: var(--color-neutral-400);\n box-shadow: none;\n}\n\n.toggle-switch.toggle-sm.toggle-unpressed.toggle-disabled .toggle-button {\n width: 16px;\n height: 16px;\n left: 2px;\n background-color: var(--color-neutral-400);\n}\n\n.toggle-switch.toggle-md.toggle-unpressed.toggle-disabled .toggle-button {\n width: 16px;\n height: 16px;\n left: 4px;\n background-color: var(--color-neutral-400);\n}\n\n.toggle-switch.toggle-sm.toggle-pressed.toggle-disabled .toggle-button {\n width: 16px;\n height: 16px;\n left: calc(100% - 17px);\n background-color: var(--color-neutral-400);\n}\n\n.toggle-switch.toggle-md.toggle-pressed.toggle-disabled .toggle-button {\n width: 20px;\n height: 20px;\n left: calc(100% - 21px);\n background-color: var(--color-white);\n}\n\n/* Toggle Text Container */\n.toggle-text {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n\n/* Toggle Label */\n.toggle-label {\n color: var(--color-neutral-700);\n font-family: var(--font-inter);\n font-weight: var(--weight-medium);\n text-align: left;\n margin: 0;\n line-height: 1.5;\n}\n\n.toggle-label.toggle-label-sm {\n font-size: var(--text-sm-size);\n line-height: var(--text-sm-line);\n}\n\n.toggle-label.toggle-label-md {\n font-size: var(--text-md-size);\n line-height: var(--text-md-line);\n}\n\n/* Toggle Supporting Text */\n.toggle-supporting-text {\n color: var(--color-neutral-600);\n font-family: var(--font-inter);\n font-weight: var(--weight-regular);\n font-size: var(--text-sm-size);\n line-height: var(--text-sm-line);\n text-align: left;\n margin: 0;\n margin-top: var(--spacing-xxs);\n}\n\n/* ==========================================================================\n ACCESSIBILITY\n ========================================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n .toggle-switch,\n .toggle-button {\n transition: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .toggle-switch.toggle-unpressed {\n border: 2px solid currentColor;\n }\n\n .toggle-switch.toggle-pressed {\n border: 2px solid currentColor;\n }\n}\n\n.toggle-switch:focus-visible .toggle-button::after {\n content: '';\n position: absolute;\n top: -6px;\n left: -6px;\n right: -6px;\n bottom: -6px;\n border-radius: var(--radius-full);\n background: currentColor;\n opacity: 0.24;\n pointer-events: none;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, AttachInternals } from '@stencil/core';\nimport { syncCheckableFormValue, validateRequired } from '../../utils/form';\n\nexport type ToggleSize = 'sm' | 'md';\n\n@Component({\n tag: 'bh-toggle',\n styleUrl: 'bh-toggle.css',\n shadow: true,\n formAssociated: true,\n})\nexport class BhToggle {\n @AttachInternals() internals!: ElementInternals;\n /**\n * The size of the toggle\n */\n @Prop() size: ToggleSize = 'md';\n\n /**\n * Whether to show the label and supporting text\n */\n @Prop() showText: boolean = false;\n\n /**\n * The label text\n */\n @Prop() label: string = '';\n\n /**\n * Supporting text below the label\n */\n @Prop() supportingText: string = '';\n\n /**\n * Whether the toggle is disabled\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Whether the toggle is checked (controlled mode)\n */\n @Prop({ mutable: true }) checked: boolean = false;\n\n /**\n * Name attribute for form submission\n */\n @Prop() name: string = '';\n\n /**\n * Value when checked (default: 'on')\n */\n @Prop() value: string = 'on';\n\n /**\n * Whether the toggle is required\n */\n @Prop() required: boolean = false;\n\n /**\n * Default checked state for form reset\n */\n @Prop() defaultChecked: boolean = false;\n\n /**\n * Internal focus state\n */\n @State() isFocused: boolean = false;\n\n /**\n * Internal hover state\n */\n @State() isHovered: boolean = false;\n\n /**\n * Emitted when the toggle state changes\n */\n @Event() bhChange!: EventEmitter<boolean>;\n\n componentDidLoad() {\n syncCheckableFormValue(this.internals, this.name, this.checked, this.value);\n validateRequired(this.internals, this.required, this.checked);\n }\n\n formResetCallback() {\n this.checked = this.defaultChecked;\n syncCheckableFormValue(this.internals, this.name, this.checked, this.value);\n validateRequired(this.internals, this.required, this.checked);\n }\n\n private handleToggle = (): void => {\n if (this.disabled) return;\n\n this.checked = !this.checked;\n syncCheckableFormValue(this.internals, this.name, this.checked, this.value);\n validateRequired(this.internals, this.required, this.checked);\n this.bhChange.emit(this.checked);\n };\n\n private handleKeyDown = (event: KeyboardEvent): void => {\n if (event.key === ' ' || event.key === 'Enter') {\n event.preventDefault();\n this.handleToggle();\n }\n };\n\n private handleMouseEnter = (): void => {\n this.isHovered = true;\n };\n\n private handleMouseLeave = (): void => {\n this.isHovered = false;\n };\n\n private handleFocus = (): void => {\n this.isFocused = true;\n };\n\n private handleBlur = (): void => {\n this.isFocused = false;\n };\n\n render() {\n const wrapperClasses = {\n 'toggle-wrapper': true,\n 'toggle-with-text': this.showText,\n [`toggle-size-${this.size}`]: true,\n };\n\n const switchClasses = {\n 'toggle-switch': true,\n 'toggle-pressed': this.checked,\n 'toggle-unpressed': !this.checked,\n [`toggle-${this.size}`]: true,\n 'toggle-disabled': this.disabled,\n 'toggle-focus': this.isFocused && !this.disabled,\n 'toggle-hover': this.isHovered && !this.disabled,\n };\n\n const buttonClasses = {\n 'toggle-button': true,\n 'toggle-button-pressed': this.checked,\n 'toggle-button-unpressed': !this.checked,\n [`toggle-button-${this.size}`]: true,\n 'toggle-button-disabled': this.disabled,\n };\n\n const labelClasses = {\n 'toggle-label': true,\n [`toggle-label-${this.size}`]: true,\n };\n\n return (\n <div class={wrapperClasses} part=\"wrapper\">\n <div\n class={switchClasses}\n onClick={this.handleToggle}\n onKeyDown={this.handleKeyDown}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n tabIndex={this.disabled ? -1 : 0}\n role=\"switch\"\n aria-checked={this.checked ? 'true' : 'false'}\n aria-disabled={this.disabled ? 'true' : 'false'}\n aria-label={this.label || undefined}\n part=\"switch\"\n >\n <div class={buttonClasses} part=\"button\"></div>\n </div>\n\n {this.showText && (this.label || this.supportingText) && (\n <div class=\"toggle-text\">\n {this.label && (\n <span class={labelClasses}>{this.label}</span>\n )}\n {this.supportingText && (\n <div class=\"toggle-supporting-text\">{this.supportingText}</div>\n )}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

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

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

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

@@ -1,4 +1,4 @@
-import { B as BhTooltip$1, d as defineCustomElement$1 } from './p-UG_h-ztP.js';
+import { B as BhTooltip$1, d as defineCustomElement$1 } from './p-BSok41i-.js';
 const BhTooltip = BhTooltip$1;
 const defineCustomElement = defineCustomElement$1;

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

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

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DLHC5fHk.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BsHlTsAN.js';
 const bhTrendChartCss = "@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}.trend-chart{position:relative;display:inline-block;width:fit-content;height:fit-content}.chart-svg{overflow:visible}@keyframes chartFadeIn{from{opacity:0;transform:translateY(10px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backgroundFill{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.trend-chart-animated{animation:chartFadeIn 0.6s var(--animation-ease-smooth, ease-out) forwards}.trend-chart-animated .chart-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:pathDraw 1.2s var(--animation-ease-smooth, ease-out) 0.3s forwards}@keyframes pathDraw{to{stroke-dashoffset:0}}.trend-chart-animated .chart-background{transform-origin:bottom;animation:backgroundFill 0.8s var(--animation-ease-smooth, ease-out) 0.3s forwards;opacity:0}.trend-chart-animated.trend-chart-line-only .chart-line{animation:pathDrawSlow 4s var(--animation-ease-smooth, ease-out) 0.3s forwards}@keyframes pathDrawSlow{to{stroke-dashoffset:0}}.trend-chart:not(.trend-chart-animated) .chart-line{stroke-dasharray:none}.trend-chart:not(.trend-chart-animated) .chart-background{opacity:1}@media (prefers-reduced-motion: reduce){.trend-chart-animated,.trend-chart-animated .chart-line,.trend-chart-animated .chart-background{animation:none;opacity:1;transform:none;stroke-dasharray:none}}";
@@ -138,7 +138,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhTrendChart = BhTrendChart$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-trend-chart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-trend-chart.js","mappings":"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","names":["BhTrendChart","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-trend-chart/bh-trend-chart.css?tag=bh-trend-chart&encapsulation=shadow","src/components/bh-trend-chart/bh-trend-chart.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: inline-block;\n}\n\n.trend-chart {\n position: relative;\n display: inline-block;\n width: fit-content;\n height: fit-content;\n}\n\n/* Chart SVG container */\n.chart-svg {\n overflow: visible;\n}\n\n/* Smooth Airbnb-style reveal animations */\n@keyframes chartFadeIn {\n from {\n opacity: 0;\n transform: translateY(10px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n\n@keyframes backgroundFill {\n from {\n opacity: 0;\n transform: scaleY(0);\n }\n to {\n opacity: 1;\n transform: scaleY(1);\n }\n}\n\n/* Animation timing */\n.trend-chart-animated {\n animation: chartFadeIn 0.6s var(--animation-ease-smooth, ease-out) forwards;\n}\n\n.trend-chart-animated .chart-line {\n stroke-dasharray: 1000;\n stroke-dashoffset: 1000;\n animation: pathDraw 1.2s var(--animation-ease-smooth, ease-out) 0.3s forwards;\n}\n\n@keyframes pathDraw {\n to {\n stroke-dashoffset: 0;\n }\n}\n\n.trend-chart-animated .chart-background {\n transform-origin: bottom;\n animation: backgroundFill 0.8s var(--animation-ease-smooth, ease-out) 0.3s forwards;\n opacity: 0;\n}\n\n/* Line-only variant - slower animation */\n.trend-chart-animated.trend-chart-line-only .chart-line {\n animation: pathDrawSlow 4s var(--animation-ease-smooth, ease-out) 0.3s forwards;\n}\n\n@keyframes pathDrawSlow {\n to {\n stroke-dashoffset: 0;\n }\n}\n\n/* Static styles for non-animated */\n.trend-chart:not(.trend-chart-animated) .chart-line {\n stroke-dasharray: none;\n}\n\n.trend-chart:not(.trend-chart-animated) .chart-background {\n opacity: 1;\n}\n\n/* Responsive behavior */\n@media (prefers-reduced-motion: reduce) {\n .trend-chart-animated,\n .trend-chart-animated .chart-line,\n .trend-chart-animated .chart-background {\n animation: none;\n opacity: 1;\n transform: none;\n stroke-dasharray: none;\n }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type TrendDirection = 'positive' | 'negative' | 'neutral';\nexport type TrendVariant = 'line-only' | 'fill-only' | 'line-fill';\n\n@Component({\n tag: 'bh-trend-chart',\n styleUrl: 'bh-trend-chart.css',\n shadow: true,\n})\nexport class BhTrendChart {\n /**\n * The trend direction (affects color)\n */\n @Prop() trend: TrendDirection = 'positive';\n\n /**\n * Data points for the chart\n */\n @Prop() data: number[] = [20, 45, 30, 60, 35, 70, 40];\n\n /**\n * Whether to animate the chart\n */\n @Prop() animated: boolean = true;\n\n /**\n * Chart variant: line-only, fill-only, or line-fill\n */\n @Prop() variant: TrendVariant = 'line-only';\n\n /**\n * Width of the chart in pixels\n */\n @Prop() width: number = 112;\n\n /**\n * Height of the chart in pixels\n */\n @Prop() height: number = 56;\n\n private normalizeData(): Array<{ x: number; y: number }> {\n const maxValue = Math.max(...this.data);\n const minValue = Math.min(...this.data);\n const range = maxValue - minValue || 1;\n\n return this.data.map((value, index) => ({\n x: (index / (this.data.length - 1)) * this.width,\n y: this.height - ((value - minValue) / range) * (this.height - 20) - 10,\n }));\n }\n\n private generatePath(points: Array<{ x: number; y: number }>): string {\n if (points.length < 2) return '';\n\n let path = `M ${points[0].x} ${points[0].y}`;\n\n for (let i = 1; i < points.length; i++) {\n const prev = points[i - 1];\n const curr = points[i];\n const tension = 0.5;\n\n const cp1x = prev.x + (curr.x - prev.x) * tension;\n const cp1y = prev.y;\n const cp2x = curr.x - (curr.x - prev.x) * tension;\n const cp2y = curr.y;\n\n path += ` C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${curr.x} ${curr.y}`;\n }\n\n return path;\n }\n\n private generateBackgroundPath(points: Array<{ x: number; y: number }>): string {\n if (points.length < 2) return '';\n\n let path = `M ${points[0].x} ${this.height}`;\n path += ` L ${points[0].x} ${points[0].y}`;\n\n for (let i = 1; i < points.length; i++) {\n const prev = points[i - 1];\n const curr = points[i];\n const tension = 0.5;\n\n const cp1x = prev.x + (curr.x - prev.x) * tension;\n const cp1y = prev.y;\n const cp2x = curr.x - (curr.x - prev.x) * tension;\n const cp2y = curr.y;\n path += ` C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${curr.x} ${curr.y}`;\n }\n\n path += ` L ${points[points.length - 1].x} ${this.height}`;\n path += ' Z';\n\n return path;\n }\n\n private getStrokeColor(): string {\n switch (this.trend) {\n case 'positive':\n return 'var(--color-success-500)';\n case 'negative':\n return 'var(--color-error-500)';\n case 'neutral':\n return 'var(--color-neutral-500)';\n default:\n return 'var(--color-neutral-500)';\n }\n }\n\n private getFillColor(): string {\n switch (this.trend) {\n case 'positive':\n return 'var(--color-success-600)';\n case 'negative':\n return 'var(--color-error-600)';\n case 'neutral':\n return 'var(--color-neutral-600)';\n default:\n return 'var(--color-neutral-600)';\n }\n }\n\n render() {\n const points = this.normalizeData();\n const pathData = this.generatePath(points);\n const backgroundPath = this.variant !== 'line-only' ? this.generateBackgroundPath(points) : '';\n const strokeColor = this.getStrokeColor();\n const fillColor = this.getFillColor();\n const gradientId = `gradient-${this.trend}`;\n\n return (\n <Host>\n <div\n class={{\n 'trend-chart': true,\n [`trend-chart-${this.trend}`]: true,\n [`trend-chart-${this.variant}`]: true,\n 'trend-chart-animated': this.animated,\n }}\n >\n <svg\n width={this.width}\n height={this.height}\n viewBox={`0 0 ${this.width} ${this.height}`}\n class=\"chart-svg\"\n >\n <defs>\n <linearGradient id={gradientId} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop\n offset=\"0%\"\n stop-color={fillColor}\n stop-opacity={this.variant === 'fill-only' ? 0.4 : 0.2}\n />\n <stop\n offset=\"100%\"\n stop-color={fillColor}\n stop-opacity={this.variant === 'fill-only' ? 0.1 : 0.05}\n />\n </linearGradient>\n </defs>\n\n {/* Background fill (for fill-only and line-fill variants) */}\n {backgroundPath && this.variant !== 'line-only' && (\n <path\n class=\"chart-background\"\n d={backgroundPath}\n fill={`url(#${gradientId})`}\n />\n )}\n\n {/* Stroke line (for line-only and line-fill variants) */}\n {pathData && this.variant !== 'fill-only' && (\n <path\n class=\"chart-line\"\n d={pathData}\n stroke={strokeColor}\n stroke-width=\"2\"\n fill=\"none\"\n />\n )}\n </svg>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/index.d.ts ADDED Viewed

@@ -0,0 +1,170 @@
+/* BellhopCore custom elements */
+export { BhAccordion as BhAccordion } from '../dist/types/components/bh-accordion/bh-accordion';
+export { defineCustomElement as defineCustomElementBhAccordion } from './bh-accordion';
+export { BhAccordionItem as BhAccordionItem } from '../dist/types/components/bh-accordion-item/bh-accordion-item';
+export { defineCustomElement as defineCustomElementBhAccordionItem } from './bh-accordion-item';
+export { BhAppbar as BhAppbar } from '../dist/types/components/bh-appbar/bh-appbar';
+export { defineCustomElement as defineCustomElementBhAppbar } from './bh-appbar';
+export { BhAutocompleteMenu as BhAutocompleteMenu } from '../dist/types/components/bh-autocomplete-menu/bh-autocomplete-menu';
+export { defineCustomElement as defineCustomElementBhAutocompleteMenu } from './bh-autocomplete-menu';
+export { BhAvatar as BhAvatar } from '../dist/types/components/bh-avatar/bh-avatar';
+export { defineCustomElement as defineCustomElementBhAvatar } from './bh-avatar';
+export { BhAvatarAdd as BhAvatarAdd } from '../dist/types/components/bh-avatar-add/bh-avatar-add';
+export { defineCustomElement as defineCustomElementBhAvatarAdd } from './bh-avatar-add';
+export { BhAvatarStacked as BhAvatarStacked } from '../dist/types/components/bh-avatar-stacked/bh-avatar-stacked';
+export { defineCustomElement as defineCustomElementBhAvatarStacked } from './bh-avatar-stacked';
+export { BhBadge as BhBadge } from '../dist/types/components/bh-badge/bh-badge';
+export { defineCustomElement as defineCustomElementBhBadge } from './bh-badge';
+export { BhBadgeDot as BhBadgeDot } from '../dist/types/components/bh-badge-dot/bh-badge-dot';
+export { defineCustomElement as defineCustomElementBhBadgeDot } from './bh-badge-dot';
+export { BhBarChart as BhBarChart } from '../dist/types/components/bh-bar-chart/bh-bar-chart';
+export { defineCustomElement as defineCustomElementBhBarChart } from './bh-bar-chart';
+export { BhBreadcrumbs as BhBreadcrumbs } from '../dist/types/components/bh-breadcrumbs/bh-breadcrumbs';
+export { defineCustomElement as defineCustomElementBhBreadcrumbs } from './bh-breadcrumbs';
+export { BhButton as BhButton } from '../dist/types/components/bh-button/bh-button';
+export { defineCustomElement as defineCustomElementBhButton } from './bh-button';
+export { BhButtonIcon as BhButtonIcon } from '../dist/types/components/bh-button-icon/bh-button-icon';
+export { defineCustomElement as defineCustomElementBhButtonIcon } from './bh-button-icon';
+export { BhCard as BhCard } from '../dist/types/components/bh-card/bh-card';
+export { defineCustomElement as defineCustomElementBhCard } from './bh-card';
+export { BhCardFooter as BhCardFooter } from '../dist/types/components/bh-card-footer/bh-card-footer';
+export { defineCustomElement as defineCustomElementBhCardFooter } from './bh-card-footer';
+export { BhCardHeader as BhCardHeader } from '../dist/types/components/bh-card-header/bh-card-header';
+export { defineCustomElement as defineCustomElementBhCardHeader } from './bh-card-header';
+export { BhChartTooltip as BhChartTooltip } from '../dist/types/components/bh-chart-tooltip/bh-chart-tooltip';
+export { defineCustomElement as defineCustomElementBhChartTooltip } from './bh-chart-tooltip';
+export { BhCheckbox as BhCheckbox } from '../dist/types/components/bh-checkbox/bh-checkbox';
+export { defineCustomElement as defineCustomElementBhCheckbox } from './bh-checkbox';
+export { BhCheckboxGroup as BhCheckboxGroup } from '../dist/types/components/bh-checkbox-group/bh-checkbox-group';
+export { defineCustomElement as defineCustomElementBhCheckboxGroup } from './bh-checkbox-group';
+export { BhCheckboxGroupItem as BhCheckboxGroupItem } from '../dist/types/components/bh-checkbox-group-item/bh-checkbox-group-item';
+export { defineCustomElement as defineCustomElementBhCheckboxGroupItem } from './bh-checkbox-group-item';
+export { BhContainer as BhContainer } from '../dist/types/components/bh-container/bh-container';
+export { defineCustomElement as defineCustomElementBhContainer } from './bh-container';
+export { BhContainerFooter as BhContainerFooter } from '../dist/types/components/bh-container-footer/bh-container-footer';
+export { defineCustomElement as defineCustomElementBhContainerFooter } from './bh-container-footer';
+export { BhDataGrid as BhDataGrid } from '../dist/types/components/bh-data-grid/bh-data-grid';
+export { defineCustomElement as defineCustomElementBhDataGrid } from './bh-data-grid';
+export { BhDatePicker as BhDatePicker } from '../dist/types/components/bh-date-picker/bh-date-picker';
+export { defineCustomElement as defineCustomElementBhDatePicker } from './bh-date-picker';
+export { BhDatePickerContent as BhDatePickerContent } from '../dist/types/components/bh-date-picker-content/bh-date-picker-content';
+export { defineCustomElement as defineCustomElementBhDatePickerContent } from './bh-date-picker-content';
+export { BhDateRangePicker as BhDateRangePicker } from '../dist/types/components/bh-date-range-picker/bh-date-range-picker';
+export { defineCustomElement as defineCustomElementBhDateRangePicker } from './bh-date-range-picker';
+export { BhDateRangePickerContent as BhDateRangePickerContent } from '../dist/types/components/bh-date-range-picker-content/bh-date-range-picker-content';
+export { defineCustomElement as defineCustomElementBhDateRangePickerContent } from './bh-date-range-picker-content';
+export { BhDropdown as BhDropdown } from '../dist/types/components/bh-dropdown/bh-dropdown';
+export { defineCustomElement as defineCustomElementBhDropdown } from './bh-dropdown';
+export { BhDropdownMenu as BhDropdownMenu } from '../dist/types/components/bh-dropdown-menu/bh-dropdown-menu';
+export { defineCustomElement as defineCustomElementBhDropdownMenu } from './bh-dropdown-menu';
+export { BhEmptyState as BhEmptyState } from '../dist/types/components/bh-empty-state/bh-empty-state';
+export { defineCustomElement as defineCustomElementBhEmptyState } from './bh-empty-state';
+export { BhFeaturedIcon as BhFeaturedIcon } from '../dist/types/components/bh-featured-icon/bh-featured-icon';
+export { defineCustomElement as defineCustomElementBhFeaturedIcon } from './bh-featured-icon';
+export { BhIllustrations as BhIllustrations } from '../dist/types/components/bh-illustrations/bh-illustrations';
+export { defineCustomElement as defineCustomElementBhIllustrations } from './bh-illustrations';
+export { BhInputAutocomplete as BhInputAutocomplete } from '../dist/types/components/bh-input-autocomplete/bh-input-autocomplete';
+export { defineCustomElement as defineCustomElementBhInputAutocomplete } from './bh-input-autocomplete';
+export { BhInputNumber as BhInputNumber } from '../dist/types/components/bh-input-number/bh-input-number';
+export { defineCustomElement as defineCustomElementBhInputNumber } from './bh-input-number';
+export { BhInputPassword as BhInputPassword } from '../dist/types/components/bh-input-password/bh-input-password';
+export { defineCustomElement as defineCustomElementBhInputPassword } from './bh-input-password';
+export { BhInputText as BhInputText } from '../dist/types/components/bh-input-text/bh-input-text';
+export { defineCustomElement as defineCustomElementBhInputText } from './bh-input-text';
+export { BhInputVerification as BhInputVerification } from '../dist/types/components/bh-input-verification/bh-input-verification';
+export { defineCustomElement as defineCustomElementBhInputVerification } from './bh-input-verification';
+export { BhLabel as BhLabel } from '../dist/types/components/bh-label/bh-label';
+export { defineCustomElement as defineCustomElementBhLabel } from './bh-label';
+export { BhLoaderSpinner as BhLoaderSpinner } from '../dist/types/components/bh-loader-spinner/bh-loader-spinner';
+export { defineCustomElement as defineCustomElementBhLoaderSpinner } from './bh-loader-spinner';
+export { BhLogoBox as BhLogoBox } from '../dist/types/components/bh-logo-box/bh-logo-box';
+export { defineCustomElement as defineCustomElementBhLogoBox } from './bh-logo-box';
+export { BhModal as BhModal } from '../dist/types/components/bh-modal/bh-modal';
+export { defineCustomElement as defineCustomElementBhModal } from './bh-modal';
+export { BhModalActions as BhModalActions } from '../dist/types/components/bh-modal-actions/bh-modal-actions';
+export { defineCustomElement as defineCustomElementBhModalActions } from './bh-modal-actions';
+export { BhModalHeader as BhModalHeader } from '../dist/types/components/bh-modal-header/bh-modal-header';
+export { defineCustomElement as defineCustomElementBhModalHeader } from './bh-modal-header';
+export { BhMonthPicker as BhMonthPicker } from '../dist/types/components/bh-month-picker/bh-month-picker';
+export { defineCustomElement as defineCustomElementBhMonthPicker } from './bh-month-picker';
+export { BhMonthPickerContent as BhMonthPickerContent } from '../dist/types/components/bh-month-picker-content/bh-month-picker-content';
+export { defineCustomElement as defineCustomElementBhMonthPickerContent } from './bh-month-picker-content';
+export { BhNavItem as BhNavItem } from '../dist/types/components/bh-sidebar/bh-nav-item';
+export { defineCustomElement as defineCustomElementBhNavItem } from './bh-nav-item';
+export { BhNotification as BhNotification } from '../dist/types/components/bh-notification/bh-notification';
+export { defineCustomElement as defineCustomElementBhNotification } from './bh-notification';
+export { BhPageNavigation as BhPageNavigation } from '../dist/types/components/bh-page-navigation/bh-page-navigation';
+export { defineCustomElement as defineCustomElementBhPageNavigation } from './bh-page-navigation';
+export { BhPageNavigationChild as BhPageNavigationChild } from '../dist/types/components/bh-page-navigation-child/bh-page-navigation-child';
+export { defineCustomElement as defineCustomElementBhPageNavigationChild } from './bh-page-navigation-child';
+export { BhPageNavigationMultiLevel as BhPageNavigationMultiLevel } from '../dist/types/components/bh-page-navigation-multi-level/bh-page-navigation-multi-level';
+export { defineCustomElement as defineCustomElementBhPageNavigationMultiLevel } from './bh-page-navigation-multi-level';
+export { BhPageNavigationSingleLevel as BhPageNavigationSingleLevel } from '../dist/types/components/bh-page-navigation-single-level/bh-page-navigation-single-level';
+export { defineCustomElement as defineCustomElementBhPageNavigationSingleLevel } from './bh-page-navigation-single-level';
+export { BhPagination as BhPagination } from '../dist/types/components/bh-pagination/bh-pagination';
+export { defineCustomElement as defineCustomElementBhPagination } from './bh-pagination';
+export { BhPickerMenu as BhPickerMenu } from '../dist/types/components/bh-picker-menu/bh-picker-menu';
+export { defineCustomElement as defineCustomElementBhPickerMenu } from './bh-picker-menu';
+export { BhPieChart as BhPieChart } from '../dist/types/components/bh-pie-chart/bh-pie-chart';
+export { defineCustomElement as defineCustomElementBhPieChart } from './bh-pie-chart';
+export { BhPopover as BhPopover } from '../dist/types/components/bh-popover/bh-popover';
+export { defineCustomElement as defineCustomElementBhPopover } from './bh-popover';
+export { BhProductSwitcher as BhProductSwitcher } from '../dist/types/components/bh-product-switcher/bh-product-switcher';
+export { defineCustomElement as defineCustomElementBhProductSwitcher } from './bh-product-switcher';
+export { BhPropertySwitcher as BhPropertySwitcher } from '../dist/types/components/bh-property-switcher/bh-property-switcher';
+export { defineCustomElement as defineCustomElementBhPropertySwitcher } from './bh-property-switcher';
+export { BhRadioButton as BhRadioButton } from '../dist/types/components/bh-radio-button/bh-radio-button';
+export { defineCustomElement as defineCustomElementBhRadioButton } from './bh-radio-button';
+export { BhSidebar as BhSidebar } from '../dist/types/components/bh-sidebar/bh-sidebar';
+export { defineCustomElement as defineCustomElementBhSidebar } from './bh-sidebar';
+export { BhSkeletonLoader as BhSkeletonLoader } from '../dist/types/components/bh-skeleton-loader/bh-skeleton-loader';
+export { defineCustomElement as defineCustomElementBhSkeletonLoader } from './bh-skeleton-loader';
+export { BhTabItem as BhTabItem } from '../dist/types/components/bh-tab-item/bh-tab-item';
+export { defineCustomElement as defineCustomElementBhTabItem } from './bh-tab-item';
+export { BhTabs as BhTabs } from '../dist/types/components/bh-tabs/bh-tabs';
+export { defineCustomElement as defineCustomElementBhTabs } from './bh-tabs';
+export { BhTag as BhTag } from '../dist/types/components/bh-tag/bh-tag';
+export { defineCustomElement as defineCustomElementBhTag } from './bh-tag';
+export { BhTextarea as BhTextarea } from '../dist/types/components/bh-textarea/bh-textarea';
+export { defineCustomElement as defineCustomElementBhTextarea } from './bh-textarea';
+export { BhToggle as BhToggle } from '../dist/types/components/bh-toggle/bh-toggle';
+export { defineCustomElement as defineCustomElementBhToggle } from './bh-toggle';
+export { BhTooltip as BhTooltip } from '../dist/types/components/bh-tooltip/bh-tooltip';
+export { defineCustomElement as defineCustomElementBhTooltip } from './bh-tooltip';
+export { BhTrendChart as BhTrendChart } from '../dist/types/components/bh-trend-chart/bh-trend-chart';
+export { defineCustomElement as defineCustomElementBhTrendChart } from './bh-trend-chart';
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../dist/types';

package/components/index.js ADDED Viewed

@@ -0,0 +1,71 @@
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-BsHlTsAN.js';
+export { BhAccordion, defineCustomElement as defineCustomElementBhAccordion } from './bh-accordion.js';
+export { BhAccordionItem, defineCustomElement as defineCustomElementBhAccordionItem } from './bh-accordion-item.js';
+export { BhAppbar, defineCustomElement as defineCustomElementBhAppbar } from './bh-appbar.js';
+export { BhAutocompleteMenu, defineCustomElement as defineCustomElementBhAutocompleteMenu } from './bh-autocomplete-menu.js';
+export { BhAvatar, defineCustomElement as defineCustomElementBhAvatar } from './bh-avatar.js';
+export { BhAvatarAdd, defineCustomElement as defineCustomElementBhAvatarAdd } from './bh-avatar-add.js';
+export { BhAvatarStacked, defineCustomElement as defineCustomElementBhAvatarStacked } from './bh-avatar-stacked.js';
+export { BhBadge, defineCustomElement as defineCustomElementBhBadge } from './bh-badge.js';
+export { BhBadgeDot, defineCustomElement as defineCustomElementBhBadgeDot } from './bh-badge-dot.js';
+export { BhBarChart, defineCustomElement as defineCustomElementBhBarChart } from './bh-bar-chart.js';
+export { BhBreadcrumbs, defineCustomElement as defineCustomElementBhBreadcrumbs } from './bh-breadcrumbs.js';
+export { BhButton, defineCustomElement as defineCustomElementBhButton } from './bh-button.js';
+export { BhButtonIcon, defineCustomElement as defineCustomElementBhButtonIcon } from './bh-button-icon.js';
+export { BhCard, defineCustomElement as defineCustomElementBhCard } from './bh-card.js';
+export { BhCardFooter, defineCustomElement as defineCustomElementBhCardFooter } from './bh-card-footer.js';
+export { BhCardHeader, defineCustomElement as defineCustomElementBhCardHeader } from './bh-card-header.js';
+export { BhChartTooltip, defineCustomElement as defineCustomElementBhChartTooltip } from './bh-chart-tooltip.js';
+export { BhCheckbox, defineCustomElement as defineCustomElementBhCheckbox } from './bh-checkbox.js';
+export { BhCheckboxGroup, defineCustomElement as defineCustomElementBhCheckboxGroup } from './bh-checkbox-group.js';
+export { BhCheckboxGroupItem, defineCustomElement as defineCustomElementBhCheckboxGroupItem } from './bh-checkbox-group-item.js';
+export { BhContainer, defineCustomElement as defineCustomElementBhContainer } from './bh-container.js';
+export { BhContainerFooter, defineCustomElement as defineCustomElementBhContainerFooter } from './bh-container-footer.js';
+export { BhDataGrid, defineCustomElement as defineCustomElementBhDataGrid } from './bh-data-grid.js';
+export { BhDatePicker, defineCustomElement as defineCustomElementBhDatePicker } from './bh-date-picker.js';
+export { BhDatePickerContent, defineCustomElement as defineCustomElementBhDatePickerContent } from './bh-date-picker-content.js';
+export { BhDateRangePicker, defineCustomElement as defineCustomElementBhDateRangePicker } from './bh-date-range-picker.js';
+export { BhDateRangePickerContent, defineCustomElement as defineCustomElementBhDateRangePickerContent } from './bh-date-range-picker-content.js';
+export { BhDropdown, defineCustomElement as defineCustomElementBhDropdown } from './bh-dropdown.js';
+export { BhDropdownMenu, defineCustomElement as defineCustomElementBhDropdownMenu } from './bh-dropdown-menu.js';
+export { BhEmptyState, defineCustomElement as defineCustomElementBhEmptyState } from './bh-empty-state.js';
+export { BhFeaturedIcon, defineCustomElement as defineCustomElementBhFeaturedIcon } from './bh-featured-icon.js';
+export { BhIllustrations, defineCustomElement as defineCustomElementBhIllustrations } from './bh-illustrations.js';
+export { BhInputAutocomplete, defineCustomElement as defineCustomElementBhInputAutocomplete } from './bh-input-autocomplete.js';
+export { BhInputNumber, defineCustomElement as defineCustomElementBhInputNumber } from './bh-input-number.js';
+export { BhInputPassword, defineCustomElement as defineCustomElementBhInputPassword } from './bh-input-password.js';
+export { BhInputText, defineCustomElement as defineCustomElementBhInputText } from './bh-input-text.js';
+export { BhInputVerification, defineCustomElement as defineCustomElementBhInputVerification } from './bh-input-verification.js';
+export { BhLabel, defineCustomElement as defineCustomElementBhLabel } from './bh-label.js';
+export { BhLoaderSpinner, defineCustomElement as defineCustomElementBhLoaderSpinner } from './bh-loader-spinner.js';
+export { BhLogoBox, defineCustomElement as defineCustomElementBhLogoBox } from './bh-logo-box.js';
+export { BhModal, defineCustomElement as defineCustomElementBhModal } from './bh-modal.js';
+export { BhModalActions, defineCustomElement as defineCustomElementBhModalActions } from './bh-modal-actions.js';
+export { BhModalHeader, defineCustomElement as defineCustomElementBhModalHeader } from './bh-modal-header.js';
+export { BhMonthPicker, defineCustomElement as defineCustomElementBhMonthPicker } from './bh-month-picker.js';
+export { BhMonthPickerContent, defineCustomElement as defineCustomElementBhMonthPickerContent } from './bh-month-picker-content.js';
+export { BhNavItem, defineCustomElement as defineCustomElementBhNavItem } from './bh-nav-item.js';
+export { BhNotification, defineCustomElement as defineCustomElementBhNotification } from './bh-notification.js';
+export { BhPageNavigation, defineCustomElement as defineCustomElementBhPageNavigation } from './bh-page-navigation.js';
+export { BhPageNavigationChild, defineCustomElement as defineCustomElementBhPageNavigationChild } from './bh-page-navigation-child.js';
+export { BhPageNavigationMultiLevel, defineCustomElement as defineCustomElementBhPageNavigationMultiLevel } from './bh-page-navigation-multi-level.js';
+export { BhPageNavigationSingleLevel, defineCustomElement as defineCustomElementBhPageNavigationSingleLevel } from './bh-page-navigation-single-level.js';
+export { BhPagination, defineCustomElement as defineCustomElementBhPagination } from './bh-pagination.js';
+export { BhPickerMenu, defineCustomElement as defineCustomElementBhPickerMenu } from './bh-picker-menu.js';
+export { BhPieChart, defineCustomElement as defineCustomElementBhPieChart } from './bh-pie-chart.js';
+export { BhPopover, defineCustomElement as defineCustomElementBhPopover } from './bh-popover.js';
+export { BhProductSwitcher, defineCustomElement as defineCustomElementBhProductSwitcher } from './bh-product-switcher.js';
+export { BhPropertySwitcher, defineCustomElement as defineCustomElementBhPropertySwitcher } from './bh-property-switcher.js';
+export { BhRadioButton, defineCustomElement as defineCustomElementBhRadioButton } from './bh-radio-button.js';
+export { BhSidebar, defineCustomElement as defineCustomElementBhSidebar } from './bh-sidebar.js';
+export { BhSkeletonLoader, defineCustomElement as defineCustomElementBhSkeletonLoader } from './bh-skeleton-loader.js';
+export { BhTabItem, defineCustomElement as defineCustomElementBhTabItem } from './bh-tab-item.js';
+export { BhTabs, defineCustomElement as defineCustomElementBhTabs } from './bh-tabs.js';
+export { BhTag, defineCustomElement as defineCustomElementBhTag } from './bh-tag.js';
+export { BhTextarea, defineCustomElement as defineCustomElementBhTextarea } from './bh-textarea.js';
+export { BhToggle, defineCustomElement as defineCustomElementBhToggle } from './bh-toggle.js';
+export { BhTooltip, defineCustomElement as defineCustomElementBhTooltip } from './bh-tooltip.js';
+export { BhTrendChart, defineCustomElement as defineCustomElementBhTrendChart } from './bh-trend-chart.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/components/index.js.map ADDED Viewed

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

package/{dist/components/p-B-oXID22.js → components/p-8bOZFmdg.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-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 { d as defineCustomElement$1 } from './p-BuUjUqUh.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';
+import { d as defineCustomElement$1 } from './p-Npcwl1Z8.js';
 const bhPickerMenuCss = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    'Liberation Mono', 'Courier New', monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xl-size:1.25rem;--text-lg-size:1.125rem;--text-md-size:1rem;--text-sm-size:0.875rem;--text-xs-size:0.75rem;--text-xl-line:1.875rem;--text-lg-line:1.75rem;--text-md-line:1.5rem;--text-sm-line:1.25rem;--text-xs-line:1.125rem;--spacing-none:0rem;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.25rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--spacing-5xl:2.5rem;--spacing-6xl:3rem;--radius-none:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-4xl:1.5rem;--radius-full:9999px;--shadow-xs:0px 1px 2px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 3px rgba(16, 24, 40, 0.1),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);--icon-compensation-xs-btn:calc(var(--spacing-lg) - var(--spacing-xs));--icon-compensation-sm-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-md-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-lg-btn:calc(var(--spacing-xl) - var(--spacing-xs))}*,*::before,*::after{box-sizing:border-box}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}:host{display:block}.picker-menu{width:fit-content;min-width:320px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n    0px 0px 1px 1px rgba(64, 73, 104, 0.1);border:1px solid var(--color-neutral-200);overflow:hidden;flex-shrink:0;position:relative;box-sizing:border-box}.picker-menu.animate-dropdown-enter{animation:dropdownEnter 0.15s ease-out forwards}.picker-menu.animate-dropdown-exit{animation:dropdownExit 0.15s ease-out forwards}@keyframes dropdownEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownExit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.picker-menu.no-footer{padding-bottom:var(--spacing-md)}.picker-menu-footer{border-top:1px solid var(--color-neutral-200);padding:var(--spacing-xl) var(--spacing-xl);background:var(--color-white)}.picker-menu-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-lg)}.picker-menu-actions.has-today-button{justify-content:space-between}.picker-menu-main-actions{display:flex;gap:var(--spacing-lg)}";
@@ -206,9 +206,8 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 export { BhPickerMenu as B, defineCustomElement as d };
-//# sourceMappingURL=p-B-oXID22.js.map
+//# sourceMappingURL=p-8bOZFmdg.js.map
-//# sourceMappingURL=p-B-oXID22.js.map
+//# sourceMappingURL=p-8bOZFmdg.js.map

package/components/p-8bOZFmdg.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-8bOZFmdg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-picker-menu/bh-picker-menu.css?tag=bh-picker-menu&encapsulation=shadow","src/components/bh-picker-menu/bh-picker-menu.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: block;\n}\n\n/* Base picker menu styles - matching dropdown menu */\n.picker-menu {\n width: fit-content;\n min-width: 320px;\n background: var(--color-white);\n border-radius: var(--radius-md);\n box-shadow: 0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n 0px 0px 1px 1px rgba(64, 73, 104, 0.1);\n border: 1px solid var(--color-neutral-200);\n overflow: hidden;\n flex-shrink: 0;\n position: relative;\n box-sizing: border-box;\n}\n\n/* Animation classes */\n.picker-menu.animate-dropdown-enter {\n animation: dropdownEnter 0.15s ease-out forwards;\n}\n\n.picker-menu.animate-dropdown-exit {\n animation: dropdownExit 0.15s ease-out forwards;\n}\n\n@keyframes dropdownEnter {\n from {\n opacity: 0;\n transform: translateY(-8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes dropdownExit {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(-8px);\n }\n}\n\n/* No footer variant */\n.picker-menu.no-footer {\n padding-bottom: var(--spacing-md);\n}\n\n/* Footer - following dropdown menu pattern */\n.picker-menu-footer {\n border-top: 1px solid var(--color-neutral-200);\n padding: var(--spacing-xl) var(--spacing-xl);\n background: var(--color-white);\n}\n\n.picker-menu-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-lg);\n}\n\n/* When today button is present, use space-between layout */\n.picker-menu-actions.has-today-button {\n justify-content: space-between;\n}\n\n.picker-menu-main-actions {\n display: flex;\n gap: var(--spacing-lg);\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\n@Component({\n tag: 'bh-picker-menu',\n styleUrl: 'bh-picker-menu.css',\n shadow: true,\n})\nexport class BhPickerMenu {\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 * Animation class for the menu\n */\n @Prop() animationClass: string = 'animate-dropdown-enter';\n\n /**\n * Whether the menu is visible\n */\n @Prop() visible: boolean = true;\n\n /**\n * Whether to show the footer with action buttons\n */\n @Prop() showFooter: boolean = true;\n\n /**\n * Whether to show the today button\n */\n @Prop() showTodayButton: boolean = false;\n\n /**\n * Whether the apply button is disabled\n */\n @Prop() disableApply: boolean = false;\n\n /**\n * Current value\n */\n @Prop() value?: MonthYear;\n\n @State() isClosing: boolean = false;\n @State() shouldRender: boolean = true;\n @State() selectedMonth: number | null = null;\n @State() selectedYear: number | null = null;\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 /**\n * Event emitted when cancel is clicked\n */\n @Event() bhCancel!: EventEmitter<void>;\n\n /**\n * Event emitted when apply is clicked\n */\n @Event() bhApply!: EventEmitter<void>;\n\n /**\n * Event emitted when today button is clicked\n */\n @Event() bhToday!: EventEmitter<void>;\n\n @Watch('visible')\n handleVisibleChange(newValue: boolean) {\n if (newValue) {\n this.shouldRender = true;\n this.isClosing = false;\n } else {\n this.isClosing = true;\n setTimeout(() => {\n this.shouldRender = false;\n this.isClosing = false;\n }, 150);\n }\n }\n\n @Watch('value')\n handleValueChange(newValue: MonthYear | undefined) {\n if (newValue) {\n this.selectedMonth = newValue.month;\n this.selectedYear = newValue.year;\n }\n }\n\n componentWillLoad() {\n this.shouldRender = this.visible;\n\n if (this.value) {\n this.selectedMonth = this.value.month;\n this.selectedYear = this.value.year;\n } else {\n // Initialize with current date\n const now = new Date();\n const currentMonth = now.getMonth();\n const currentYear = now.getFullYear();\n\n if (currentYear >= this.minYear && currentYear <= this.maxYear) {\n this.selectedMonth = currentMonth;\n this.selectedYear = currentYear;\n } else if (currentYear < this.minYear) {\n this.selectedYear = this.minYear;\n this.selectedMonth = currentMonth;\n } else {\n this.selectedYear = this.maxYear;\n this.selectedMonth = currentMonth;\n }\n }\n }\n\n private handleMonthYearSelect = (event: CustomEvent<MonthYear>) => {\n const selection = event.detail;\n this.selectedMonth = selection.month;\n this.selectedYear = selection.year;\n this.bhChange.emit(selection);\n this.bhMonthYearSelect.emit(selection);\n };\n\n private handleCancel = () => {\n this.bhCancel.emit();\n };\n\n private handleApply = () => {\n this.bhApply.emit();\n };\n\n private handleToday = () => {\n this.bhToday.emit();\n };\n\n render() {\n if (!this.shouldRender) {\n return null;\n }\n\n const menuClasses = {\n 'picker-menu': true,\n 'animate-dropdown-exit': this.isClosing,\n [this.animationClass]: !this.isClosing,\n 'no-footer': !this.showFooter,\n };\n\n return (\n <Host>\n <div class={menuClasses}>\n {/* Main Content Area - render slot if provided, otherwise MonthPickerContent */}\n <slot>\n <bh-month-picker-content\n minYear={this.minYear}\n maxYear={this.maxYear}\n disabled={this.disabled}\n disabledMonths={this.disabledMonths}\n scrollable={true}\n selectedMonth={this.selectedMonth ?? undefined}\n selectedYear={this.selectedYear ?? undefined}\n onBhChange={this.handleMonthYearSelect}\n ></bh-month-picker-content>\n </slot>\n\n {/* Footer Actions - conditionally rendered */}\n {this.showFooter && (\n <div class=\"picker-menu-footer\">\n <div class={`picker-menu-actions ${this.showTodayButton ? 'has-today-button' : ''}`}>\n {/* Today button on the left */}\n {this.showTodayButton && (\n <bh-button\n hierarchy=\"secondary\"\n size=\"sm\"\n icon=\"only\"\n iconName=\"today\"\n onBhClick={this.handleToday}\n ></bh-button>\n )}\n\n {/* Cancel and Apply buttons always on the right */}\n <div class=\"picker-menu-main-actions\">\n <bh-button\n hierarchy=\"secondary\"\n size=\"sm\"\n label=\"Cancel\"\n onBhClick={this.handleCancel}\n ></bh-button>\n <bh-button\n hierarchy=\"primary\"\n size=\"sm\"\n label=\"Apply\"\n disabled={this.disableApply}\n onBhClick={this.handleApply}\n ></bh-button>\n </div>\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}

package/{dist/components/p-QjxdVLPX.js → components/p-B02xFf1P.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$1 } from './p-CA0LmFbe.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$1 } from './p-S3PEg8gv.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}";
@@ -141,9 +141,8 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 export { BhButton as B, defineCustomElement as d };
-//# sourceMappingURL=p-QjxdVLPX.js.map
+//# sourceMappingURL=p-B02xFf1P.js.map
-//# sourceMappingURL=p-QjxdVLPX.js.map
+//# sourceMappingURL=p-B02xFf1P.js.map