@blotoutio/providers-evo-search-sdk 1.51.0 → 1.51.2

package/index.cjs.js

@@ -4538,7 +4538,60 @@ const getDefaultConfig = () => {
 };
 const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
 
-class BTLucideIcon extends i {
+var _ElementWithStylesheet_sheet$1;
+const TWLitElement$1 = TW(i);
+/**
+ * Base class for Lit elements that support custom CSS injection via the `css`
+ * and `annotationCss` properties. Automatically manages an adopted stylesheet
+ * that updates when either property changes.
+ */
+let ElementWithStylesheet$1 = class ElementWithStylesheet extends TWLitElement$1 {
+    constructor() {
+        super(...arguments);
+        _ElementWithStylesheet_sheet$1.set(this, null);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateAdoptedStylesheet();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('css') ||
+            changedProperties.has('annotationCss')) {
+            this.updateAdoptedStylesheet();
+        }
+    }
+    updateAdoptedStylesheet() {
+        var _a, _b;
+        if (!this.shadowRoot) {
+            return;
+        }
+        if (!__classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f")) {
+            __classPrivateFieldSet(this, _ElementWithStylesheet_sheet$1, new CSSStyleSheet(), "f");
+            this.shadowRoot.adoptedStyleSheets = [
+                ...this.shadowRoot.adoptedStyleSheets,
+                __classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f"),
+            ];
+        }
+        try {
+            __classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f").replaceSync(((_a = this.css) !== null && _a !== void 0 ? _a : '') + ((_b = this.annotationCss) !== null && _b !== void 0 ? _b : ''));
+        }
+        catch {
+            // ignore malformed CSS to avoid runtime errors from user-supplied input
+        }
+    }
+};
+_ElementWithStylesheet_sheet$1 = new WeakMap();
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", String)
+], ElementWithStylesheet$1.prototype, "css", void 0);
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", String)
+], ElementWithStylesheet$1.prototype, "annotationCss", void 0);
+
+class BTLucideIcon extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.width = 24;
@@ -4553,6 +4606,12 @@ class BTLucideIcon extends i {
          * Default is empty string. Use to add custom styling (e.g. margin, padding) around the icon.
          */
         this.iconWrapperClass = '';
+        /**
+         * Value applied as `data-annotation` on the icon wrapper div.
+         * Used by consent-banner annotation overlay to label the inner element without
+         * leaking unrelated utility classes via `attr(class)`.
+         */
+        this.iconWrapperDataAnnotation = '';
     }
     render() {
         if (!this.name) {
@@ -4568,7 +4627,10 @@ class BTLucideIcon extends i {
             'stroke-linecap': this.strokeLinecap,
             'stroke-linejoin': this.strokeLinejoin,
         });
-        return b `<div class=${twMerge('icon-wrapper', this.iconWrapperClass)}>
+        return b `<div
+      class=${twMerge('icon-wrapper', this.iconWrapperClass)}
+      data-annotation=${this.iconWrapperDataAnnotation || A}
+    >
       ${iconElement}
     </div>`;
     }
@@ -4632,11 +4694,15 @@ __decorate([
     n$1({ type: String, attribute: 'icon-wrapper-class' }),
     __metadata("design:type", Object)
 ], BTLucideIcon.prototype, "iconWrapperClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'icon-wrapper-data-annotation' }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "iconWrapperDataAnnotation", void 0);
 if (!customElements.get('bt-lucide-icon')) {
     customElements.define('bt-lucide-icon', BTLucideIcon);
 }
 
-const TwLitElement$7 = TW(i);
+const TwLitElement$2 = TW(i);
 const carouselSizeVariants = cva('relative', {
     variants: {
         size: {
@@ -4651,7 +4717,7 @@ const carouselContentClasses = 'flex gap-2 overflow-x-auto whitespace-nowrap [-m
 const navButtonClasses = 'absolute top-1/2 -translate-y-1/2 z-10 w-8 h-8 rounded-full cursor-pointer flex items-center justify-center text-black bg-neutral-20 border border-neutral-40 opacity-0 transition-opacity duration-200 ease-in-out';
 const navButtonLeftClasses = 'left-2';
 const navButtonRightClasses = 'right-2';
-class BTCarousel extends TwLitElement$7 {
+class BTCarousel extends TwLitElement$2 {
     constructor() {
         super(...arguments);
         this.selectable = false;
@@ -4835,7 +4901,7 @@ if (!customElements.get('bt-carousel')) {
     customElements.define('bt-carousel', BTCarousel);
 }
 
-const TwLitElement$6 = TW(i);
+const TwLitElement$1 = TW(i);
 const pillVariants = cva('inline-flex items-center justify-center bg-white rounded-full border cursor-pointer select-none min-w-0 shrink-0 font-normal', {
     variants: {
         variant: {
@@ -4853,7 +4919,7 @@ const pillVariants = cva('inline-flex items-center justify-center bg-white round
         size: 'md',
     },
 });
-class BTPill extends TwLitElement$6 {
+class BTPill extends TwLitElement$1 {
     constructor() {
         super(...arguments);
         this.selected = false;
@@ -4894,7 +4960,6 @@ if (!customElements.get('bt-pill')) {
     customElements.define('bt-pill', BTPill);
 }
 
-const TwLitElement$5 = TW(i);
 const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer', {
     variants: {
         variant: {
@@ -4917,10 +4982,11 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
         size: 'default',
     },
 });
-class BTButton extends TwLitElement$5 {
+class BTButton extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.buttonClass = '';
+        this.buttonDataAnnotation = '';
         this.disabled = false;
         this.loading = false;
     }
@@ -4931,6 +4997,7 @@ class BTButton extends TwLitElement$5 {
             variant: this.variant,
             size: this.size,
         }), this.buttonClass)}
+      data-annotation=${this.buttonDataAnnotation || A}
       ?disabled=${isDisabled}
     >
       ${this.loading
@@ -4954,6 +5021,10 @@ __decorate([
     n$1({ type: String, attribute: 'button-class' }),
     __metadata("design:type", Object)
 ], BTButton.prototype, "buttonClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'button-data-annotation' }),
+    __metadata("design:type", Object)
+], BTButton.prototype, "buttonDataAnnotation", void 0);
 __decorate([
     n$1({ type: Boolean }),
     __metadata("design:type", Object)
@@ -4966,8 +5037,8 @@ if (!customElements.get('bt-button')) {
     customElements.define('bt-button', BTButton);
 }
 
-const TwLitElement$4 = TW(i);
-class BTHelperText extends TwLitElement$4 {
+const TwLitElement = TW(i);
+class BTHelperText extends TwLitElement {
     render() {
         return b `<div class="text-[0.8rem] text-muted-foreground">
       <slot></slot>
@@ -4978,12 +5049,12 @@ if (!customElements.get('bt-helper-text')) {
     customElements.define('bt-helper-text', BTHelperText);
 }
 
-const TwLitElement$3 = TW(i);
 const inputVariants = cva('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40');
-class BTInput extends TwLitElement$3 {
+class BTInput extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.inputClass = '';
+        this.inputDataAnnotation = '';
         this.type = 'text';
         this.placeholder = '';
         this.value = '';
@@ -4999,6 +5070,7 @@ class BTInput extends TwLitElement$3 {
       <slot name="label"></slot>
       <input
         class=${twMerge(inputVariants(), this.inputClass)}
+        data-annotation=${this.inputDataAnnotation || A}
         .type=${(_a = this.type) !== null && _a !== void 0 ? _a : 'text'}
         .placeholder=${(_b = this.placeholder) !== null && _b !== void 0 ? _b : ''}
         .value=${(_c = this.value) !== null && _c !== void 0 ? _c : ''}
@@ -5012,9 +5084,13 @@ class BTInput extends TwLitElement$3 {
     }
 }
 __decorate([
-    n$1({ type: String }),
+    n$1({ type: String, attribute: 'input-class' }),
     __metadata("design:type", Object)
 ], BTInput.prototype, "inputClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'input-data-annotation' }),
+    __metadata("design:type", Object)
+], BTInput.prototype, "inputDataAnnotation", void 0);
 __decorate([
     n$1({ type: String }),
     __metadata("design:type", Object)
@@ -5043,29 +5119,43 @@ if (!customElements.get('bt-input')) {
     customElements.define('bt-input', BTInput);
 }
 
-const TwLitElement$2 = TW(i);
-class BTLabel extends TwLitElement$2 {
+class BTLabel extends ElementWithStylesheet$1 {
+    constructor() {
+        super(...arguments);
+        this.labelClass = '';
+        this.labelDataAnnotation = '';
+    }
     render() {
         return b `<label
-      class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+      class=${twMerge('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70', this.labelClass)}
+      data-annotation=${this.labelDataAnnotation || A}
     >
       <slot></slot>
     </label>`;
     }
 }
+__decorate([
+    n$1({ type: String, attribute: 'label-class' }),
+    __metadata("design:type", Object)
+], BTLabel.prototype, "labelClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'label-data-annotation' }),
+    __metadata("design:type", Object)
+], BTLabel.prototype, "labelDataAnnotation", void 0);
 if (!customElements.get('bt-label')) {
     customElements.define('bt-label', BTLabel);
 }
 
-const TwLitElement$1 = TW(i);
-class BTCardWrapper extends TwLitElement$1 {
+class BTCardWrapper extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.cardWrapperClass = '';
+        this.cardWrapperDataAnnotation = '';
     }
     render() {
         return b `<div
       class=${twMerge('rounded-lg border border-border bg-card text-card-foreground shadow shadow-sm px-4 py-3', this.cardWrapperClass)}
+      data-annotation=${this.cardWrapperDataAnnotation || A}
     >
       <slot></slot>
     </div>`;
@@ -5083,11 +5173,14 @@ __decorate([
     n$1({ type: String, attribute: 'card-wrapper-class' }),
     __metadata("design:type", Object)
 ], BTCardWrapper.prototype, "cardWrapperClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'card-wrapper-data-annotation' }),
+    __metadata("design:type", Object)
+], BTCardWrapper.prototype, "cardWrapperDataAnnotation", void 0);
 if (!customElements.get('bt-card-wrapper')) {
     customElements.define('bt-card-wrapper', BTCardWrapper);
 }
 
-const TwLitElement = TW(i);
 /**
  * A toggle switch component that allows users to switch between checked and unchecked states.
  *
@@ -5099,12 +5192,14 @@ const TwLitElement = TW(i);
  * <bt-switch size="sm" disabled></bt-switch>
  * ```
  */
-class BTSwitch extends TwLitElement {
+class BTSwitch extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.checked = false;
         this.disabled = false;
         this.size = 'default';
+        this.switchClass = '';
+        this.switchDataAnnotation = '';
         this.toggle = () => {
             if (this.disabled)
                 return;
@@ -5140,7 +5235,8 @@ class BTSwitch extends TwLitElement {
         aria-checked=${this.checked ? 'true' : 'false'}
         data-state=${state}
         data-disabled=${this.disabled ? 'true' : 'false'}
-        class="data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 cursor-pointer"
+        class=${twMerge('data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 cursor-pointer', this.switchClass)}
+        data-annotation=${this.switchDataAnnotation || A}
         @click=${this.onClick}
         @keydown=${this.onKeyDown}
       >
@@ -5174,6 +5270,14 @@ __decorate([
     }),
     __metadata("design:type", String)
 ], BTSwitch.prototype, "size", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'switch-class' }),
+    __metadata("design:type", Object)
+], BTSwitch.prototype, "switchClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'switch-data-annotation' }),
+    __metadata("design:type", Object)
+], BTSwitch.prototype, "switchDataAnnotation", void 0);
 if (!customElements.get('bt-switch')) {
     customElements.define('bt-switch', BTSwitch);
 }

package/index.js

@@ -4539,7 +4539,60 @@ var ProvidersEvoSearchSdk = (function () {
     };
     const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
 
-    class BTLucideIcon extends i {
+    var _ElementWithStylesheet_sheet$1;
+    const TWLitElement$1 = TW(i);
+    /**
+     * Base class for Lit elements that support custom CSS injection via the `css`
+     * and `annotationCss` properties. Automatically manages an adopted stylesheet
+     * that updates when either property changes.
+     */
+    let ElementWithStylesheet$1 = class ElementWithStylesheet extends TWLitElement$1 {
+        constructor() {
+            super(...arguments);
+            _ElementWithStylesheet_sheet$1.set(this, null);
+        }
+        connectedCallback() {
+            super.connectedCallback();
+            this.updateAdoptedStylesheet();
+        }
+        updated(changedProperties) {
+            super.updated(changedProperties);
+            if (changedProperties.has('css') ||
+                changedProperties.has('annotationCss')) {
+                this.updateAdoptedStylesheet();
+            }
+        }
+        updateAdoptedStylesheet() {
+            var _a, _b;
+            if (!this.shadowRoot) {
+                return;
+            }
+            if (!__classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f")) {
+                __classPrivateFieldSet(this, _ElementWithStylesheet_sheet$1, new CSSStyleSheet(), "f");
+                this.shadowRoot.adoptedStyleSheets = [
+                    ...this.shadowRoot.adoptedStyleSheets,
+                    __classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f"),
+                ];
+            }
+            try {
+                __classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f").replaceSync(((_a = this.css) !== null && _a !== void 0 ? _a : '') + ((_b = this.annotationCss) !== null && _b !== void 0 ? _b : ''));
+            }
+            catch {
+                // ignore malformed CSS to avoid runtime errors from user-supplied input
+            }
+        }
+    };
+    _ElementWithStylesheet_sheet$1 = new WeakMap();
+    __decorate([
+        n$1({ type: String }),
+        __metadata("design:type", String)
+    ], ElementWithStylesheet$1.prototype, "css", void 0);
+    __decorate([
+        n$1({ type: String }),
+        __metadata("design:type", String)
+    ], ElementWithStylesheet$1.prototype, "annotationCss", void 0);
+
+    class BTLucideIcon extends ElementWithStylesheet$1 {
         constructor() {
             super(...arguments);
             this.width = 24;
@@ -4554,6 +4607,12 @@ var ProvidersEvoSearchSdk = (function () {
              * Default is empty string. Use to add custom styling (e.g. margin, padding) around the icon.
              */
             this.iconWrapperClass = '';
+            /**
+             * Value applied as `data-annotation` on the icon wrapper div.
+             * Used by consent-banner annotation overlay to label the inner element without
+             * leaking unrelated utility classes via `attr(class)`.
+             */
+            this.iconWrapperDataAnnotation = '';
         }
         render() {
             if (!this.name) {
@@ -4569,7 +4628,10 @@ var ProvidersEvoSearchSdk = (function () {
                 'stroke-linecap': this.strokeLinecap,
                 'stroke-linejoin': this.strokeLinejoin,
             });
-            return b `<div class=${twMerge('icon-wrapper', this.iconWrapperClass)}>
+            return b `<div
+      class=${twMerge('icon-wrapper', this.iconWrapperClass)}
+      data-annotation=${this.iconWrapperDataAnnotation || A}
+    >
       ${iconElement}
     </div>`;
         }
@@ -4633,11 +4695,15 @@ var ProvidersEvoSearchSdk = (function () {
         n$1({ type: String, attribute: 'icon-wrapper-class' }),
         __metadata("design:type", Object)
     ], BTLucideIcon.prototype, "iconWrapperClass", void 0);
+    __decorate([
+        n$1({ type: String, attribute: 'icon-wrapper-data-annotation' }),
+        __metadata("design:type", Object)
+    ], BTLucideIcon.prototype, "iconWrapperDataAnnotation", void 0);
     if (!customElements.get('bt-lucide-icon')) {
         customElements.define('bt-lucide-icon', BTLucideIcon);
     }
 
-    const TwLitElement$7 = TW(i);
+    const TwLitElement$2 = TW(i);
     const carouselSizeVariants = cva('relative', {
         variants: {
             size: {
@@ -4652,7 +4718,7 @@ var ProvidersEvoSearchSdk = (function () {
     const navButtonClasses = 'absolute top-1/2 -translate-y-1/2 z-10 w-8 h-8 rounded-full cursor-pointer flex items-center justify-center text-black bg-neutral-20 border border-neutral-40 opacity-0 transition-opacity duration-200 ease-in-out';
     const navButtonLeftClasses = 'left-2';
     const navButtonRightClasses = 'right-2';
-    class BTCarousel extends TwLitElement$7 {
+    class BTCarousel extends TwLitElement$2 {
         constructor() {
             super(...arguments);
             this.selectable = false;
@@ -4836,7 +4902,7 @@ var ProvidersEvoSearchSdk = (function () {
         customElements.define('bt-carousel', BTCarousel);
     }
 
-    const TwLitElement$6 = TW(i);
+    const TwLitElement$1 = TW(i);
     const pillVariants = cva('inline-flex items-center justify-center bg-white rounded-full border cursor-pointer select-none min-w-0 shrink-0 font-normal', {
         variants: {
             variant: {
@@ -4854,7 +4920,7 @@ var ProvidersEvoSearchSdk = (function () {
             size: 'md',
         },
     });
-    class BTPill extends TwLitElement$6 {
+    class BTPill extends TwLitElement$1 {
         constructor() {
             super(...arguments);
             this.selected = false;
@@ -4895,7 +4961,6 @@ var ProvidersEvoSearchSdk = (function () {
         customElements.define('bt-pill', BTPill);
     }
 
-    const TwLitElement$5 = TW(i);
     const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer', {
         variants: {
             variant: {
@@ -4918,10 +4983,11 @@ var ProvidersEvoSearchSdk = (function () {
             size: 'default',
         },
     });
-    class BTButton extends TwLitElement$5 {
+    class BTButton extends ElementWithStylesheet$1 {
         constructor() {
             super(...arguments);
             this.buttonClass = '';
+            this.buttonDataAnnotation = '';
             this.disabled = false;
             this.loading = false;
         }
@@ -4932,6 +4998,7 @@ var ProvidersEvoSearchSdk = (function () {
             variant: this.variant,
             size: this.size,
         }), this.buttonClass)}
+      data-annotation=${this.buttonDataAnnotation || A}
       ?disabled=${isDisabled}
     >
       ${this.loading
@@ -4955,6 +5022,10 @@ var ProvidersEvoSearchSdk = (function () {
         n$1({ type: String, attribute: 'button-class' }),
         __metadata("design:type", Object)
     ], BTButton.prototype, "buttonClass", void 0);
+    __decorate([
+        n$1({ type: String, attribute: 'button-data-annotation' }),
+        __metadata("design:type", Object)
+    ], BTButton.prototype, "buttonDataAnnotation", void 0);
     __decorate([
         n$1({ type: Boolean }),
         __metadata("design:type", Object)
@@ -4967,8 +5038,8 @@ var ProvidersEvoSearchSdk = (function () {
         customElements.define('bt-button', BTButton);
     }
 
-    const TwLitElement$4 = TW(i);
-    class BTHelperText extends TwLitElement$4 {
+    const TwLitElement = TW(i);
+    class BTHelperText extends TwLitElement {
         render() {
             return b `<div class="text-[0.8rem] text-muted-foreground">
       <slot></slot>
@@ -4979,12 +5050,12 @@ var ProvidersEvoSearchSdk = (function () {
         customElements.define('bt-helper-text', BTHelperText);
     }
 
-    const TwLitElement$3 = TW(i);
     const inputVariants = cva('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40');
-    class BTInput extends TwLitElement$3 {
+    class BTInput extends ElementWithStylesheet$1 {
         constructor() {
             super(...arguments);
             this.inputClass = '';
+            this.inputDataAnnotation = '';
             this.type = 'text';
             this.placeholder = '';
             this.value = '';
@@ -5000,6 +5071,7 @@ var ProvidersEvoSearchSdk = (function () {
       <slot name="label"></slot>
       <input
         class=${twMerge(inputVariants(), this.inputClass)}
+        data-annotation=${this.inputDataAnnotation || A}
         .type=${(_a = this.type) !== null && _a !== void 0 ? _a : 'text'}
         .placeholder=${(_b = this.placeholder) !== null && _b !== void 0 ? _b : ''}
         .value=${(_c = this.value) !== null && _c !== void 0 ? _c : ''}
@@ -5013,9 +5085,13 @@ var ProvidersEvoSearchSdk = (function () {
         }
     }
     __decorate([
-        n$1({ type: String }),
+        n$1({ type: String, attribute: 'input-class' }),
         __metadata("design:type", Object)
     ], BTInput.prototype, "inputClass", void 0);
+    __decorate([
+        n$1({ type: String, attribute: 'input-data-annotation' }),
+        __metadata("design:type", Object)
+    ], BTInput.prototype, "inputDataAnnotation", void 0);
     __decorate([
         n$1({ type: String }),
         __metadata("design:type", Object)
@@ -5044,29 +5120,43 @@ var ProvidersEvoSearchSdk = (function () {
         customElements.define('bt-input', BTInput);
     }
 
-    const TwLitElement$2 = TW(i);
-    class BTLabel extends TwLitElement$2 {
+    class BTLabel extends ElementWithStylesheet$1 {
+        constructor() {
+            super(...arguments);
+            this.labelClass = '';
+            this.labelDataAnnotation = '';
+        }
         render() {
             return b `<label
-      class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+      class=${twMerge('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70', this.labelClass)}
+      data-annotation=${this.labelDataAnnotation || A}
     >
       <slot></slot>
     </label>`;
         }
     }
+    __decorate([
+        n$1({ type: String, attribute: 'label-class' }),
+        __metadata("design:type", Object)
+    ], BTLabel.prototype, "labelClass", void 0);
+    __decorate([
+        n$1({ type: String, attribute: 'label-data-annotation' }),
+        __metadata("design:type", Object)
+    ], BTLabel.prototype, "labelDataAnnotation", void 0);
     if (!customElements.get('bt-label')) {
         customElements.define('bt-label', BTLabel);
     }
 
-    const TwLitElement$1 = TW(i);
-    class BTCardWrapper extends TwLitElement$1 {
+    class BTCardWrapper extends ElementWithStylesheet$1 {
         constructor() {
             super(...arguments);
             this.cardWrapperClass = '';
+            this.cardWrapperDataAnnotation = '';
         }
         render() {
             return b `<div
       class=${twMerge('rounded-lg border border-border bg-card text-card-foreground shadow shadow-sm px-4 py-3', this.cardWrapperClass)}
+      data-annotation=${this.cardWrapperDataAnnotation || A}
     >
       <slot></slot>
     </div>`;
@@ -5084,11 +5174,14 @@ var ProvidersEvoSearchSdk = (function () {
         n$1({ type: String, attribute: 'card-wrapper-class' }),
         __metadata("design:type", Object)
     ], BTCardWrapper.prototype, "cardWrapperClass", void 0);
+    __decorate([
+        n$1({ type: String, attribute: 'card-wrapper-data-annotation' }),
+        __metadata("design:type", Object)
+    ], BTCardWrapper.prototype, "cardWrapperDataAnnotation", void 0);
     if (!customElements.get('bt-card-wrapper')) {
         customElements.define('bt-card-wrapper', BTCardWrapper);
     }
 
-    const TwLitElement = TW(i);
     /**
      * A toggle switch component that allows users to switch between checked and unchecked states.
      *
@@ -5100,12 +5193,14 @@ var ProvidersEvoSearchSdk = (function () {
      * <bt-switch size="sm" disabled></bt-switch>
      * ```
      */
-    class BTSwitch extends TwLitElement {
+    class BTSwitch extends ElementWithStylesheet$1 {
         constructor() {
             super(...arguments);
             this.checked = false;
             this.disabled = false;
             this.size = 'default';
+            this.switchClass = '';
+            this.switchDataAnnotation = '';
             this.toggle = () => {
                 if (this.disabled)
                     return;
@@ -5141,7 +5236,8 @@ var ProvidersEvoSearchSdk = (function () {
         aria-checked=${this.checked ? 'true' : 'false'}
         data-state=${state}
         data-disabled=${this.disabled ? 'true' : 'false'}
-        class="data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 cursor-pointer"
+        class=${twMerge('data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 cursor-pointer', this.switchClass)}
+        data-annotation=${this.switchDataAnnotation || A}
         @click=${this.onClick}
         @keydown=${this.onKeyDown}
       >
@@ -5175,6 +5271,14 @@ var ProvidersEvoSearchSdk = (function () {
         }),
         __metadata("design:type", String)
     ], BTSwitch.prototype, "size", void 0);
+    __decorate([
+        n$1({ type: String, attribute: 'switch-class' }),
+        __metadata("design:type", Object)
+    ], BTSwitch.prototype, "switchClass", void 0);
+    __decorate([
+        n$1({ type: String, attribute: 'switch-data-annotation' }),
+        __metadata("design:type", Object)
+    ], BTSwitch.prototype, "switchDataAnnotation", void 0);
     if (!customElements.get('bt-switch')) {
         customElements.define('bt-switch', BTSwitch);
     }

package/index.mjs

@@ -4536,7 +4536,60 @@ const getDefaultConfig = () => {
 };
 const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
 
-class BTLucideIcon extends i {
+var _ElementWithStylesheet_sheet$1;
+const TWLitElement$1 = TW(i);
+/**
+ * Base class for Lit elements that support custom CSS injection via the `css`
+ * and `annotationCss` properties. Automatically manages an adopted stylesheet
+ * that updates when either property changes.
+ */
+let ElementWithStylesheet$1 = class ElementWithStylesheet extends TWLitElement$1 {
+    constructor() {
+        super(...arguments);
+        _ElementWithStylesheet_sheet$1.set(this, null);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateAdoptedStylesheet();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('css') ||
+            changedProperties.has('annotationCss')) {
+            this.updateAdoptedStylesheet();
+        }
+    }
+    updateAdoptedStylesheet() {
+        var _a, _b;
+        if (!this.shadowRoot) {
+            return;
+        }
+        if (!__classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f")) {
+            __classPrivateFieldSet(this, _ElementWithStylesheet_sheet$1, new CSSStyleSheet(), "f");
+            this.shadowRoot.adoptedStyleSheets = [
+                ...this.shadowRoot.adoptedStyleSheets,
+                __classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f"),
+            ];
+        }
+        try {
+            __classPrivateFieldGet(this, _ElementWithStylesheet_sheet$1, "f").replaceSync(((_a = this.css) !== null && _a !== void 0 ? _a : '') + ((_b = this.annotationCss) !== null && _b !== void 0 ? _b : ''));
+        }
+        catch {
+            // ignore malformed CSS to avoid runtime errors from user-supplied input
+        }
+    }
+};
+_ElementWithStylesheet_sheet$1 = new WeakMap();
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", String)
+], ElementWithStylesheet$1.prototype, "css", void 0);
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", String)
+], ElementWithStylesheet$1.prototype, "annotationCss", void 0);
+
+class BTLucideIcon extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.width = 24;
@@ -4551,6 +4604,12 @@ class BTLucideIcon extends i {
          * Default is empty string. Use to add custom styling (e.g. margin, padding) around the icon.
          */
         this.iconWrapperClass = '';
+        /**
+         * Value applied as `data-annotation` on the icon wrapper div.
+         * Used by consent-banner annotation overlay to label the inner element without
+         * leaking unrelated utility classes via `attr(class)`.
+         */
+        this.iconWrapperDataAnnotation = '';
     }
     render() {
         if (!this.name) {
@@ -4566,7 +4625,10 @@ class BTLucideIcon extends i {
             'stroke-linecap': this.strokeLinecap,
             'stroke-linejoin': this.strokeLinejoin,
         });
-        return b `<div class=${twMerge('icon-wrapper', this.iconWrapperClass)}>
+        return b `<div
+      class=${twMerge('icon-wrapper', this.iconWrapperClass)}
+      data-annotation=${this.iconWrapperDataAnnotation || A}
+    >
       ${iconElement}
     </div>`;
     }
@@ -4630,11 +4692,15 @@ __decorate([
     n$1({ type: String, attribute: 'icon-wrapper-class' }),
     __metadata("design:type", Object)
 ], BTLucideIcon.prototype, "iconWrapperClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'icon-wrapper-data-annotation' }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "iconWrapperDataAnnotation", void 0);
 if (!customElements.get('bt-lucide-icon')) {
     customElements.define('bt-lucide-icon', BTLucideIcon);
 }
 
-const TwLitElement$7 = TW(i);
+const TwLitElement$2 = TW(i);
 const carouselSizeVariants = cva('relative', {
     variants: {
         size: {
@@ -4649,7 +4715,7 @@ const carouselContentClasses = 'flex gap-2 overflow-x-auto whitespace-nowrap [-m
 const navButtonClasses = 'absolute top-1/2 -translate-y-1/2 z-10 w-8 h-8 rounded-full cursor-pointer flex items-center justify-center text-black bg-neutral-20 border border-neutral-40 opacity-0 transition-opacity duration-200 ease-in-out';
 const navButtonLeftClasses = 'left-2';
 const navButtonRightClasses = 'right-2';
-class BTCarousel extends TwLitElement$7 {
+class BTCarousel extends TwLitElement$2 {
     constructor() {
         super(...arguments);
         this.selectable = false;
@@ -4833,7 +4899,7 @@ if (!customElements.get('bt-carousel')) {
     customElements.define('bt-carousel', BTCarousel);
 }
 
-const TwLitElement$6 = TW(i);
+const TwLitElement$1 = TW(i);
 const pillVariants = cva('inline-flex items-center justify-center bg-white rounded-full border cursor-pointer select-none min-w-0 shrink-0 font-normal', {
     variants: {
         variant: {
@@ -4851,7 +4917,7 @@ const pillVariants = cva('inline-flex items-center justify-center bg-white round
         size: 'md',
     },
 });
-class BTPill extends TwLitElement$6 {
+class BTPill extends TwLitElement$1 {
     constructor() {
         super(...arguments);
         this.selected = false;
@@ -4892,7 +4958,6 @@ if (!customElements.get('bt-pill')) {
     customElements.define('bt-pill', BTPill);
 }
 
-const TwLitElement$5 = TW(i);
 const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer', {
     variants: {
         variant: {
@@ -4915,10 +4980,11 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
         size: 'default',
     },
 });
-class BTButton extends TwLitElement$5 {
+class BTButton extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.buttonClass = '';
+        this.buttonDataAnnotation = '';
         this.disabled = false;
         this.loading = false;
     }
@@ -4929,6 +4995,7 @@ class BTButton extends TwLitElement$5 {
             variant: this.variant,
             size: this.size,
         }), this.buttonClass)}
+      data-annotation=${this.buttonDataAnnotation || A}
       ?disabled=${isDisabled}
     >
       ${this.loading
@@ -4952,6 +5019,10 @@ __decorate([
     n$1({ type: String, attribute: 'button-class' }),
     __metadata("design:type", Object)
 ], BTButton.prototype, "buttonClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'button-data-annotation' }),
+    __metadata("design:type", Object)
+], BTButton.prototype, "buttonDataAnnotation", void 0);
 __decorate([
     n$1({ type: Boolean }),
     __metadata("design:type", Object)
@@ -4964,8 +5035,8 @@ if (!customElements.get('bt-button')) {
     customElements.define('bt-button', BTButton);
 }
 
-const TwLitElement$4 = TW(i);
-class BTHelperText extends TwLitElement$4 {
+const TwLitElement = TW(i);
+class BTHelperText extends TwLitElement {
     render() {
         return b `<div class="text-[0.8rem] text-muted-foreground">
       <slot></slot>
@@ -4976,12 +5047,12 @@ if (!customElements.get('bt-helper-text')) {
     customElements.define('bt-helper-text', BTHelperText);
 }
 
-const TwLitElement$3 = TW(i);
 const inputVariants = cva('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40');
-class BTInput extends TwLitElement$3 {
+class BTInput extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.inputClass = '';
+        this.inputDataAnnotation = '';
         this.type = 'text';
         this.placeholder = '';
         this.value = '';
@@ -4997,6 +5068,7 @@ class BTInput extends TwLitElement$3 {
       <slot name="label"></slot>
       <input
         class=${twMerge(inputVariants(), this.inputClass)}
+        data-annotation=${this.inputDataAnnotation || A}
         .type=${(_a = this.type) !== null && _a !== void 0 ? _a : 'text'}
         .placeholder=${(_b = this.placeholder) !== null && _b !== void 0 ? _b : ''}
         .value=${(_c = this.value) !== null && _c !== void 0 ? _c : ''}
@@ -5010,9 +5082,13 @@ class BTInput extends TwLitElement$3 {
     }
 }
 __decorate([
-    n$1({ type: String }),
+    n$1({ type: String, attribute: 'input-class' }),
     __metadata("design:type", Object)
 ], BTInput.prototype, "inputClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'input-data-annotation' }),
+    __metadata("design:type", Object)
+], BTInput.prototype, "inputDataAnnotation", void 0);
 __decorate([
     n$1({ type: String }),
     __metadata("design:type", Object)
@@ -5041,29 +5117,43 @@ if (!customElements.get('bt-input')) {
     customElements.define('bt-input', BTInput);
 }
 
-const TwLitElement$2 = TW(i);
-class BTLabel extends TwLitElement$2 {
+class BTLabel extends ElementWithStylesheet$1 {
+    constructor() {
+        super(...arguments);
+        this.labelClass = '';
+        this.labelDataAnnotation = '';
+    }
     render() {
         return b `<label
-      class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+      class=${twMerge('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70', this.labelClass)}
+      data-annotation=${this.labelDataAnnotation || A}
     >
       <slot></slot>
     </label>`;
     }
 }
+__decorate([
+    n$1({ type: String, attribute: 'label-class' }),
+    __metadata("design:type", Object)
+], BTLabel.prototype, "labelClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'label-data-annotation' }),
+    __metadata("design:type", Object)
+], BTLabel.prototype, "labelDataAnnotation", void 0);
 if (!customElements.get('bt-label')) {
     customElements.define('bt-label', BTLabel);
 }
 
-const TwLitElement$1 = TW(i);
-class BTCardWrapper extends TwLitElement$1 {
+class BTCardWrapper extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.cardWrapperClass = '';
+        this.cardWrapperDataAnnotation = '';
     }
     render() {
         return b `<div
       class=${twMerge('rounded-lg border border-border bg-card text-card-foreground shadow shadow-sm px-4 py-3', this.cardWrapperClass)}
+      data-annotation=${this.cardWrapperDataAnnotation || A}
     >
       <slot></slot>
     </div>`;
@@ -5081,11 +5171,14 @@ __decorate([
     n$1({ type: String, attribute: 'card-wrapper-class' }),
     __metadata("design:type", Object)
 ], BTCardWrapper.prototype, "cardWrapperClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'card-wrapper-data-annotation' }),
+    __metadata("design:type", Object)
+], BTCardWrapper.prototype, "cardWrapperDataAnnotation", void 0);
 if (!customElements.get('bt-card-wrapper')) {
     customElements.define('bt-card-wrapper', BTCardWrapper);
 }
 
-const TwLitElement = TW(i);
 /**
  * A toggle switch component that allows users to switch between checked and unchecked states.
  *
@@ -5097,12 +5190,14 @@ const TwLitElement = TW(i);
  * <bt-switch size="sm" disabled></bt-switch>
  * ```
  */
-class BTSwitch extends TwLitElement {
+class BTSwitch extends ElementWithStylesheet$1 {
     constructor() {
         super(...arguments);
         this.checked = false;
         this.disabled = false;
         this.size = 'default';
+        this.switchClass = '';
+        this.switchDataAnnotation = '';
         this.toggle = () => {
             if (this.disabled)
                 return;
@@ -5138,7 +5233,8 @@ class BTSwitch extends TwLitElement {
         aria-checked=${this.checked ? 'true' : 'false'}
         data-state=${state}
         data-disabled=${this.disabled ? 'true' : 'false'}
-        class="data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 cursor-pointer"
+        class=${twMerge('data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 cursor-pointer', this.switchClass)}
+        data-annotation=${this.switchDataAnnotation || A}
         @click=${this.onClick}
         @keydown=${this.onKeyDown}
       >
@@ -5172,6 +5268,14 @@ __decorate([
     }),
     __metadata("design:type", String)
 ], BTSwitch.prototype, "size", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'switch-class' }),
+    __metadata("design:type", Object)
+], BTSwitch.prototype, "switchClass", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'switch-data-annotation' }),
+    __metadata("design:type", Object)
+], BTSwitch.prototype, "switchDataAnnotation", void 0);
 if (!customElements.get('bt-switch')) {
     customElements.define('bt-switch', BTSwitch);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotoutio/providers-evo-search-sdk",
-  "version": "1.51.0",
+  "version": "1.51.2",
   "description": "Evo Search SDK for EdgeTag",
   "author": "Blotout",
   "license": "MIT",