@baklavue/ui 1.0.0 → 1.0.1

package/dist/index.js

@@ -0,0 +1,2404 @@
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, Fragment, renderList, mergeProps, renderSlot, nextTick, createCommentVNode, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, createElementVNode, withModifiers, createVNode, normalizeClass, onBeforeUnmount, withDirectives, vShow, onUnmounted, Transition } from "vue";
+const BAKLAVA_VERSION = "3.4.2";
+const BAKLAVA_DETECTION_ELEMENT = "bl-table";
+const loadBaklavaResources = () => {
+  if (customElements.get(BAKLAVA_DETECTION_ELEMENT)) {
+    return;
+  }
+  const loadScript = () => {
+    if (!document.querySelector('script[src*="baklava.js"]')) {
+      const script = document.createElement("script");
+      script.type = "module";
+      script.src = `https://cdn.jsdelivr.net/npm/@trendyol/baklava@${BAKLAVA_VERSION}/dist/baklava.js`;
+      document.head.appendChild(script);
+    }
+  };
+  const loadStyles = () => {
+    if (!document.querySelector('link[href*="default.css"]')) {
+      const link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = `https://cdn.jsdelivr.net/npm/@trendyol/baklava@${BAKLAVA_VERSION}/dist/themes/default.css`;
+      document.head.appendChild(link);
+    }
+  };
+  loadScript();
+  loadStyles();
+};
+const _hoisted_1$i = ["multiple"];
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "Accordion",
+  props: {
+    open: { type: Boolean, default: false },
+    caption: { default: void 0 },
+    icon: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: false },
+    animationDuration: { default: 250 },
+    multiple: { type: Boolean, default: void 0 },
+    items: {}
+  },
+  emits: ["toggle"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const accordionRef = ref(null);
+    const isGroupMode = computed(
+      () => props.multiple !== void 0 && Array.isArray(props.items)
+    );
+    watch(
+      () => props.open,
+      (newValue) => {
+        if (!isGroupMode.value && accordionRef.value) {
+          const blAccordion = accordionRef.value;
+          if (newValue && !blAccordion.open) {
+            blAccordion.expand();
+          } else if (!newValue && blAccordion.open) {
+            blAccordion.collapse();
+          }
+        }
+      },
+      { immediate: true }
+    );
+    const handleToggle = (event) => {
+      if (!isGroupMode.value) {
+        const isOpen = event.detail;
+        emit("toggle", isOpen);
+      }
+    };
+    onMounted(() => {
+      loadBaklavaResources();
+      if (!isGroupMode.value && accordionRef.value) {
+        const blAccordion = accordionRef.value;
+        if (props.open && !blAccordion.open) {
+          blAccordion.expand();
+        } else if (!props.open && blAccordion.open) {
+          blAccordion.collapse();
+        }
+      }
+    });
+    __expose({
+      /**
+       * Expands the accordion programmatically.
+       *
+       * @public
+       */
+      expand: () => {
+        if (!isGroupMode.value && accordionRef.value) {
+          accordionRef.value.expand();
+        }
+      },
+      /**
+       * Collapses the accordion programmatically.
+       *
+       * @public
+       */
+      collapse: () => {
+        if (!isGroupMode.value && accordionRef.value) {
+          accordionRef.value.collapse();
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return isGroupMode.value ? (openBlock(), createElementBlock("bl-accordion-group", {
+        key: 0,
+        multiple: props.multiple === true ? true : void 0
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, index) => {
+          return openBlock(), createElementBlock("bl-accordion", mergeProps({ key: index }, { ref_for: true }, {
+            open: item.open === true ? true : void 0,
+            caption: item.caption,
+            icon: item.icon,
+            disabled: item.disabled === true ? true : void 0,
+            animationDuration: item.animationDuration
+          }), [
+            renderSlot(_ctx.$slots, "item", {
+              item,
+              index
+            })
+          ], 16);
+        }), 128))
+      ], 8, _hoisted_1$i)) : (openBlock(), createElementBlock("bl-accordion", mergeProps({
+        key: 1,
+        ref_key: "accordionRef",
+        ref: accordionRef
+      }, {
+        open: props.open === true ? true : void 0,
+        caption: props.caption,
+        icon: props.icon,
+        disabled: props.disabled === true ? true : void 0,
+        animationDuration: props.animationDuration
+      }, { onBlToggle: handleToggle }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16));
+    };
+  }
+});
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "Alert",
+  props: {
+    variant: { default: "info" },
+    description: { default: void 0 },
+    icon: { type: Boolean, default: void 0 },
+    closable: { type: Boolean, default: false },
+    caption: { default: void 0 },
+    closed: { type: Boolean, default: false }
+  },
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const alertRef = ref(null);
+    function asBlAlert(el) {
+      return el;
+    }
+    async function waitForBlAlert() {
+      if (!customElements.get("bl-alert")) {
+        await customElements.whenDefined("bl-alert");
+      }
+    }
+    function syncWithBlAlert(el) {
+      const blAlert = asBlAlert(el);
+      if (!blAlert || typeof blAlert.close !== "function" || typeof blAlert.open !== "function") {
+        return;
+      }
+      if (props.closed && !blAlert.closed) {
+        blAlert.close();
+      } else if (!props.closed && blAlert.closed) {
+        blAlert.open();
+      }
+    }
+    function callBlAlertMethod(method) {
+      const el = asBlAlert(alertRef.value);
+      if (el && typeof el[method] === "function") {
+        el[method]();
+      }
+    }
+    watch(
+      () => props.closed,
+      () => {
+        if (alertRef.value) {
+          syncWithBlAlert(alertRef.value);
+        }
+      }
+    );
+    function handleClose() {
+      emit("close");
+    }
+    onMounted(async () => {
+      loadBaklavaResources();
+      await nextTick();
+      await waitForBlAlert();
+      if (alertRef.value) {
+        syncWithBlAlert(alertRef.value);
+      }
+    });
+    __expose({
+      /**
+       * Opens the alert programmatically.
+       *
+       * @public
+       */
+      open: async () => {
+        await nextTick();
+        callBlAlertMethod("open");
+      },
+      /**
+       * Closes the alert programmatically.
+       *
+       * @public
+       */
+      close: async () => {
+        await nextTick();
+        callBlAlertMethod("close");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-alert", mergeProps({
+        ref_key: "alertRef",
+        ref: alertRef
+      }, {
+        ...props,
+        closable: props.closable === true ? true : void 0,
+        closed: props.closed
+      }, { onBlClose: handleClose }), [
+        _ctx.$slots["caption"] ? renderSlot(_ctx.$slots, "caption", { key: 0 }) : createCommentVNode("", true),
+        _ctx.$slots["default"] ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("", true),
+        _ctx.$slots["action"] ? renderSlot(_ctx.$slots, "action", { key: 2 }) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  __name: "Badge",
+  props: {
+    size: { default: "medium" },
+    icon: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-badge", normalizeProps(guardReactiveProps(props)), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "Button",
+  props: {
+    variant: { default: "primary" },
+    kind: { default: "default" },
+    size: { default: "medium" },
+    label: { default: void 0 },
+    loadingLabel: { default: "..." },
+    loading: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    href: { default: void 0 },
+    icon: { default: void 0 },
+    target: { default: void 0 },
+    type: { default: "button" },
+    autofocus: { type: Boolean, default: void 0 },
+    customClass: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("bl-button", mergeProps({
+        ...props,
+        loading: props.loading === true ? true : void 0
+      }, {
+        style: {
+          "--bl-color-primary": __props.kind === "custom" ? (_a = __props.customClass) == null ? void 0 : _a.color : void 0,
+          "--bl-color-primary-highlight": __props.kind === "custom" ? (_b = __props.customClass) == null ? void 0 : _b.highlightColor : void 0
+        },
+        onBlClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+      }), [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.label), 1)
+        ])
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$h = ["name"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "Icon",
+  props: {
+    name: { default: void 0 },
+    size: { default: void 0 },
+    color: { default: void 0 }
+  },
+  emits: ["load", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const iconStyle = computed(() => ({
+      ...props.size && { fontSize: props.size },
+      ...props.color && { color: props.color }
+    }));
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-icon", {
+        name: props.name,
+        style: normalizeStyle(iconStyle.value),
+        onBlLoad: _cache[0] || (_cache[0] = ($event) => emit("load", $event.detail)),
+        onBlError: _cache[1] || (_cache[1] = ($event) => emit("error", $event.detail))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 44, _hoisted_1$h);
+    };
+  }
+});
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "Link",
+  props: {
+    href: { default: void 0 },
+    target: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    variant: { default: void 0 },
+    size: { default: void 0 },
+    kind: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    rel: { default: void 0 },
+    hreflang: { default: void 0 },
+    type: { default: void 0 },
+    referrerPolicy: { default: void 0 },
+    download: { default: void 0 },
+    ping: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const linkBindings = computed(() => {
+      const { disabled, href, ...rest } = props;
+      return {
+        ...rest,
+        href: disabled ? void 0 : href,
+        "aria-disabled": disabled ? "true" : void 0,
+        tabindex: disabled ? -1 : void 0
+      };
+    });
+    function handleClick(event) {
+      if (props.disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      emit("click", event);
+    }
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-link", mergeProps(linkBindings.value, {
+        class: { "bv-link--disabled": __props.disabled },
+        onBlClick: handleClick
+      }), [
+        _ctx.$slots["icon"] ? renderSlot(_ctx.$slots, "icon", { key: 0 }, void 0, true) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 16);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const BvLink = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1fbec25f"]]);
+const _hoisted_1$g = { class: "bv-banner__content" };
+const _hoisted_2$a = { class: "bv-banner__title" };
+const _hoisted_3$4 = {
+  key: 0,
+  class: "bv-banner__close"
+};
+const STORAGE_PREFIX = "banner-";
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "Banner",
+  props: {
+    title: { default: void 0 },
+    icon: { default: void 0 },
+    color: { default: "primary" },
+    close: { type: Boolean, default: false },
+    closeIcon: { default: "close" },
+    id: { default: void 0 },
+    to: { default: void 0 },
+    target: { default: void 0 },
+    actions: { default: void 0 }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isDismissed = ref(false);
+    function getStorageKey() {
+      if (!props.id || typeof props.id !== "string") return null;
+      const sanitized = props.id.replace(/[^a-zA-Z0-9_-]/g, "");
+      return sanitized ? `${STORAGE_PREFIX}${sanitized}` : null;
+    }
+    function checkDismissed() {
+      const key = getStorageKey();
+      if (!key || !props.close || typeof window === "undefined") return;
+      try {
+        const stored = localStorage.getItem(key);
+        if (stored === "true") {
+          isDismissed.value = true;
+        }
+      } catch {
+      }
+    }
+    function handleClose(e) {
+      e == null ? void 0 : e.preventDefault();
+      e == null ? void 0 : e.stopPropagation();
+      const key = getStorageKey();
+      if (key && typeof window !== "undefined") {
+        try {
+          localStorage.setItem(key, "true");
+        } catch {
+        }
+      }
+      isDismissed.value = true;
+      emit("close");
+    }
+    function handleActionClick(action) {
+      var _a;
+      (_a = action.onClick) == null ? void 0 : _a.call(action);
+    }
+    const colorStyles = computed(() => {
+      const colorMap = {
+        primary: {
+          bg: "var(--bl-color-primary)",
+          text: "var(--bl-color-primary-contrast, #fff)"
+        },
+        success: {
+          bg: "var(--bl-color-success)",
+          text: "var(--bl-color-success-contrast, #fff)"
+        },
+        danger: {
+          bg: "var(--bl-color-danger)",
+          text: "var(--bl-color-danger-contrast, #fff)"
+        },
+        warning: {
+          bg: "var(--bl-color-warning)",
+          text: "var(--bl-color-warning-contrast, #fff)"
+        },
+        info: {
+          bg: "var(--bl-color-info)",
+          text: "var(--bl-color-info-contrast, #fff)"
+        },
+        neutral: {
+          bg: "var(--bl-color-neutral-darkest)",
+          text: "var(--bl-color-neutral-full, #fff)"
+        }
+      };
+      const c = colorMap[props.color] ?? colorMap["primary"];
+      return {
+        backgroundColor: c.bg,
+        color: c.text
+      };
+    });
+    onMounted(() => {
+      loadBaklavaResources();
+      checkDismissed();
+    });
+    return (_ctx, _cache) => {
+      return !isDismissed.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "bv-banner",
+        style: normalizeStyle(colorStyles.value),
+        role: "banner"
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(__props.to ? BvLink : "div"), mergeProps(__props.to ? { href: __props.to, target: __props.target } : {}, {
+          class: ["bv-banner__inner", { "bv-banner__inner--link": !!__props.to }]
+        }), {
+          default: withCtx(() => {
+            var _a;
+            return [
+              createElementVNode("div", _hoisted_1$g, [
+                renderSlot(_ctx.$slots, "leading", {}, () => [
+                  __props.icon ? (openBlock(), createBlock(_sfc_main$q, {
+                    key: 0,
+                    name: __props.icon,
+                    class: "bv-banner__icon"
+                  }, null, 8, ["name"])) : createCommentVNode("", true)
+                ], true),
+                createElementVNode("div", _hoisted_2$a, [
+                  renderSlot(_ctx.$slots, "title", {}, () => [
+                    createTextVNode(toDisplayString(__props.title), 1)
+                  ], true)
+                ]),
+                ((_a = __props.actions) == null ? void 0 : _a.length) || _ctx.$slots["actions"] ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "bv-banner__actions",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  renderSlot(_ctx.$slots, "actions", {}, () => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action, idx) => {
+                      return openBlock(), createElementBlock(Fragment, { key: idx }, [
+                        action ? (openBlock(), createBlock(_sfc_main$r, {
+                          key: 0,
+                          variant: action.variant ?? "tertiary",
+                          label: action.label,
+                          icon: action.icon ?? action.trailingIcon,
+                          size: "small",
+                          class: "bv-banner__action-btn",
+                          onClick: ($event) => handleActionClick(action)
+                        }, null, 8, ["variant", "label", "icon", "onClick"])) : createCommentVNode("", true)
+                      ], 64);
+                    }), 128))
+                  ], true)
+                ])) : createCommentVNode("", true)
+              ])
+            ];
+          }),
+          _: 3
+        }, 16, ["class"])),
+        __props.close ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+          renderSlot(_ctx.$slots, "close", {}, () => [
+            createElementVNode("button", {
+              type: "button",
+              class: "bv-banner__close-btn",
+              "aria-label": "Close banner",
+              onClick: handleClose
+            }, [
+              createVNode(_sfc_main$q, {
+                name: __props.closeIcon,
+                color: colorStyles.value.color
+              }, null, 8, ["name", "color"])
+            ])
+          ], true)
+        ])) : createCommentVNode("", true)
+      ], 4)) : createCommentVNode("", true);
+    };
+  }
+});
+const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-eeab38e1"]]);
+const _hoisted_1$f = ["value"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: [Boolean, Array], default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    indeterminate: { type: Boolean, default: void 0 },
+    value: { default: void 0 },
+    name: { default: void 0 },
+    label: { default: void 0 },
+    items: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change", "input"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isGroupMode = computed(
+      () => props.items !== void 0 && Array.isArray(props.items)
+    );
+    const groupValue = computed(() => {
+      const val = props.modelValue;
+      if (Array.isArray(val)) return val;
+      return [];
+    });
+    const isItemChecked = (item) => {
+      return groupValue.value.includes(item.value);
+    };
+    const handleSingleChange = (event) => {
+      var _a;
+      const checked = (_a = event.target) == null ? void 0 : _a.checked;
+      emit("change", event);
+      emit("update:modelValue", checked ?? false);
+    };
+    const handleGroupChange = (event) => {
+      emit("change", event);
+      const target = event.target;
+      let newValue;
+      if (Array.isArray(target == null ? void 0 : target.value)) {
+        newValue = target.value;
+      } else if (typeof (target == null ? void 0 : target.value) === "string") {
+        newValue = target.value ? target.value.split(",").map((s) => s.trim()) : [];
+      } else {
+        newValue = [];
+      }
+      emit("update:modelValue", newValue);
+    };
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return isGroupMode.value ? (openBlock(), createElementBlock("bl-checkbox-group", {
+        key: 0,
+        value: groupValue.value,
+        onBlCheckboxGroupChange: handleGroupChange
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, index) => {
+          return openBlock(), createElementBlock("bl-checkbox", mergeProps({
+            key: String(item.value)
+          }, { ref_for: true }, {
+            value: item.value,
+            checked: isItemChecked(item),
+            disabled: item.disabled === true ? true : void 0,
+            indeterminate: item.indeterminate === true ? true : void 0,
+            name: item.name
+          }), [
+            renderSlot(_ctx.$slots, "item", {
+              item,
+              index
+            }, () => [
+              createTextVNode(toDisplayString(item.label), 1)
+            ])
+          ], 16);
+        }), 128))
+      ], 40, _hoisted_1$f)) : (openBlock(), createElementBlock("bl-checkbox", mergeProps({ key: 1 }, {
+        checked: props.modelValue === true ? true : props.modelValue === false ? false : void 0,
+        disabled: props.disabled === true ? true : void 0,
+        indeterminate: props.indeterminate === true ? true : void 0,
+        value: props.value,
+        name: props.name
+      }, {
+        onBlChange: handleSingleChange,
+        onBlInput: _cache[0] || (_cache[0] = ($event) => emit("input", $event))
+      }), [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.label), 1)
+        ])
+      ], 16));
+    };
+  }
+});
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "Chip",
+  props: {
+    text: { default: void 0 },
+    color: { default: "primary" },
+    size: { default: "md" },
+    position: { default: "top-right" },
+    inset: { type: Boolean, default: false },
+    standalone: { type: Boolean, default: false },
+    show: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const colorStyles = computed(() => {
+      const colorMap = {
+        primary: {
+          backgroundColor: "var(--bl-color-primary)",
+          color: "var(--bl-color-primary-contrast, #fff)"
+        },
+        success: {
+          backgroundColor: "var(--bl-color-success)",
+          color: "var(--bl-color-success-contrast, #fff)"
+        },
+        danger: {
+          backgroundColor: "var(--bl-color-danger)",
+          color: "var(--bl-color-danger-contrast, #fff)"
+        },
+        warning: {
+          backgroundColor: "var(--bl-color-warning)",
+          color: "var(--bl-color-warning-contrast, #fff)"
+        },
+        info: {
+          backgroundColor: "var(--bl-color-info)",
+          color: "var(--bl-color-info-contrast, #fff)"
+        },
+        neutral: {
+          backgroundColor: "var(--bl-color-neutral-darkest)",
+          color: "var(--bl-color-neutral-full, #fff)"
+        }
+      };
+      return colorMap[props.color] ?? colorMap["primary"];
+    });
+    const sizeClass = computed(() => `bv-chip__badge--${props.size}`);
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return __props.standalone ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        __props.show ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["bv-chip bv-chip--standalone", sizeClass.value]),
+          style: normalizeStyle(colorStyles.value)
+        }, [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            createTextVNode(toDisplayString(__props.text), 1)
+          ], true)
+        ], 6)) : createCommentVNode("", true)
+      ], 64)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["bv-chip", { "bv-chip--has-content": _ctx.$slots["default"] }])
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        __props.show ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["bv-chip__badge", [sizeClass.value, `bv-chip__badge--${__props.position}`, { "bv-chip__badge--inset": __props.inset }]]),
+          style: normalizeStyle(colorStyles.value)
+        }, [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            createTextVNode(toDisplayString(__props.text), 1)
+          ], true)
+        ], 6)) : createCommentVNode("", true)
+      ], 2));
+    };
+  }
+});
+const Chip = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-7f495740"]]);
+const _hoisted_1$e = ["type", "label", "placeholder", "disabled", "required", "size", "label-fixed", "help-text", "min-date", "max-date"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "Datepicker",
+  props: {
+    modelValue: { default: void 0 },
+    type: { default: "single" },
+    label: { default: void 0 },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    labelFixed: { type: Boolean, default: void 0 },
+    helpText: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function toISODateString(date) {
+      if (Number.isNaN(date.getTime())) return "";
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${year}-${month}-${day}`;
+    }
+    const baklavaValue = computed(() => {
+      const val = props.modelValue;
+      if (val == null || Array.isArray(val) && val.length === 0) return "";
+      if (Array.isArray(val)) return val.map((d) => String(d)).join(",");
+      return String(val);
+    });
+    const skipNextValueSync = ref(false);
+    function handleDatepickerChange(event) {
+      const rawDates = event.detail ?? [];
+      const dates = rawDates.filter(
+        (d) => d instanceof Date && !Number.isNaN(d.getTime())
+      );
+      const type = props.type ?? "single";
+      let value;
+      if (dates.length === 0) {
+        value = type === "multiple" ? [] : null;
+      } else if (type === "single") {
+        value = toISODateString(dates[0]);
+      } else if (type === "multiple") {
+        value = dates.map(toISODateString);
+      } else if (type === "range") {
+        value = [
+          toISODateString(dates[0]),
+          toISODateString(dates[1] ?? dates[0])
+        ];
+      } else {
+        value = null;
+      }
+      skipNextValueSync.value = true;
+      emit("change", event);
+      emit("update:modelValue", value);
+      nextTick(() => {
+        skipNextValueSync.value = false;
+      });
+    }
+    const datepickerRef = ref(null);
+    watch(
+      [datepickerRef, baklavaValue],
+      ([el, val]) => {
+        if (skipNextValueSync.value || !el) return;
+        el.value = val ?? "";
+      },
+      { immediate: true }
+    );
+    onMounted(async () => {
+      loadBaklavaResources();
+      if (!customElements.get("bl-datepicker")) {
+        await customElements.whenDefined("bl-datepicker");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-datepicker", {
+        ref_key: "datepickerRef",
+        ref: datepickerRef,
+        type: props.type,
+        label: props.label,
+        placeholder: props.placeholder,
+        disabled: props.disabled === true ? true : void 0,
+        required: props.required === true ? true : void 0,
+        size: props.size,
+        "label-fixed": props.labelFixed === true ? true : void 0,
+        "help-text": props.helpText,
+        "min-date": props.min ? new Date(props.min) : void 0,
+        "max-date": props.max ? new Date(props.max) : void 0,
+        onBlDatepickerChange: handleDatepickerChange
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 40, _hoisted_1$e);
+    };
+  }
+});
+const _hoisted_1$d = ["open", "caption"];
+const _hoisted_2$9 = {
+  key: 0,
+  slot: "secondary-action"
+};
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "Dialog",
+  props: {
+    open: { type: Boolean, default: false },
+    caption: { default: void 0 },
+    closable: { type: Boolean, default: void 0 },
+    backdrop: { type: Boolean, default: void 0 },
+    size: { default: void 0 }
+  },
+  emits: ["update:open", "open", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const SIZE_TO_WIDTH = {
+      small: "320px",
+      medium: "424px",
+      large: "560px"
+    };
+    const props = __props;
+    const emit = __emit;
+    const dialogRef = ref(null);
+    const dialogStyle = computed(() => {
+      if (!props.size) return void 0;
+      const width = SIZE_TO_WIDTH[props.size.toLowerCase()] ?? props.size;
+      return { "--bl-dialog-width": width };
+    });
+    const handleOpen = () => {
+      emit("update:open", true);
+      emit("open");
+    };
+    const handleClose = () => {
+      emit("update:open", false);
+      emit("close");
+    };
+    const handleRequestClose = (e) => {
+      if (props.closable === false && e.detail.source === "close-button") {
+        e.preventDefault();
+      }
+      if (props.backdrop === false && e.detail.source === "backdrop") {
+        e.preventDefault();
+      }
+    };
+    function getBlDialog(el) {
+      return el;
+    }
+    watch(
+      () => props.open,
+      (newValue) => {
+        const blDialog = getBlDialog(dialogRef.value);
+        if (blDialog && blDialog.open !== newValue) {
+          blDialog.open = newValue;
+        }
+      },
+      { immediate: true }
+    );
+    onMounted(() => {
+      loadBaklavaResources();
+      const blDialog = getBlDialog(dialogRef.value);
+      if (blDialog && blDialog.open !== props.open) {
+        blDialog.open = props.open;
+      }
+    });
+    __expose({
+      /** Opens the dialog programmatically. */
+      open: () => {
+        const blDialog = getBlDialog(dialogRef.value);
+        if (blDialog) blDialog.open = true;
+      },
+      /** Closes the dialog programmatically. */
+      close: () => {
+        const blDialog = getBlDialog(dialogRef.value);
+        if (blDialog) blDialog.open = false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-dialog", {
+        ref_key: "dialogRef",
+        ref: dialogRef,
+        open: __props.open,
+        caption: __props.caption,
+        style: normalizeStyle(dialogStyle.value),
+        onBlDialogOpen: handleOpen,
+        onBlDialogClose: handleClose,
+        onBlDialogRequestClose: handleRequestClose
+      }, [
+        createElementVNode("div", null, [
+          _ctx.$slots["header"] ? renderSlot(_ctx.$slots, "header", { key: 0 }) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _ctx.$slots["footer"] ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+          renderSlot(_ctx.$slots, "footer")
+        ])) : createCommentVNode("", true)
+      ], 44, _hoisted_1$d);
+    };
+  }
+});
+const _hoisted_1$c = ["open", "caption", "embed-url", "external-link", "width"];
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "Drawer",
+  props: {
+    open: { type: Boolean, default: false },
+    caption: { default: void 0 },
+    embedUrl: { default: void 0 },
+    externalLink: { default: void 0 },
+    width: { default: void 0 }
+  },
+  emits: ["update:open", "open", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const WIDTH_TO_PX = {
+      small: "320px",
+      medium: "424px",
+      large: "560px"
+    };
+    const props = __props;
+    const emit = __emit;
+    const drawerRef = ref(null);
+    const drawerWidth = computed(() => {
+      if (!props.width) return void 0;
+      const key = props.width.toLowerCase();
+      return WIDTH_TO_PX[key] ?? props.width;
+    });
+    const handleOpen = () => {
+      emit("update:open", true);
+      emit("open");
+    };
+    const handleClose = () => {
+      emit("update:open", false);
+      emit("close");
+    };
+    function getBlDrawer(el) {
+      return el;
+    }
+    watch(
+      () => props.open,
+      (newValue) => {
+        const blDrawer = getBlDrawer(drawerRef.value);
+        if (blDrawer && blDrawer.open !== newValue) {
+          blDrawer.open = newValue;
+        }
+      },
+      { immediate: true }
+    );
+    onMounted(() => {
+      loadBaklavaResources();
+      const blDrawer = getBlDrawer(drawerRef.value);
+      if (blDrawer && blDrawer.open !== props.open) {
+        blDrawer.open = props.open;
+      }
+    });
+    __expose({
+      /** Opens the drawer programmatically. */
+      open: () => {
+        const blDrawer = getBlDrawer(drawerRef.value);
+        if (blDrawer) blDrawer.open = true;
+      },
+      /** Closes the drawer programmatically. */
+      close: () => {
+        const blDrawer = getBlDrawer(drawerRef.value);
+        if (blDrawer) blDrawer.open = false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-drawer", {
+        ref_key: "drawerRef",
+        ref: drawerRef,
+        open: __props.open,
+        caption: __props.caption,
+        "embed-url": __props.embedUrl,
+        "external-link": __props.externalLink,
+        width: drawerWidth.value,
+        onBlDrawerOpen: handleOpen,
+        onBlDrawerClose: handleClose
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 40, _hoisted_1$c);
+    };
+  }
+});
+const _hoisted_1$b = ["caption"];
+const _hoisted_2$8 = ["icon", "disabled"];
+const _hoisted_3$3 = ["icon", "disabled"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "Dropdown",
+  props: {
+    open: { type: Boolean, default: false },
+    placement: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    trigger: { default: void 0 },
+    label: { default: "Menu" },
+    variant: { default: void 0 },
+    kind: { default: void 0 },
+    size: { default: void 0 },
+    icon: { default: void 0 },
+    items: { default: void 0 }
+  },
+  emits: ["update:open", "open", "close", "select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dropdownRef = ref(null);
+    const isItemsMode = computed(
+      () => Array.isArray(props.items) && props.items.length > 0
+    );
+    const groupedItems = computed(() => {
+      if (!props.items) return [];
+      const groups = /* @__PURE__ */ new Map();
+      props.items.forEach((item, index) => {
+        const key = item.groupCaption ?? void 0;
+        const list = groups.get(key) ?? [];
+        list.push({ item, index });
+        groups.set(key, list);
+      });
+      return Array.from(groups.entries()).map(([groupCaption, entries]) => ({
+        groupCaption: groupCaption || void 0,
+        entries
+      }));
+    });
+    const handleOpen = () => {
+      emit("update:open", true);
+      emit("open");
+    };
+    const handleClose = () => {
+      emit("update:open", false);
+      emit("close");
+    };
+    const handleItemClick = (event) => {
+      emit("select", event);
+    };
+    function getBlDropdown(el) {
+      return el;
+    }
+    watch(
+      () => props.open,
+      (newValue) => {
+        const blDropdown = getBlDropdown(dropdownRef.value);
+        if (blDropdown) {
+          if (newValue && !blDropdown.opened) {
+            blDropdown.open();
+          } else if (!newValue && blDropdown.opened) {
+            blDropdown.close();
+          }
+        }
+      },
+      { immediate: true }
+    );
+    onMounted(() => {
+      loadBaklavaResources();
+      const blDropdown = getBlDropdown(dropdownRef.value);
+      if (blDropdown && blDropdown.opened !== props.open) {
+        if (props.open) {
+          blDropdown.open();
+        } else {
+          blDropdown.close();
+        }
+      }
+    });
+    __expose({
+      /** Opens the dropdown programmatically. */
+      open: () => {
+        var _a;
+        (_a = getBlDropdown(dropdownRef.value)) == null ? void 0 : _a.open();
+      },
+      /** Closes the dropdown programmatically. */
+      close: () => {
+        var _a;
+        (_a = getBlDropdown(dropdownRef.value)) == null ? void 0 : _a.close();
+      },
+      /** Toggles the dropdown open/closed state. */
+      toggle: () => {
+        const blDropdown = getBlDropdown(dropdownRef.value);
+        if (blDropdown) {
+          if (blDropdown.opened) {
+            blDropdown.close();
+          } else {
+            blDropdown.open();
+          }
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-dropdown", mergeProps({
+        ref_key: "dropdownRef",
+        ref: dropdownRef
+      }, {
+        label: props.label,
+        variant: props.variant,
+        kind: props.kind,
+        size: props.size,
+        icon: props.icon,
+        disabled: props.disabled === true ? true : void 0
+      }, {
+        onBlDropdownOpen: handleOpen,
+        onBlDropdownClose: handleClose
+      }), [
+        isItemsMode.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupedItems.value, (group, gi) => {
+          return openBlock(), createElementBlock(Fragment, { key: gi }, [
+            group.groupCaption ? (openBlock(), createElementBlock("bl-dropdown-group", {
+              key: 0,
+              caption: group.groupCaption
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(group.entries, (entry, ii) => {
+                return openBlock(), createElementBlock("bl-dropdown-item", {
+                  key: `${gi}-${ii}`,
+                  icon: entry.item.icon,
+                  disabled: entry.item.disabled === true,
+                  onBlDropdownItemClick: handleItemClick
+                }, [
+                  renderSlot(_ctx.$slots, "item", {
+                    item: entry.item,
+                    index: entry.index
+                  }, () => [
+                    createTextVNode(toDisplayString(entry.item.caption), 1)
+                  ])
+                ], 40, _hoisted_2$8);
+              }), 128))
+            ], 8, _hoisted_1$b)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(group.entries, (entry, ii) => {
+              return openBlock(), createElementBlock("bl-dropdown-item", {
+                key: `${gi}-${ii}`,
+                icon: entry.item.icon,
+                disabled: entry.item.disabled === true,
+                onBlDropdownItemClick: handleItemClick
+              }, [
+                renderSlot(_ctx.$slots, "item", {
+                  item: entry.item,
+                  index: entry.index
+                }, () => [
+                  createTextVNode(toDisplayString(entry.item.caption), 1)
+                ])
+              ], 40, _hoisted_3$3);
+            }), 128))
+          ], 64);
+        }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+      ], 16);
+    };
+  }
+});
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "Tag",
+  props: {
+    variant: { default: void 0 },
+    size: { default: void 0 },
+    closable: { type: Boolean, default: void 0 },
+    icon: { default: void 0 },
+    selected: { type: Boolean },
+    disabled: { type: Boolean },
+    value: {}
+  },
+  emits: ["close", "update:selected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleTagClick = (event) => {
+      if (props.closable) {
+        emit("close");
+      } else if (props.variant === "selectable" && event.detail) {
+        emit("update:selected", event.detail.selected);
+      }
+    };
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-tag", mergeProps({
+        ...props,
+        variant: props.closable ? "removable" : props.variant,
+        closable: void 0
+      }, { onBlTagClick: handleTagClick }), [
+        _ctx.$slots["icon"] ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$a = { class: "file-upload" };
+const _hoisted_2$7 = {
+  key: 0,
+  class: "file-upload-label"
+};
+const _hoisted_3$2 = ["accept", "multiple", "disabled"];
+const _hoisted_4$2 = { class: "file-upload-content" };
+const _hoisted_5$1 = { class: "file-upload-text" };
+const _hoisted_6$1 = {
+  key: 1,
+  class: "file-upload-help"
+};
+const _hoisted_7$1 = {
+  key: 2,
+  class: "file-upload-invalid"
+};
+const _hoisted_8$1 = {
+  key: 3,
+  class: "file-upload-list"
+};
+const _hoisted_9$1 = {
+  key: 0,
+  class: "file-upload-preview"
+};
+const _hoisted_10$1 = ["src", "alt"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "FileUpload",
+  props: {
+    modelValue: { default: void 0 },
+    multiple: { type: Boolean, default: false },
+    accept: { default: void 0 },
+    maxSize: { default: void 0 },
+    minSize: { default: void 0 },
+    maxFiles: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    label: { default: void 0 },
+    helpText: { default: void 0 },
+    invalidText: { default: void 0 },
+    showPreview: { type: Boolean, default: false },
+    size: { default: "medium" }
+  },
+  emits: ["update:modelValue", "invalid", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputRef = ref(null);
+    const isDragging = ref(false);
+    const previewUrls = ref(/* @__PURE__ */ new Map());
+    const filesList = computed(() => {
+      const v = props.modelValue;
+      if (!v) return [];
+      return Array.isArray(v) ? [...v] : [v];
+    });
+    function matchesAccept(file) {
+      var _a;
+      if (!props.accept) return true;
+      const rules = props.accept.split(",").map((r) => r.trim());
+      const ext = ((_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase()) ?? "";
+      for (const rule of rules) {
+        if (rule.startsWith(".")) {
+          if (ext === rule.slice(1).toLowerCase()) return true;
+        } else {
+          const mime = file.type;
+          if (rule.endsWith("/*")) {
+            const base = rule.slice(0, -1);
+            if (mime.startsWith(base)) return true;
+          } else if (mime === rule) {
+            return true;
+          }
+        }
+      }
+      return false;
+    }
+    function validateFiles(incoming, existingCount) {
+      const invalid = [];
+      const maxFiles = props.maxFiles ?? Infinity;
+      let validAdded = 0;
+      for (const file of incoming) {
+        if (!matchesAccept(file)) {
+          invalid.push({ file, reason: "type" });
+          continue;
+        }
+        if (props.maxSize !== void 0 && file.size > props.maxSize) {
+          invalid.push({ file, reason: "size" });
+          continue;
+        }
+        if (props.minSize !== void 0 && file.size < props.minSize) {
+          invalid.push({ file, reason: "size" });
+          continue;
+        }
+        if (props.multiple && existingCount + validAdded >= maxFiles) {
+          invalid.push({ file, reason: "count" });
+          continue;
+        }
+        validAdded++;
+      }
+      return invalid;
+    }
+    function processFiles(newFiles) {
+      const valid = [];
+      const invalid = validateFiles(newFiles, filesList.value.length);
+      for (const f of newFiles) {
+        const entry = invalid.find((e) => e.file === f);
+        if (!entry) valid.push(f);
+      }
+      if (invalid.length > 0) {
+        emit("invalid", invalid);
+      }
+      if (valid.length > 0) {
+        const combined = props.multiple ? [...filesList.value, ...valid] : [valid[0]];
+        const out = props.multiple ? combined : combined[0];
+        emit("update:modelValue", out);
+        emit("change", combined);
+      }
+    }
+    function handleInputChange(e) {
+      const input = e.target;
+      const files = input.files ? Array.from(input.files) : [];
+      processFiles(files);
+      input.value = "";
+    }
+    function handleDrop(e) {
+      var _a;
+      e.preventDefault();
+      isDragging.value = false;
+      if (props.disabled) return;
+      const files = ((_a = e.dataTransfer) == null ? void 0 : _a.files) ? Array.from(e.dataTransfer.files) : [];
+      processFiles(files);
+    }
+    function handleDragOver(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      if (props.disabled) return;
+      isDragging.value = true;
+    }
+    function handleDragLeave() {
+      isDragging.value = false;
+    }
+    function openFilePicker() {
+      var _a;
+      if (props.disabled) return;
+      (_a = inputRef.value) == null ? void 0 : _a.click();
+    }
+    function removeFile(index) {
+      const list = [...filesList.value];
+      const removed = list[index];
+      list.splice(index, 1);
+      if (props.showPreview && removed && removed.type.startsWith("image/")) {
+        const url = previewUrls.value.get(removed);
+        if (url) URL.revokeObjectURL(url);
+        previewUrls.value.delete(removed);
+      }
+      const out = props.multiple ? list : list[0] ?? null;
+      emit("update:modelValue", out);
+      emit("change", list);
+    }
+    function getPreviewUrl(file) {
+      if (!file.type.startsWith("image/")) return "";
+      let url = previewUrls.value.get(file);
+      if (!url) {
+        url = URL.createObjectURL(file);
+        previewUrls.value.set(file, url);
+      }
+      return url;
+    }
+    watch(
+      filesList,
+      (files) => {
+        const toRevoke = new Set(previewUrls.value.keys());
+        for (const f of files) {
+          toRevoke.delete(f);
+        }
+        for (const f of toRevoke) {
+          const url = previewUrls.value.get(f);
+          if (url) URL.revokeObjectURL(url);
+          previewUrls.value.delete(f);
+        }
+      },
+      { deep: true }
+    );
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    onBeforeUnmount(() => {
+      for (const url of previewUrls.value.values()) {
+        URL.revokeObjectURL(url);
+      }
+      previewUrls.value.clear();
+    });
+    const zoneSizeClass = computed(() => `file-upload-zone--${props.size}`);
+    const hasError = computed(() => !!props.invalidText);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$7, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["file-upload-zone", [
+            zoneSizeClass.value,
+            {
+              "file-upload-zone--dragging": isDragging.value,
+              "file-upload-zone--disabled": __props.disabled,
+              "file-upload-zone--invalid": hasError.value
+            }
+          ]]),
+          onClick: _cache[0] || (_cache[0] = (e) => e.target !== inputRef.value && openFilePicker()),
+          onDrop: handleDrop,
+          onDragover: handleDragOver,
+          onDragleave: handleDragLeave
+        }, [
+          createElementVNode("input", {
+            ref_key: "inputRef",
+            ref: inputRef,
+            type: "file",
+            class: "file-upload-input",
+            accept: __props.accept,
+            multiple: __props.multiple,
+            disabled: __props.disabled,
+            onChange: handleInputChange
+          }, null, 40, _hoisted_3$2),
+          createElementVNode("div", _hoisted_4$2, [
+            createVNode(_sfc_main$q, {
+              name: "upload",
+              size: "24px",
+              class: "file-upload-icon"
+            }),
+            createElementVNode("span", _hoisted_5$1, [
+              renderSlot(_ctx.$slots, "hint", {}, void 0, true)
+            ])
+          ])
+        ], 34),
+        __props.helpText && !hasError.value ? (openBlock(), createElementBlock("p", _hoisted_6$1, toDisplayString(__props.helpText), 1)) : createCommentVNode("", true),
+        __props.invalidText ? (openBlock(), createElementBlock("p", _hoisted_7$1, toDisplayString(__props.invalidText), 1)) : createCommentVNode("", true),
+        filesList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(filesList.value, (file, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: `${file.name}-${file.size}-${index}`,
+              class: "file-upload-item"
+            }, [
+              __props.showPreview && file.type.startsWith("image/") ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+                createElementVNode("img", {
+                  src: getPreviewUrl(file),
+                  alt: file.name,
+                  class: "file-upload-thumb"
+                }, null, 8, _hoisted_10$1)
+              ])) : createCommentVNode("", true),
+              createVNode(_sfc_main$h, {
+                closable: "",
+                size: "small",
+                class: "file-upload-tag",
+                onClose: ($event) => removeFile(index)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(file.name) + " (" + toDisplayString((file.size / 1024).toFixed(1)) + " KB) ", 1)
+                ]),
+                _: 2
+              }, 1032, ["onClose"])
+            ]);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-c3918f05"]]);
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "Skeleton",
+  props: {
+    variant: { default: "rectangle" },
+    width: { default: void 0 },
+    height: { default: void 0 },
+    count: { default: 1 }
+  },
+  setup(__props) {
+    const props = __props;
+    const effectiveWidth = computed(() => {
+      if (props.width) return props.width;
+      if (props.variant === "circle") return "40px";
+      return "100%";
+    });
+    const effectiveHeight = computed(() => {
+      if (props.height) return props.height;
+      if (props.variant === "circle") return "40px";
+      return "1rem";
+    });
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["skeleton-wrapper", `skeleton-wrapper--${props.variant}`]),
+        role: "status",
+        "aria-label": "Loading"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.count, (n) => {
+          return openBlock(), createElementBlock("div", {
+            key: n,
+            class: normalizeClass(["skeleton", ["skeleton--" + props.variant]]),
+            style: normalizeStyle({
+              width: effectiveWidth.value,
+              height: effectiveHeight.value
+            })
+          }, null, 6);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+const BvSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5f0aecb7"]]);
+const _hoisted_1$9 = {
+  key: 0,
+  class: "image-placeholder"
+};
+const _hoisted_2$6 = ["src", "alt", "loading", "srcset", "sizes"];
+const _hoisted_3$1 = {
+  key: 1,
+  class: "image-fallback"
+};
+const _hoisted_4$1 = ["aria-label"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "Image",
+  props: {
+    src: {},
+    alt: {},
+    width: {},
+    height: {},
+    loading: { default: "lazy" },
+    placeholder: { default: "skeleton" },
+    objectFit: { default: "cover" },
+    srcset: {},
+    sizes: {}
+  },
+  emits: ["load", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isLoading = ref(true);
+    const hasError = ref(false);
+    const showPlaceholder = computed(
+      () => isLoading.value && props.placeholder === "skeleton" && !hasError.value
+    );
+    const showImage = computed(() => !hasError.value);
+    const wrapperStyle = computed(() => ({
+      width: props.width ?? "100%",
+      height: props.height ?? "auto",
+      aspectRatio: !props.height && props.width ? "16 / 9" : void 0
+    }));
+    function onLoad(event) {
+      isLoading.value = false;
+      emit("load", event);
+    }
+    function onError(event) {
+      isLoading.value = false;
+      hasError.value = true;
+      emit("error", event);
+    }
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "image-wrapper",
+        style: normalizeStyle(wrapperStyle.value)
+      }, [
+        showPlaceholder.value ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+          renderSlot(_ctx.$slots, "placeholder", {}, () => [
+            createVNode(BvSkeleton, {
+              class: "image-skeleton",
+              width: "100%",
+              height: "100%",
+              variant: "rectangle"
+            })
+          ], true)
+        ])) : createCommentVNode("", true),
+        withDirectives(createElementVNode("img", {
+          src: __props.src,
+          alt: __props.alt,
+          loading: __props.loading,
+          srcset: __props.srcset,
+          sizes: __props.sizes,
+          class: "image-img",
+          style: normalizeStyle({ objectFit: __props.objectFit }),
+          onLoad,
+          onError
+        }, null, 44, _hoisted_2$6), [
+          [vShow, showImage.value]
+        ]),
+        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+          renderSlot(_ctx.$slots, "fallback", {}, () => [
+            createElementVNode("div", {
+              class: "image-fallback-default",
+              role: "img",
+              "aria-label": __props.alt
+            }, " Failed to load image ", 8, _hoisted_4$1)
+          ], true)
+        ])) : createCommentVNode("", true)
+      ], 4);
+    };
+  }
+});
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-17dedfa2"]]);
+const _hoisted_1$8 = ["value"];
+const _hoisted_2$5 = {
+  key: 0,
+  slot: "icon"
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "Input",
+  props: {
+    modelValue: { default: void 0 },
+    name: { default: void 0 },
+    type: { default: "text" },
+    label: { default: void 0 },
+    placeholder: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    minlength: { default: void 0 },
+    maxlength: { default: void 0 },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    pattern: { default: void 0 },
+    step: { default: void 0 },
+    autocomplete: { default: void 0 },
+    inputmode: { default: void 0 },
+    autofocus: { type: Boolean, default: void 0 },
+    icon: { default: void 0 },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: void 0 },
+    labelFixed: { type: Boolean, default: true },
+    invalidText: { default: void 0 },
+    helpText: { default: void 0 },
+    loading: { type: Boolean, default: void 0 },
+    suffixText: { default: void 0 }
+  },
+  emits: ["update:modelValue", "invalid", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const showPicker = ({ currentTarget }) => currentTarget == null ? void 0 : currentTarget.showPicker();
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-input", mergeProps({
+        ...props,
+        "label-fixed": props.labelFixed === true ? true : void 0,
+        "help-text": props.helpText ? props.helpText : void 0,
+        "invalid-text": props.invalidText ? props.invalidText : void 0,
+        loading: props.loading ? props.loading : void 0,
+        placeholder: props.placeholder ? props.placeholder : props.label
+      }, {
+        value: props.modelValue,
+        onBlInput: _cache[0] || (_cache[0] = ($event) => {
+          var _a;
+          return emit("update:modelValue", (_a = $event.target) == null ? void 0 : _a.value);
+        }),
+        onBlInvalid: _cache[1] || (_cache[1] = ($event) => emit("invalid", $event)),
+        onFocus: _cache[2] || (_cache[2] = ($event) => emit("focus", $event)),
+        onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event)),
+        onClick: showPicker
+      }), [
+        props.suffixText ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(props.suffixText), 1)) : createCommentVNode("", true)
+      ], 16, _hoisted_1$8);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "Notification",
+  props: {
+    duration: { default: 7 },
+    noAnimation: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-notification", normalizeProps(guardReactiveProps(props)), null, 16);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "Pagination",
+  props: {
+    currentPage: { default: void 0 },
+    totalItems: { default: void 0 },
+    pageSize: { default: void 0 },
+    hasJumper: { type: Boolean, default: false },
+    jumperLabel: { default: void 0 },
+    hasSelect: { type: Boolean, default: false },
+    selectLabel: { default: void 0 },
+    itemsPerPageOptions: { default: void 0 }
+  },
+  emits: ["update:currentPage", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleChange = (event) => {
+      emit("change", event);
+      const detail = event.detail;
+      const page = detail == null ? void 0 : detail.selectedPage;
+      if (page !== void 0) {
+        emit("update:currentPage", page);
+      }
+    };
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-pagination", mergeProps({
+        "current-page": props.currentPage,
+        "total-items": props.totalItems,
+        "items-per-page": props.pageSize,
+        "has-jumper": props.hasJumper === true ? true : void 0,
+        "jumper-label": props.jumperLabel,
+        "has-select": props.hasSelect === true ? true : void 0,
+        "select-label": props.selectLabel,
+        "items-per-page-options": props.itemsPerPageOptions
+      }, { onBlChange: handleChange }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$7 = ["value", "required", "label"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "Radio",
+  props: {
+    modelValue: { default: void 0 },
+    value: { default: void 0 },
+    name: { default: void 0 },
+    label: { default: void 0 },
+    checked: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    items: { default: void 0 }
+  },
+  emits: ["update:modelValue", "update:checked", "change", "input"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isGroupMode = computed(
+      () => props.items !== void 0 && Array.isArray(props.items)
+    );
+    const groupValue = computed(() => {
+      const val = props.modelValue;
+      if (val === void 0 || val === null) return "";
+      return String(val);
+    });
+    const computedChecked = computed(() => {
+      if (props.checked === true || props.checked === false) {
+        return props.checked;
+      }
+      if (props.modelValue !== void 0 && props.value !== void 0) {
+        return String(props.modelValue) === String(props.value);
+      }
+      return void 0;
+    });
+    const handleSingleChange = (event) => {
+      emit("change", event);
+      const target = event.target;
+      const checked = target == null ? void 0 : target.checked;
+      if (checked === true && props.value !== void 0) {
+        emit("update:modelValue", props.value);
+      }
+      if (checked === true || checked === false) {
+        emit("update:checked", checked);
+      }
+    };
+    const handleGroupChange = (event) => {
+      var _a;
+      emit("change", event);
+      const detail = event.detail;
+      if (detail === void 0 || detail === "") return;
+      const item = (_a = props.items) == null ? void 0 : _a.find(
+        (i) => String(i.value) === String(detail)
+      );
+      const newValue = item !== void 0 ? item.value : detail;
+      emit("update:modelValue", newValue);
+    };
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return isGroupMode.value ? (openBlock(), createElementBlock("bl-radio-group", {
+        key: 0,
+        value: groupValue.value,
+        required: props.required === true ? true : void 0,
+        label: props.label,
+        onBlRadioChange: handleGroupChange
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, index) => {
+          return openBlock(), createElementBlock("bl-radio", mergeProps({
+            key: String(item.value)
+          }, { ref_for: true }, {
+            value: String(item.value),
+            disabled: item.disabled === true ? true : void 0,
+            name: item.name ?? props.name
+          }), [
+            renderSlot(_ctx.$slots, "item", {
+              item,
+              index
+            }, () => [
+              createTextVNode(toDisplayString(item.label), 1)
+            ])
+          ], 16);
+        }), 128))
+      ], 40, _hoisted_1$7)) : (openBlock(), createElementBlock("bl-radio", mergeProps({ key: 1 }, {
+        value: props.value !== void 0 ? String(props.value) : void 0,
+        name: props.name,
+        disabled: props.disabled === true ? true : void 0,
+        required: props.required === true ? true : void 0,
+        checked: computedChecked.value === true ? true : computedChecked.value === false ? false : void 0
+      }, {
+        onBlChange: handleSingleChange,
+        onBlInput: _cache[0] || (_cache[0] = ($event) => emit("input", $event))
+      }), [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.label), 1)
+        ])
+      ], 16));
+    };
+  }
+});
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "ScrollToTop",
+  props: {
+    threshold: { default: 300 },
+    position: { default: "bottom-right" },
+    label: { default: "Scroll to top" },
+    size: { default: "medium" },
+    variant: { default: "primary" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isVisible = ref(false);
+    let rafId = null;
+    const checkVisibility = () => {
+      isVisible.value = window.scrollY > props.threshold;
+    };
+    const handleScroll = () => {
+      if (rafId !== null) return;
+      rafId = requestAnimationFrame(() => {
+        checkVisibility();
+        rafId = null;
+      });
+    };
+    const scrollToTop = () => {
+      window.scrollTo({ top: 0, behavior: "smooth" });
+      emit("click");
+    };
+    const positionClasses = {
+      "bottom-right": "scroll-to-top--bottom-right",
+      "bottom-left": "scroll-to-top--bottom-left",
+      "top-right": "scroll-to-top--top-right",
+      "top-left": "scroll-to-top--top-left"
+    };
+    onMounted(() => {
+      loadBaklavaResources();
+      checkVisibility();
+      window.addEventListener("scroll", handleScroll, { passive: true });
+    });
+    onUnmounted(() => {
+      window.removeEventListener("scroll", handleScroll);
+      if (rafId !== null) cancelAnimationFrame(rafId);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, { name: "scroll-to-top-fade" }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            class: normalizeClass(["scroll-to-top", positionClasses[__props.position]]),
+            role: "complementary",
+            "aria-label": "Scroll to top"
+          }, [
+            createVNode(_sfc_main$r, {
+              variant: __props.variant,
+              size: __props.size,
+              label: __props.label,
+              icon: "arrow_up",
+              onClick: scrollToTop
+            }, {
+              default: withCtx(() => [..._cache[0] || (_cache[0] = [])]),
+              _: 1
+            }, 8, ["variant", "size", "label"])
+          ], 2), [
+            [vShow, isVisible.value]
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const ScrollToTop = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bd8f6b00"]]);
+const _hoisted_1$6 = ["value"];
+const _hoisted_2$4 = ["value", "disabled"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "Select",
+  props: {
+    modelValue: { default: void 0 },
+    options: { default: void 0 },
+    label: { default: void 0 },
+    placeholder: { default: void 0 },
+    name: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    multiple: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    clearable: { type: Boolean, default: void 0 },
+    helpText: { default: void 0 },
+    customInvalidText: { default: void 0 },
+    searchBar: { type: Boolean, default: void 0 },
+    searchBarPlaceholder: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change", "input"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleChange = (event) => {
+      emit("change", event);
+      const target = event.target;
+      emit("update:modelValue", (target == null ? void 0 : target.value) ?? null);
+    };
+    const selectProps = computed(() => {
+      const { modelValue: _, options: __, ...rest } = props;
+      return {
+        ...rest,
+        disabled: rest.disabled === true ? true : void 0,
+        multiple: rest.multiple === true ? true : void 0,
+        "help-text": rest.helpText ?? void 0,
+        "invalid-text": rest.customInvalidText ?? void 0,
+        "search-bar": rest.searchBar === true ? true : void 0,
+        "search-bar-placeholder": rest.searchBarPlaceholder ?? void 0
+      };
+    });
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-select", mergeProps(selectProps.value, {
+        value: props.modelValue,
+        onBlChange: handleChange,
+        onBlInput: _cache[0] || (_cache[0] = ($event) => emit("input", $event))
+      }), [
+        __props.options ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.options, (option) => {
+          return openBlock(), createElementBlock("bl-select-option", {
+            key: option.value,
+            value: option.value,
+            disabled: option.disabled
+          }, toDisplayString(option.label), 9, _hoisted_2$4);
+        }), 128)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1$6);
+    };
+  }
+});
+const _hoisted_1$5 = ["aria-label"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "Spinner",
+  props: {
+    size: { default: void 0 },
+    variant: { default: void 0 },
+    label: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const spinnerProps = computed(() => {
+      const { label: _, ...rest } = props;
+      return rest;
+    });
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-spinner", mergeProps(spinnerProps.value, { "aria-label": __props.label }), null, 16, _hoisted_1$5);
+    };
+  }
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "SplitButton",
+  props: {
+    variant: {},
+    size: {},
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    label: {},
+    icon: {}
+  },
+  emits: ["click", "dropdown-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-split-button", mergeProps({
+        variant: props.variant,
+        size: props.size,
+        disabled: props.disabled === true ? true : void 0,
+        loading: props.loading === true ? true : void 0,
+        label: props.label,
+        icon: props.icon
+      }, {
+        onBlClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event)),
+        onBlDropdownClick: _cache[1] || (_cache[1] = ($event) => emit("dropdown-click", $event))
+      }), [
+        _ctx.$slots["dropdown-content"] ? renderSlot(_ctx.$slots, "dropdown-content", { key: 0 }) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$4 = ["direction"];
+const _hoisted_2$3 = ["id", "title", "description", "variant", "disabled"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "Stepper",
+  props: {
+    currentStep: { default: void 0 },
+    steps: { default: void 0 },
+    orientation: { default: void 0 },
+    showLabels: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:currentStep", "step-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const getStepVariant = (index) => {
+      var _a;
+      const current = props.currentStep ?? 0;
+      const step = (_a = props.steps) == null ? void 0 : _a[index];
+      if (step == null ? void 0 : step.error) return "error";
+      if (index < current) return "success";
+      if (index === current) return "active";
+      return "default";
+    };
+    const handleStepChange = (event) => {
+      var _a;
+      emit("step-change", event);
+      const step = (_a = event.detail) == null ? void 0 : _a.activeStep;
+      if (step !== void 0) emit("update:currentStep", step);
+    };
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-stepper", {
+        direction: __props.orientation ?? "horizontal",
+        onBlStepperChange: handleStepChange
+      }, [
+        __props.steps ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.steps, (step, index) => {
+          return openBlock(), createElementBlock("bl-stepper-item", {
+            key: index,
+            id: `step-${index}`,
+            title: __props.showLabels !== false ? step.label : "",
+            description: __props.showLabels !== false && step.description ? step.description : "",
+            variant: getStepVariant(index),
+            disabled: step.disabled
+          }, null, 8, _hoisted_2$3);
+        }), 128)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 40, _hoisted_1$4);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "Switch",
+  props: {
+    checked: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    label: { default: void 0 },
+    size: { default: void 0 }
+  },
+  emits: ["update:checked", "change", "input"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-switch", mergeProps({
+        ...props,
+        checked: props.checked === true ? true : props.checked === false ? false : void 0,
+        disabled: props.disabled === true ? true : void 0
+      }, {
+        onBlSwitchToggle: _cache[0] || (_cache[0] = ($event) => {
+          emit("change", $event);
+          emit("update:checked", $event.detail);
+        })
+      }), [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.label), 1)
+        ])
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$3 = ["name", "caption", "disabled", "selected"];
+const _hoisted_2$2 = ["tab"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Tab",
+  props: {
+    activeTab: { default: void 0 },
+    tabs: { default: void 0 },
+    variant: { default: void 0 },
+    orientation: { default: void 0 }
+  },
+  emits: ["update:activeTab", "tab-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleTabChange = (event) => {
+      emit("tab-change", event);
+      const tab = event.detail;
+      if (tab !== void 0) emit("update:activeTab", tab);
+    };
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-tab-group", { onBlTabSelected: handleTabChange }, [
+        __props.tabs ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+            return openBlock(), createElementBlock("bl-tab", {
+              key: tab.value,
+              slot: "tabs",
+              name: tab.value,
+              caption: tab.label,
+              disabled: tab.disabled,
+              selected: props.activeTab === tab.value
+            }, toDisplayString(tab.label), 9, _hoisted_1$3);
+          }), 128)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+            return openBlock(), createElementBlock("bl-tab-panel", {
+              key: `panel-${tab.value}`,
+              tab: tab.value
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 8, _hoisted_2$2);
+          }), 128))
+        ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+      ], 32);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "table" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "header"
+};
+const _hoisted_3 = { class: "--title" };
+const _hoisted_4 = { class: "table-content" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { class: "loading-state" };
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { class: "empty-state" };
+const _hoisted_9 = ["sticky"];
+const _hoisted_10 = ["sort-key"];
+const _hoisted_11 = ["selection-key"];
+const _hoisted_12 = {
+  key: 1,
+  class: "pagination-wrapper"
+};
+const _hoisted_13 = ["current-page", "total-items", "items-per-page", "has-jumper", "has-select", "jumper-label", "select-label", "items-per-page-options"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "Table",
+  props: {
+    title: { type: String, default: void 0 },
+    headerOptions: {
+      type: Object,
+      default: void 0
+    },
+    data: { type: Array, default: () => [] },
+    columns: { type: Array, default: void 0 },
+    sortable: { type: Boolean, default: void 0 },
+    selectable: { type: Boolean, default: void 0 },
+    multiple: { type: Boolean, default: void 0 },
+    selected: {
+      type: Array,
+      default: void 0
+    },
+    sortKey: { type: String, default: void 0 },
+    sortDirection: { type: String, default: void 0 },
+    stickyFirstColumn: { type: Boolean, default: void 0 },
+    stickyLastColumn: { type: Boolean, default: void 0 },
+    isLoading: { type: Boolean, default: void 0 },
+    pagination: {
+      type: Object,
+      default: void 0
+    },
+    loadingText: { type: String, default: "Loading..." }
+  },
+  emits: ["row-click", "sort", "select", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedIdsAsStrings = computed(() => {
+      const s = props.selected;
+      if (s == null || !Array.isArray(s)) return [];
+      return s.map((id) => String(id));
+    });
+    const getColumnLabel = (col) => col.name ?? col.label ?? col.key;
+    const getRowKey = (row, index) => row.id != null ? String(row.id) : String(index);
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        props.title ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          createElementVNode("span", _hoisted_3, toDisplayString(props.title), 1),
+          renderSlot(_ctx.$slots, "header-actions", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          props.isLoading ? (openBlock(), createElementBlock("bl-table", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createVNode(_sfc_main$7),
+              createElementVNode("span", null, toDisplayString(props.loadingText), 1)
+            ])
+          ])) : !((_a = props.data) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("bl-table", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, [
+              renderSlot(_ctx.$slots, "empty-state", {}, void 0, true)
+            ])
+          ])) : (openBlock(), createElementBlock("bl-table", mergeProps({ key: 2 }, {
+            sortable: props.sortable === true ? true : void 0,
+            selectable: props.selectable === true ? true : void 0,
+            multiple: props.multiple === true ? true : void 0,
+            ...props.selectable && { selected: selectedIdsAsStrings.value },
+            sortKey: props.sortKey,
+            sortDirection: props.sortDirection,
+            stickyFirstColumn: props.stickyFirstColumn,
+            stickyLastColumn: props.stickyLastColumn
+          }, {
+            onBlSort: _cache[0] || (_cache[0] = ($event) => emit("sort", $event)),
+            onBlRowSelect: _cache[1] || (_cache[1] = ($event) => emit("select", $event))
+          }), [
+            createElementVNode("bl-table-header", {
+              sticky: (_b = props.headerOptions) == null ? void 0 : _b.sticky
+            }, [
+              createElementVNode("bl-table-row", null, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (column) => {
+                  var _a2;
+                  return openBlock(), createElementBlock("bl-table-header-cell", {
+                    key: column.key,
+                    "sort-key": props.sortable && column.sortable !== false ? column.key : void 0,
+                    style: normalizeStyle({
+                      "--bl-table-header-cell-min-width": ((_a2 = props.headerOptions) == null ? void 0 : _a2.minCellWidth) || "100px"
+                    })
+                  }, toDisplayString(getColumnLabel(column)), 13, _hoisted_10);
+                }), 128))
+              ])
+            ], 8, _hoisted_9),
+            createElementVNode("bl-table-body", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (row, index) => {
+                return openBlock(), createElementBlock("bl-table-row", {
+                  key: getRowKey(row, index),
+                  "selection-key": props.selectable ? getRowKey(row, index) : void 0
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (column) => {
+                    return openBlock(), createElementBlock("bl-table-cell", {
+                      key: column.key
+                    }, [
+                      renderSlot(_ctx.$slots, column.key, {
+                        row,
+                        value: row[column.key]
+                      }, () => [
+                        createTextVNode(toDisplayString(row[column.key]), 1)
+                      ], true)
+                    ]);
+                  }), 128))
+                ], 8, _hoisted_11);
+              }), 128))
+            ])
+          ], 16))
+        ]),
+        props.pagination ? (openBlock(), createElementBlock("div", _hoisted_12, [
+          createElementVNode("bl-pagination", {
+            "current-page": props.pagination.currentPage,
+            "total-items": props.pagination.totalItems,
+            "items-per-page": props.pagination.itemsPerPage,
+            "has-jumper": props.pagination.hasJumper ?? void 0,
+            "has-select": props.pagination.hasSelect ?? void 0,
+            "jumper-label": props.pagination.jumperLabel ?? "Go to page",
+            "select-label": props.pagination.selectLabel ?? "Items per page",
+            "items-per-page-options": props.pagination.itemsPerPageOptions,
+            onBlChange: _cache[2] || (_cache[2] = ($event) => emit("change", $event))
+          }, null, 40, _hoisted_13)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-63753cd2"]]);
+const _hoisted_1$1 = ["value"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Textarea",
+  props: {
+    modelValue: { default: void 0 },
+    label: { default: void 0 },
+    placeholder: { default: void 0 },
+    rows: { default: void 0 },
+    maxlength: { default: void 0 },
+    minlength: {},
+    disabled: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean },
+    helpText: {},
+    invalidText: {},
+    characterCounter: { type: Boolean },
+    expand: { type: Boolean },
+    maxRows: {},
+    size: {},
+    name: {}
+  },
+  emits: ["update:modelValue", "input", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("bl-textarea", mergeProps({
+        ...props,
+        disabled: props.disabled === true ? true : void 0,
+        required: props.required === true ? true : void 0
+      }, {
+        value: props.modelValue,
+        onBlInput: _cache[0] || (_cache[0] = ($event) => {
+          var _a;
+          emit("input", $event);
+          emit("update:modelValue", ((_a = $event.target) == null ? void 0 : _a.value) || null);
+        }),
+        onBlChange: _cache[1] || (_cache[1] = ($event) => emit("change", $event))
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1$1);
+    };
+  }
+});
+const _hoisted_1 = { slot: "tooltip-trigger" };
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Tooltip",
+  props: {
+    content: { default: void 0 },
+    placement: { default: void 0 },
+    target: {},
+    trigger: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    delay: { default: void 0 }
+  },
+  emits: ["show", "hide"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tooltipProps = computed(() => {
+      const bind = {};
+      if (props.placement !== void 0) bind.placement = props.placement;
+      if (props.target !== void 0) bind.target = props.target;
+      return bind;
+    });
+    onMounted(() => {
+      loadBaklavaResources();
+    });
+    return (_ctx, _cache) => {
+      return !props.disabled ? (openBlock(), createElementBlock("bl-tooltip", mergeProps({ key: 0 }, tooltipProps.value, {
+        onBlTooltipShow: _cache[0] || (_cache[0] = ($event) => emit("show")),
+        onBlTooltipHide: _cache[1] || (_cache[1] = ($event) => emit("hide"))
+      }), [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _ctx.$slots["content"] ? renderSlot(_ctx.$slots, "content", { key: 0 }) : __props.content ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.content), 1)) : createCommentVNode("", true)
+      ], 16)) : renderSlot(_ctx.$slots, "default", { key: 1 });
+    };
+  }
+});
+export {
+  _sfc_main$u as BvAccordion,
+  _sfc_main$t as BvAlert,
+  _sfc_main$s as BvBadge,
+  Banner as BvBanner,
+  _sfc_main$r as BvButton,
+  _sfc_main$n as BvCheckbox,
+  Chip as BvChip,
+  _sfc_main$l as BvDatepicker,
+  _sfc_main$k as BvDialog,
+  _sfc_main$j as BvDrawer,
+  _sfc_main$i as BvDropdown,
+  FileUpload as BvFileUpload,
+  _sfc_main$q as BvIcon,
+  Image as BvImage,
+  _sfc_main$d as BvInput,
+  BvLink,
+  _sfc_main$c as BvNotification,
+  _sfc_main$b as BvPagination,
+  _sfc_main$a as BvRadio,
+  ScrollToTop as BvScrollToTop,
+  _sfc_main$8 as BvSelect,
+  BvSkeleton,
+  _sfc_main$7 as BvSpinner,
+  _sfc_main$6 as BvSplitButton,
+  _sfc_main$5 as BvStepper,
+  _sfc_main$4 as BvSwitch,
+  _sfc_main$3 as BvTab,
+  Table as BvTable,
+  _sfc_main$h as BvTag,
+  _sfc_main$1 as BvTextarea,
+  _sfc_main as BvTooltip,
+  loadBaklavaResources
+};
+//# sourceMappingURL=index.js.map