@blotoutio/providers-evo-search-sdk 1.43.0 → 1.45.0

package/index.cjs.js

@@ -1040,6 +1040,15 @@ const ArrowLeft = [
   ["path", { d: "M19 12H5" }]
 ];
 
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Check = [["path", { d: "M20 6 9 17l-5-5" }]];
+
 /**
  * @license lucide v0.511.0 - ISC
  *
@@ -1058,6 +1067,19 @@ const ChevronLeft = [["path", { d: "m15 18-6-6 6-6" }]];
 
 const ChevronRight = [["path", { d: "m9 18 6-6-6-6" }]];
 
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const CircleX = [
+  ["circle", { cx: "12", cy: "12", r: "10" }],
+  ["path", { d: "m15 9-6 6" }],
+  ["path", { d: "m9 9 6 6" }]
+];
+
 /**
  * @license lucide v0.511.0 - ISC
  *
@@ -1067,6 +1089,51 @@ const ChevronRight = [["path", { d: "m9 18 6-6-6-6" }]];
 
 const Circle = [["circle", { cx: "12", cy: "12", r: "10" }]];
 
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Cookie = [
+  ["path", { d: "M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5" }],
+  ["path", { d: "M8.5 8.5v.01" }],
+  ["path", { d: "M16 15.5v.01" }],
+  ["path", { d: "M12 12v.01" }],
+  ["path", { d: "M11 17v.01" }],
+  ["path", { d: "M7 14v.01" }]
+];
+
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const FileImage = [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }],
+  ["circle", { cx: "10", cy: "12", r: "2" }],
+  ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22" }]
+];
+
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const FileText = [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }],
+  ["path", { d: "M10 9H8" }],
+  ["path", { d: "M16 13H8" }],
+  ["path", { d: "M16 17H8" }]
+];
+
 /**
  * @license lucide v0.511.0 - ISC
  *
@@ -1121,6 +1188,28 @@ const History = [
   ["path", { d: "M12 7v5l4 2" }]
 ];
 
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Info = [
+  ["circle", { cx: "12", cy: "12", r: "10" }],
+  ["path", { d: "M12 16v-4" }],
+  ["path", { d: "M12 8h.01" }]
+];
+
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const LoaderCircle = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }]];
+
 /**
  * @license lucide v0.511.0 - ISC
  *
@@ -1161,6 +1250,41 @@ const MessageCircleQuestion = [
 
 const MessageCircle = [["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }]];
 
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Minus = [["path", { d: "M5 12h14" }]];
+
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const PanelLeftClose = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+  ["path", { d: "M9 3v18" }],
+  ["path", { d: "m16 15-3-3 3-3" }]
+];
+
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const PanelLeftOpen = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+  ["path", { d: "M9 3v18" }],
+  ["path", { d: "m14 9 3 3-3 3" }]
+];
+
 /**
  * @license lucide v0.511.0 - ISC
  *
@@ -1191,6 +1315,18 @@ const Percent = [
   ["circle", { cx: "17.5", cy: "17.5", r: "2.5" }]
 ];
 
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Plus = [
+  ["path", { d: "M5 12h14" }],
+  ["path", { d: "M12 5v14" }]
+];
+
 /**
  * @license lucide v0.511.0 - ISC
  *
@@ -1220,6 +1356,22 @@ const SendHorizontal = [
   ["path", { d: "M6 12h16" }]
 ];
 
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const ShoppingCart = [
+  ["circle", { cx: "8", cy: "21", r: "1" }],
+  ["circle", { cx: "19", cy: "21", r: "1" }],
+  [
+    "path",
+    { d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" }
+  ]
+];
+
 /**
  * @license lucide v0.511.0 - ISC
  *
@@ -1232,6 +1384,18 @@ const TrendingUp = [
   ["path", { d: "m22 7-8.5 8.5-5-5L2 17" }]
 ];
 
+/**
+ * @license lucide v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Video = [
+  ["path", { d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" }],
+  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2" }]
+];
+
 /**
  * @license lucide v0.511.0 - ISC
  *
@@ -1244,6 +1408,15 @@ const X = [
   ["path", { d: "m6 6 12 12" }]
 ];
 
+/**
+ * Mapping of icon name keys to their component implementations.
+ * Keys correspond to {@link IconNames}; values are Lucide icon components.
+ * @readonly
+ * @example
+ * import { icons, IconNames } from '@libs/lit-ui-kit';
+ * const SearchIcon = icons['search'];
+ * const name: IconNames = 'search';
+ */
 const icons = {
     search: Search,
     headset: Headset,
@@ -1261,350 +1434,77 @@ const icons = {
     sendHorizontal: SendHorizontal,
     trendingUp: TrendingUp,
     paperClip: Paperclip,
+    shoppingCart: ShoppingCart,
+    loaderCircle: LoaderCircle,
+    check: Check,
+    circleX: CircleX,
+    minus: Minus,
+    plus: Plus,
+    fileText: FileText,
+    video: Video,
+    fileImage: FileImage,
+    info: Info,
+    panelLeftOpen: PanelLeftOpen,
+    panelLeftClose: PanelLeftClose,
+    cookie: Cookie,
 };
 
-class BTLucideIcon extends i {
-    constructor() {
-        super(...arguments);
-        this.width = 24;
-        this.height = 24;
-        this.stroke = 'currentColor';
-        this.fill = 'none';
-        this.strokeWidth = 2;
-        this.strokeLinecap = 'round';
-        this.strokeLinejoin = 'round';
-    }
-    render() {
-        if (!this.name) {
-            return;
-        }
-        const icon = icons[this.name];
-        const iconElement = createElement(icon, {
-            width: this.width,
-            height: this.height,
-            stroke: this.stroke,
-            fill: this.fill,
-            'stroke-width': this.strokeWidth,
-            'stroke-linecap': this.strokeLinecap,
-            'stroke-linejoin': this.strokeLinejoin,
-        });
-        return b `<div class="icon-wrapper">${iconElement}</div>`;
-    }
-}
-BTLucideIcon.styles = [
-    i$3 `
-      :host {
-        margin: 0;
-        font-size: 0;
-        line-height: 0;
-        display: inline-block;
-      }
-
-      .icon-wrapper {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
+/**
+ * Concatenates two arrays faster than the array spread operator.
+ */
+const concatArrays = (array1, array2) => {
+  // Pre-allocate for better V8 optimization
+  const combinedArray = new Array(array1.length + array2.length);
+  for (let i = 0; i < array1.length; i++) {
+    combinedArray[i] = array1[i];
+  }
+  for (let i = 0; i < array2.length; i++) {
+    combinedArray[array1.length + i] = array2[i];
+  }
+  return combinedArray;
+};
 
-        svg {
-          width: 100%;
-          height: 100%;
+// Factory function ensures consistent object shapes
+const createClassValidatorObject = (classGroupId, validator) => ({
+  classGroupId,
+  validator
+});
+// Factory ensures consistent ClassPartObject shape
+const createClassPartObject = (nextPart = new Map(), validators = null, classGroupId) => ({
+  nextPart,
+  validators,
+  classGroupId
+});
+const CLASS_PART_SEPARATOR = '-';
+const EMPTY_CONFLICTS = [];
+// I use two dots here because one dot is used as prefix for class groups in plugins
+const ARBITRARY_PROPERTY_PREFIX = 'arbitrary..';
+const createClassGroupUtils = config => {
+  const classMap = createClassMap(config);
+  const {
+    conflictingClassGroups,
+    conflictingClassGroupModifiers
+  } = config;
+  const getClassGroupId = className => {
+    if (className.startsWith('[') && className.endsWith(']')) {
+      return getGroupIdForArbitraryProperty(className);
+    }
+    const classParts = className.split(CLASS_PART_SEPARATOR);
+    // Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and skip it.
+    const startIndex = classParts[0] === '' && classParts.length > 1 ? 1 : 0;
+    return getGroupRecursive(classParts, startIndex, classMap);
+  };
+  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
+    if (hasPostfixModifier) {
+      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
+      const baseConflicts = conflictingClassGroups[classGroupId];
+      if (modifierConflicts) {
+        if (baseConflicts) {
+          // Merge base conflicts with modifier conflicts
+          return concatArrays(baseConflicts, modifierConflicts);
         }
-      }
-    `,
-];
-__decorate([
-    n$1({ type: String }),
-    __metadata("design:type", Object)
-], BTLucideIcon.prototype, "name", void 0);
-__decorate([
-    n$1(),
-    __metadata("design:type", Object)
-], BTLucideIcon.prototype, "width", void 0);
-__decorate([
-    n$1(),
-    __metadata("design:type", Object)
-], BTLucideIcon.prototype, "height", void 0);
-__decorate([
-    n$1({ type: String }),
-    __metadata("design:type", Object)
-], BTLucideIcon.prototype, "stroke", void 0);
-__decorate([
-    n$1({ type: String }),
-    __metadata("design:type", Object)
-], BTLucideIcon.prototype, "fill", void 0);
-__decorate([
-    n$1({ type: Number }),
-    __metadata("design:type", Object)
-], BTLucideIcon.prototype, "strokeWidth", void 0);
-__decorate([
-    n$1({ type: String }),
-    __metadata("design:type", Object)
-], BTLucideIcon.prototype, "strokeLinecap", void 0);
-__decorate([
-    n$1({ type: String }),
-    __metadata("design:type", Object)
-], BTLucideIcon.prototype, "strokeLinejoin", void 0);
-if (!customElements.get('bt-lucide-icon')) {
-    customElements.define('bt-lucide-icon', BTLucideIcon);
-}
-
-const TwLitElement$6 = TW(i);
-const carouselSizeVariants = cva('relative', {
-    variants: {
-        size: {
-            sm: 'max-w-xs',
-            md: 'max-w-md',
-            lg: 'max-w-lg',
-            xl: 'max-w-xl',
-        },
-    },
-});
-const carouselContentClasses = 'flex gap-2 overflow-x-auto whitespace-nowrap [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden snap-x snap-mandatory [-webkit-overflow-scrolling:touch]';
-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$6 {
-    constructor() {
-        super(...arguments);
-        this.selectable = false;
-        this.selected = -1;
-        this.disableButtons = false;
-        this.canScrollLeft = false;
-        this.canScrollRight = true;
-        this.abortController = new AbortController();
-        this.resizeObserver = new ResizeObserver(() => {
-            this.updateScrollState();
-        });
-    }
-    async handleSlotChange(e) {
-        this.abortController.abort();
-        this.abortController = new AbortController();
-        const slot = e.target;
-        const elements = slot.assignedElements();
-        elements.forEach((element, index) => {
-            element.addEventListener('click', (clickEvent) => this.handleItemClick(clickEvent, index), {
-                capture: true,
-                signal: this.abortController.signal,
-            });
-        });
-        await this.updateComplete;
-        this.updateScrollState();
-    }
-    firstUpdated() {
-        if (this.scrollContainer) {
-            this.resizeObserver.observe(this.scrollContainer);
-        }
-    }
-    handleItemClick(e, index) {
-        var _a, _b, _c;
-        e.preventDefault();
-        e.stopPropagation();
-        const elements = (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements();
-        const clickedElement = elements === null || elements === void 0 ? void 0 : elements[index];
-        if (!clickedElement) {
-            return;
-        }
-        clickedElement.scrollIntoView({
-            behavior: 'smooth',
-            block: 'nearest',
-            inline: 'center',
-        });
-        if (this.selectable) {
-            this.selected = index;
-            const itemData = {
-                index,
-                element: clickedElement,
-                text: ((_c = clickedElement.textContent) === null || _c === void 0 ? void 0 : _c.trim()) || '',
-                value: clickedElement.getAttribute('value') ||
-                    clickedElement.getAttribute('data-value') ||
-                    '',
-                id: clickedElement.id || '',
-                dataset: { ...clickedElement.dataset },
-            };
-            const selectEvent = new CustomEvent('select', {
-                detail: itemData,
-                bubbles: true,
-                composed: true,
-            });
-            this.dispatchEvent(selectEvent);
-        }
-    }
-    updateScrollState() {
-        if (!this.scrollContainer) {
-            return;
-        }
-        const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainer;
-        this.canScrollLeft = scrollLeft > 0;
-        this.canScrollRight = scrollLeft < scrollWidth - clientWidth - 1;
-    }
-    handleScrollLeft() {
-        if (this.scrollContainer) {
-            const scrollAmount = this.scrollContainer.clientWidth * 0.6;
-            this.scrollContainer.scrollBy({
-                left: -scrollAmount,
-                behavior: 'smooth',
-            });
-        }
-    }
-    handleScrollRight() {
-        if (this.scrollContainer) {
-            const scrollAmount = this.scrollContainer.clientWidth * 0.6;
-            this.scrollContainer.scrollBy({
-                left: scrollAmount,
-                behavior: 'smooth',
-            });
-        }
-    }
-    render() {
-        return b `
-      <div
-        class=${`carousel-wrapper ${carouselSizeVariants({ size: this.size })}`}
-      >
-        <div
-          class=${`carousel-content ${carouselContentClasses}`}
-          @scroll=${this.updateScrollState}
-        >
-          <slot @slotchange=${this.handleSlotChange}></slot>
-        </div>
-
-        ${n(!this.disableButtons, () => b `
-            ${n(this.canScrollLeft, () => b `
-                <button
-                  class=${`nav-button ${navButtonClasses} ${navButtonLeftClasses}`}
-                  @click=${this.handleScrollLeft}
-                >
-                  <bt-lucide-icon
-                    name="left"
-                    width="16"
-                    height="16"
-                  ></bt-lucide-icon>
-                </button>
-              `)}
-            ${n(this.canScrollRight, () => b `
-                <button
-                  class=${`nav-button ${navButtonClasses} ${navButtonRightClasses}`}
-                  @click=${this.handleScrollRight}
-                >
-                  <bt-lucide-icon
-                    name="right"
-                    width="16"
-                    height="16"
-                  ></bt-lucide-icon>
-                </button>
-              `)}
-          `)}
-      </div>
-    `;
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.abortController.abort();
-        this.resizeObserver.disconnect();
-    }
-}
-BTCarousel.styles = i$3 `
-    :host {
-      display: block;
-    }
-
-    .carousel-wrapper:hover .nav-button {
-      opacity: 1;
-    }
-
-    ::slotted(*) {
-      scroll-snap-align: center;
-    }
-  `;
-__decorate([
-    n$1({ type: Boolean }),
-    __metadata("design:type", Object)
-], BTCarousel.prototype, "selectable", void 0);
-__decorate([
-    n$1({ type: Number }),
-    __metadata("design:type", Object)
-], BTCarousel.prototype, "selected", void 0);
-__decorate([
-    n$1({ type: String }),
-    __metadata("design:type", Object)
-], BTCarousel.prototype, "size", void 0);
-__decorate([
-    n$1({ type: Boolean }),
-    __metadata("design:type", Object)
-], BTCarousel.prototype, "disableButtons", void 0);
-__decorate([
-    e('.carousel-content'),
-    __metadata("design:type", HTMLElement)
-], BTCarousel.prototype, "scrollContainer", void 0);
-__decorate([
-    r$1(),
-    __metadata("design:type", Object)
-], BTCarousel.prototype, "canScrollLeft", void 0);
-__decorate([
-    r$1(),
-    __metadata("design:type", Object)
-], BTCarousel.prototype, "canScrollRight", void 0);
-if (!customElements.get('bt-carousel')) {
-    customElements.define('bt-carousel', BTCarousel);
-}
-
-/**
- * Concatenates two arrays faster than the array spread operator.
- */
-const concatArrays = (array1, array2) => {
-  // Pre-allocate for better V8 optimization
-  const combinedArray = new Array(array1.length + array2.length);
-  for (let i = 0; i < array1.length; i++) {
-    combinedArray[i] = array1[i];
-  }
-  for (let i = 0; i < array2.length; i++) {
-    combinedArray[array1.length + i] = array2[i];
-  }
-  return combinedArray;
-};
-
-// Factory function ensures consistent object shapes
-const createClassValidatorObject = (classGroupId, validator) => ({
-  classGroupId,
-  validator
-});
-// Factory ensures consistent ClassPartObject shape
-const createClassPartObject = (nextPart = new Map(), validators = null, classGroupId) => ({
-  nextPart,
-  validators,
-  classGroupId
-});
-const CLASS_PART_SEPARATOR = '-';
-const EMPTY_CONFLICTS = [];
-// I use two dots here because one dot is used as prefix for class groups in plugins
-const ARBITRARY_PROPERTY_PREFIX = 'arbitrary..';
-const createClassGroupUtils = config => {
-  const classMap = createClassMap(config);
-  const {
-    conflictingClassGroups,
-    conflictingClassGroupModifiers
-  } = config;
-  const getClassGroupId = className => {
-    if (className.startsWith('[') && className.endsWith(']')) {
-      return getGroupIdForArbitraryProperty(className);
-    }
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    // Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and skip it.
-    const startIndex = classParts[0] === '' && classParts.length > 1 ? 1 : 0;
-    return getGroupRecursive(classParts, startIndex, classMap);
-  };
-  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    if (hasPostfixModifier) {
-      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
-      const baseConflicts = conflictingClassGroups[classGroupId];
-      if (modifierConflicts) {
-        if (baseConflicts) {
-          // Merge base conflicts with modifier conflicts
-          return concatArrays(baseConflicts, modifierConflicts);
-        }
-        // Only modifier conflicts
-        return modifierConflicts;
+        // Only modifier conflicts
+        return modifierConflicts;
       }
       // Fall back to without postfix if no modifier conflicts
       return baseConflicts || EMPTY_CONFLICTS;
@@ -4583,7 +4483,304 @@ const getDefaultConfig = () => {
 };
 const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
 
-const TwLitElement$5 = TW(i);
+class BTLucideIcon extends i {
+    constructor() {
+        super(...arguments);
+        this.width = 24;
+        this.height = 24;
+        this.stroke = 'currentColor';
+        this.fill = 'none';
+        this.strokeWidth = 2;
+        this.strokeLinecap = 'round';
+        this.strokeLinejoin = 'round';
+        /**
+         * CSS class applied to the icon wrapper div. Maps to the attribute 'icon-wrapper-class'.
+         * Default is empty string. Use to add custom styling (e.g. margin, padding) around the icon.
+         */
+        this.iconWrapperClass = '';
+    }
+    render() {
+        if (!this.name) {
+            return;
+        }
+        const icon = icons[this.name];
+        const iconElement = createElement(icon, {
+            width: this.width,
+            height: this.height,
+            stroke: this.stroke,
+            fill: this.fill,
+            'stroke-width': this.strokeWidth,
+            'stroke-linecap': this.strokeLinecap,
+            'stroke-linejoin': this.strokeLinejoin,
+        });
+        return b `<div class=${twMerge('icon-wrapper', this.iconWrapperClass)}>
+      ${iconElement}
+    </div>`;
+    }
+}
+BTLucideIcon.styles = [
+    i$3 `
+      :host {
+        margin: 0;
+        font-size: 0;
+        line-height: 0;
+        display: inline-block;
+      }
+
+      .icon-wrapper {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        svg {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    `,
+];
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "name", void 0);
+__decorate([
+    n$1(),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "width", void 0);
+__decorate([
+    n$1(),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "height", void 0);
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "stroke", void 0);
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "fill", void 0);
+__decorate([
+    n$1({ type: Number }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "strokeWidth", void 0);
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "strokeLinecap", void 0);
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "strokeLinejoin", void 0);
+__decorate([
+    n$1({ type: String, attribute: 'icon-wrapper-class' }),
+    __metadata("design:type", Object)
+], BTLucideIcon.prototype, "iconWrapperClass", void 0);
+if (!customElements.get('bt-lucide-icon')) {
+    customElements.define('bt-lucide-icon', BTLucideIcon);
+}
+
+const TwLitElement$7 = TW(i);
+const carouselSizeVariants = cva('relative', {
+    variants: {
+        size: {
+            sm: 'max-w-xs',
+            md: 'max-w-md',
+            lg: 'max-w-lg',
+            xl: 'max-w-xl',
+        },
+    },
+});
+const carouselContentClasses = 'flex gap-2 overflow-x-auto whitespace-nowrap [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden snap-x snap-mandatory [-webkit-overflow-scrolling:touch]';
+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 {
+    constructor() {
+        super(...arguments);
+        this.selectable = false;
+        this.selected = -1;
+        this.disableButtons = false;
+        this.canScrollLeft = false;
+        this.canScrollRight = true;
+        this.abortController = new AbortController();
+        this.resizeObserver = new ResizeObserver(() => {
+            this.updateScrollState();
+        });
+    }
+    async handleSlotChange(e) {
+        this.abortController.abort();
+        this.abortController = new AbortController();
+        const slot = e.target;
+        const elements = slot.assignedElements();
+        elements.forEach((element, index) => {
+            element.addEventListener('click', (clickEvent) => this.handleItemClick(clickEvent, index), {
+                capture: true,
+                signal: this.abortController.signal,
+            });
+        });
+        await this.updateComplete;
+        this.updateScrollState();
+    }
+    firstUpdated() {
+        if (this.scrollContainer) {
+            this.resizeObserver.observe(this.scrollContainer);
+        }
+    }
+    handleItemClick(e, index) {
+        var _a, _b, _c;
+        e.preventDefault();
+        e.stopPropagation();
+        const elements = (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements();
+        const clickedElement = elements === null || elements === void 0 ? void 0 : elements[index];
+        if (!clickedElement) {
+            return;
+        }
+        clickedElement.scrollIntoView({
+            behavior: 'smooth',
+            block: 'nearest',
+            inline: 'center',
+        });
+        if (this.selectable) {
+            this.selected = index;
+            const itemData = {
+                index,
+                element: clickedElement,
+                text: ((_c = clickedElement.textContent) === null || _c === void 0 ? void 0 : _c.trim()) || '',
+                value: clickedElement.getAttribute('value') ||
+                    clickedElement.getAttribute('data-value') ||
+                    '',
+                id: clickedElement.id || '',
+                dataset: { ...clickedElement.dataset },
+            };
+            const selectEvent = new CustomEvent('select', {
+                detail: itemData,
+                bubbles: true,
+                composed: true,
+            });
+            this.dispatchEvent(selectEvent);
+        }
+    }
+    updateScrollState() {
+        if (!this.scrollContainer) {
+            return;
+        }
+        const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainer;
+        this.canScrollLeft = scrollLeft > 0;
+        this.canScrollRight = scrollLeft < scrollWidth - clientWidth - 1;
+    }
+    handleScrollLeft() {
+        if (this.scrollContainer) {
+            const scrollAmount = this.scrollContainer.clientWidth * 0.6;
+            this.scrollContainer.scrollBy({
+                left: -scrollAmount,
+                behavior: 'smooth',
+            });
+        }
+    }
+    handleScrollRight() {
+        if (this.scrollContainer) {
+            const scrollAmount = this.scrollContainer.clientWidth * 0.6;
+            this.scrollContainer.scrollBy({
+                left: scrollAmount,
+                behavior: 'smooth',
+            });
+        }
+    }
+    render() {
+        return b `
+      <div
+        class=${`carousel-wrapper ${carouselSizeVariants({ size: this.size })}`}
+      >
+        <div
+          class=${`carousel-content ${carouselContentClasses}`}
+          @scroll=${this.updateScrollState}
+        >
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+
+        ${n(!this.disableButtons, () => b `
+            ${n(this.canScrollLeft, () => b `
+                <button
+                  class=${`nav-button ${navButtonClasses} ${navButtonLeftClasses}`}
+                  @click=${this.handleScrollLeft}
+                >
+                  <bt-lucide-icon
+                    name="left"
+                    width="16"
+                    height="16"
+                  ></bt-lucide-icon>
+                </button>
+              `)}
+            ${n(this.canScrollRight, () => b `
+                <button
+                  class=${`nav-button ${navButtonClasses} ${navButtonRightClasses}`}
+                  @click=${this.handleScrollRight}
+                >
+                  <bt-lucide-icon
+                    name="right"
+                    width="16"
+                    height="16"
+                  ></bt-lucide-icon>
+                </button>
+              `)}
+          `)}
+      </div>
+    `;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.abortController.abort();
+        this.resizeObserver.disconnect();
+    }
+}
+BTCarousel.styles = i$3 `
+    :host {
+      display: block;
+    }
+
+    .carousel-wrapper:hover .nav-button {
+      opacity: 1;
+    }
+
+    ::slotted(*) {
+      scroll-snap-align: center;
+    }
+  `;
+__decorate([
+    n$1({ type: Boolean }),
+    __metadata("design:type", Object)
+], BTCarousel.prototype, "selectable", void 0);
+__decorate([
+    n$1({ type: Number }),
+    __metadata("design:type", Object)
+], BTCarousel.prototype, "selected", void 0);
+__decorate([
+    n$1({ type: String }),
+    __metadata("design:type", Object)
+], BTCarousel.prototype, "size", void 0);
+__decorate([
+    n$1({ type: Boolean }),
+    __metadata("design:type", Object)
+], BTCarousel.prototype, "disableButtons", void 0);
+__decorate([
+    e('.carousel-content'),
+    __metadata("design:type", HTMLElement)
+], BTCarousel.prototype, "scrollContainer", void 0);
+__decorate([
+    r$1(),
+    __metadata("design:type", Object)
+], BTCarousel.prototype, "canScrollLeft", void 0);
+__decorate([
+    r$1(),
+    __metadata("design:type", Object)
+], BTCarousel.prototype, "canScrollRight", void 0);
+if (!customElements.get('bt-carousel')) {
+    customElements.define('bt-carousel', BTCarousel);
+}
+
+const TwLitElement$6 = 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: {
@@ -4601,7 +4798,7 @@ const pillVariants = cva('inline-flex items-center justify-center bg-white round
         size: 'md',
     },
 });
-class BTPill extends TwLitElement$5 {
+class BTPill extends TwLitElement$6 {
     constructor() {
         super(...arguments);
         this.selected = false;
@@ -4642,7 +4839,7 @@ if (!customElements.get('bt-pill')) {
     customElements.define('bt-pill', BTPill);
 }
 
-const TwLitElement$4 = TW(i);
+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: {
@@ -4665,7 +4862,7 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
         size: 'default',
     },
 });
-class BTButton extends TwLitElement$4 {
+class BTButton extends TwLitElement$5 {
     constructor() {
         super(...arguments);
         this.buttonClass = '';
@@ -4703,8 +4900,8 @@ if (!customElements.get('bt-button')) {
     customElements.define('bt-button', BTButton);
 }
 
-const TwLitElement$3 = TW(i);
-class BTHelperText extends TwLitElement$3 {
+const TwLitElement$4 = TW(i);
+class BTHelperText extends TwLitElement$4 {
     render() {
         return b `<div class="text-[0.8rem] text-muted-foreground">
       <slot></slot>
@@ -4715,9 +4912,9 @@ if (!customElements.get('bt-helper-text')) {
     customElements.define('bt-helper-text', BTHelperText);
 }
 
-const TwLitElement$2 = TW(i);
+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');
-class BTInput extends TwLitElement$2 {
+class BTInput extends TwLitElement$3 {
     constructor() {
         super(...arguments);
         this.inputClass = '';
@@ -4774,8 +4971,8 @@ if (!customElements.get('bt-input')) {
     customElements.define('bt-input', BTInput);
 }
 
-const TwLitElement$1 = TW(i);
-class BTLabel extends TwLitElement$1 {
+const TwLitElement$2 = TW(i);
+class BTLabel extends TwLitElement$2 {
     render() {
         return b `<label
       class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
@@ -4788,8 +4985,8 @@ if (!customElements.get('bt-label')) {
     customElements.define('bt-label', BTLabel);
 }
 
-const TwLitElement = TW(i);
-class BTCardWrapper extends TwLitElement {
+const TwLitElement$1 = TW(i);
+class BTCardWrapper extends TwLitElement$1 {
     constructor() {
         super(...arguments);
         this.cardWrapperClass = '';
@@ -4810,6 +5007,97 @@ 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.
+ *
+ * `@fires` change - Emitted when the switch state changes, with detail { checked: boolean }
+ *
+ * `@example`
+ * ```html
+ * <bt-switch checked></bt-switch>
+ * <bt-switch size="sm" disabled></bt-switch>
+ * ```
+ */
+class BTSwitch extends TwLitElement {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.disabled = false;
+        this.size = 'default';
+        this.toggle = () => {
+            if (this.disabled)
+                return;
+            this.checked = !this.checked;
+            this.dispatchEvent(new CustomEvent('change', {
+                detail: { checked: this.checked },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this.onClick = (e) => {
+            e.preventDefault();
+            this.toggle();
+        };
+        this.onKeyDown = (e) => {
+            if (this.disabled)
+                return;
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this.toggle();
+            }
+        };
+    }
+    render() {
+        const state = this.checked ? 'checked' : 'unchecked';
+        return b `
+      <button
+        type="button"
+        data-slot="switch"
+        data-size=${this.size}
+        ?disabled=${this.disabled}
+        role="switch"
+        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"
+        @click=${this.onClick}
+        @keydown=${this.onKeyDown}
+      >
+        <span
+          data-slot="switch-thumb"
+          aria-checked=${this.checked ? 'true' : 'false'}
+          data-state=${state}
+          data-disabled=${this.disabled ? 'true' : 'false'}
+          data-size=${this.size}
+          class="bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 pointer-events-none block ring-0 transition-transform"
+        ></span>
+      </button>
+    `;
+    }
+}
+__decorate([
+    n$1({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], BTSwitch.prototype, "checked", void 0);
+__decorate([
+    n$1({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], BTSwitch.prototype, "disabled", void 0);
+__decorate([
+    n$1({
+        type: String,
+        reflect: true,
+        converter: {
+            fromAttribute: (value) => value === 'sm' ? 'sm' : 'default',
+        },
+    }),
+    __metadata("design:type", String)
+], BTSwitch.prototype, "size", void 0);
+if (!customElements.get('bt-switch')) {
+    customElements.define('bt-switch', BTSwitch);
+}
+
 var _ElementWithStylesheet_sheet;
 const TWLitElement = TW(i);
 /**