@wikicasa-dev/components 2.0.3 → 2.0.5-0.alpha-0

package/dist/components/IntersectionObserver/IntersectionObservable.vue.d.ts

@@ -1,4 +1,9 @@
+type __VLS_Props = {
+    observer?: IntersectionObserver | null;
+    isVisible?: boolean;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
         default?(_: {}): any;
@@ -6,19 +11,15 @@ declare function __VLS_template(): {
     refs: {
         root: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    observer?: IntersectionObserver | null;
-    isVisible?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    observer?: IntersectionObserver | null;
-    isVisible?: boolean;
-}> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     observer: IntersectionObserver | null;
     isVisible: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/IntersectionObserver/IntersectionObserver.vue.d.ts

@@ -4,6 +4,7 @@ interface IntersectionObserverProps {
     threshold?: number;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         observer?(_: {
             observer: {
@@ -33,7 +34,7 @@ declare function __VLS_template(): {
     refs: {
         root: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IntersectionObserverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -44,7 +45,9 @@ declare const __VLS_component: import('vue').DefineComponent<IntersectionObserve
     threshold: number;
     observeOnce: boolean;
     skip: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/carousel/SwiperCarousel.vue.d.ts

@@ -1,7 +1,7 @@
 import { Image } from '@wikicasa-dev/types';
 import { SwiperOptions } from 'swiper/types';
-interface SwiperCarouselProps {
-    id: string;
+type SwiperCarouselProps = {
+    id?: string;
     swiperOptions: SwiperOptions;
     thumbSwiperOptions?: SwiperOptions;
     lazyLoadImages?: boolean;
@@ -12,8 +12,9 @@ interface SwiperCarouselProps {
         width: string;
     }>;
     shiftFirstImage?: boolean;
-}
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
         last_slide?(_: {}): any;
@@ -22,7 +23,7 @@ declare function __VLS_template(): {
         root: HTMLDivElement;
         swiperWrapper: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps, {
@@ -39,11 +40,10 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
         activeIndex: number;
     }) => any) | undefined;
     onFirstSlideLoaded?: (() => any) | undefined;
-}>, {
-    lazyLoadImages: boolean;
-    backgroundImage: boolean;
-    shiftFirstImage: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+    swiperWrapper: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/carousel/SwiperSlide.vue.d.ts

@@ -1,12 +1,13 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/index.d.ts

@@ -34,6 +34,7 @@ import { default as BaseShimmerLoader } from './UIKit/ShimmerLoader/BaseShimmerL
 import { default as ShimmerMultiLine } from './UIKit/ShimmerLoader/ShimmerMultiLine.vue';
 import { default as DoughnutChart } from './chart/DoughnutChart.vue';
 import { default as LineChart } from './chart/LineChart.vue';
+import { default as SimpleSlider } from './UIKit/Slider/SimpleSlider.vue';
 import { default as IntersectionObservable } from './components/IntersectionObserver/IntersectionObservable.vue';
 import { default as IntersectionObserver } from './components/IntersectionObserver/IntersectionObserver.vue';
 import { default as SwiperCarousel } from './components/carousel/SwiperCarousel.vue';
@@ -41,4 +42,4 @@ import { default as SwiperSlide } from './components/carousel/SwiperSlide.vue';
 import { default as BaseBreadcrumb } from './UIKit/BaseBreadcrumb.vue';
 export * from './UIKit/types';
 export type { ChartOptions, ChartData } from 'chart.js';
-export { DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, BaseModal, BaseSnackbar, BaseTabView, BaseShimmerLoader, ShimmerMultiLine, StaticSpinner, BaseBreadcrumb, };
+export { DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, BaseModal, BaseSnackbar, BaseTabView, BaseShimmerLoader, ShimmerMultiLine, StaticSpinner, BaseBreadcrumb, SimpleSlider, };

package/dist/index.js

@@ -1,44 +1,45 @@
-import { _ as r } from "./chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.R7qkuKlw.js";
-import { _ as t } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DsDqk9iP.js";
-import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.C0aiiljz.js";
-import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Caagpb9M.js";
-import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
+import { _ as r } from "./chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.C34SZThb.js";
+import { _ as t } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.APN3hif2.js";
+import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.Dn4qNu2R.js";
+import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Dpjir3yq.js";
+import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.Drq_K7Vx.js";
 import { default as d } from "./CheckboxBtn.js";
-import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js";
+import { _ as u } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.CAO5UUO3.js";
 import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
-import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DGeL_YSc.js";
-import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
-import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
-import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.YIp2u7gd.js";
-import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CwGssIPe.js";
-import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
-import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
+import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CUgJNst9.js";
+import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js";
+import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.CpsMf2PN.js";
+import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.aBS46udY.js";
+import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.DUWb9d9_.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.C64T2OK4.js";
+import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.D2PAy8_x.js";
+import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.ChUdDzP1.js";
 import { default as O } from "./BaseCard.js";
 import { default as R } from "./BaseComplexToggle.js";
-import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.H0XcZCcL.js";
+import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.DoEvtblv.js";
 import { default as q } from "./BaseFloatingLabel.js";
 import { default as z } from "./BaseIcon.js";
 import { default as H } from "./BaseInput.js";
-import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.DxPb8OYe.js";
+import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.D_X7MS6X.js";
 import { default as Q } from "./BasePaper.js";
 import { default as X } from "./BaseSlider.js";
 import { default as Z } from "./BaseTextarea.js";
 import { default as ee } from "./BaseToggle.js";
 import { default as re } from "./BaseTooltip.js";
-import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
-import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js";
+import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.Cgu0FMFv.js";
+import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Cy2ThBHM.js";
 import { default as me } from "./BaseSnackbar.js";
 import { default as le } from "./StaticSpinner.js";
 import { default as de } from "./BaseShimmerLoader.js";
-import { _ as ne } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DuLXZx8X.js";
-import { _ as _e } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
-import { _ as Se } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.CNkvmtfq.js";
-import { _ as ge } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
-import { _ as he } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
-import { S as Ie } from "./chunks/SwiperCarousel.DWUl3bgn.js";
-import { default as we } from "./SwiperSlide.js";
-import { _ as ke } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BH2c3gOe.js";
+import { _ as ue } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.CF7CkxXk.js";
+import { _ as _e } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.B8wxbJBV.js";
+import { _ as Se } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.CXNsFiyD.js";
+import { default as ge } from "./SimpleSlider.js";
+import { _ as he } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.DC17cx-h.js";
+import { _ as Ie } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BKewKDXG.js";
+import { S as we } from "./chunks/SwiperCarousel.ZIrIp4kV.js";
+import { default as ke } from "./SwiperSlide.js";
+import { _ as ve } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.DlSPjwQe.js";
 import './assets/index.css';export {
   I as AccessibleSelect,
   r as BaseAccordion,
@@ -48,7 +49,7 @@ import './assets/index.css';export {
   w as BaseAlert,
   k as BaseAutocomplete,
   v as BaseBadge,
-  ke as BaseBreadcrumb,
+  ve as BaseBreadcrumb,
   G as BaseButton,
   O as BaseCard,
   R as BaseComplexToggle,
@@ -69,16 +70,17 @@ import './assets/index.css';export {
   re as BaseTooltip,
   te as BaseUploadFile,
   d as CheckboxBtn,
-  n as CheckboxGroup,
+  u as CheckboxGroup,
   _e as DoughnutChart,
-  ge as IntersectionObservable,
-  he as IntersectionObserver,
+  he as IntersectionObservable,
+  Ie as IntersectionObserver,
   Se as LineChart,
   g as RadioButton,
   h as RadioGroup,
   l as SelectItem,
-  ne as ShimmerMultiLine,
+  ue as ShimmerMultiLine,
+  ge as SimpleSlider,
   le as StaticSpinner,
-  Ie as SwiperCarousel,
-  we as SwiperSlide
+  we as SwiperCarousel,
+  ke as SwiperSlide
 };

package/dist/useChartjsModules.js

@@ -15,7 +15,7 @@ const y = (t) => {
   }, p = async () => {
     if (!u.value) return;
     const [e, s] = await Promise.all([
-      //@ts-ignore
+      //@ts-expect-error Date-fns does not have a type definition
       import("chartjs-adapter-date-fns"),
       import("chart.js")
     ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.0.3",
+  "version": "2.0.50.alpha-0",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -29,40 +29,42 @@
   },
   "homepage": "https://bitbucket.org/wikicasa/wikicasa-fe#readme",
   "dependencies": {
-    "chart.js": "^4.4.6",
+    "caniuse-lite": "^1.0.30001715",
+    "chart.js": "^4.4.9",
     "chartjs-adapter-date-fns": "^3.0.0",
     "date-fns": "^4.1.0",
-    "swiper": "^11.1.15",
+    "swiper": "^11.2.6",
     "vue": "3.5.13",
     "vue-chartjs": "^5.3.2",
-    "vue-router": "^4.4.5"
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.25.9",
-    "@histoire/plugin-vue": "^0.17.17",
-    "@types/node": "^20.16.11",
-    "@vitejs/plugin-vue": "^5.2.0",
-    "@vue/eslint-config-prettier": "^10.1.0",
-    "@vue/eslint-config-typescript": "^14.1.3",
-    "@wikicasa-dev/svg-icons": "^1.0.2",
-    "@wikicasa-dev/tailwind-plugins": "^0.0.2",
-    "@wikicasa-dev/types": "^1.8.0",
-    "@wikicasa-dev/utilities": "^1.0.22",
-    "@wikicasa-dev/vue-composables": "0.0.13",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.15",
-    "eslint-plugin-vue": "^9.31.0",
-    "glob": "^11.0.0",
-    "histoire": "^0.17.17",
-    "postcss": "^8.4.49",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.9",
+    "@babel/eslint-parser": "^7.27.0",
+    "@histoire/plugin-vue": "^1.0.0-alpha.2",
+    "@types/node": "^22.14.1",
+    "@vitejs/plugin-vue": "^5.2.3",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.5.0",
+    "@wikicasa-dev/svg-icons": "^1.2.9",
+    "@wikicasa-dev/tailwind-plugins": "^0.0.3",
+    "@wikicasa-dev/types": "^2.0.2",
+    "@wikicasa-dev/utilities": "^1.1.19",
+    "@wikicasa-dev/vue-composables": "0.0.17",
+    "ajv": "^8.17.1",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.25",
+    "eslint-plugin-vue": "^10.0.0",
+    "glob": "^11.0.1",
+    "histoire": "^1.0.0-alpha.2",
+    "postcss": "^8.5.3",
+    "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "tailwindcss": "^3.4.15",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vue-tsc": "^2.1.10"
+    "typescript": "^5.8.3",
+    "vite": "^6.3.2",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vue-tsc": "^2.2.8"
   },
   "readme": "ERROR: No README data found!",
   "scripts": {

package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.YIp2u7gd.js

@@ -1,231 +0,0 @@
-import { h as m, defineComponent as M, ref as g, computed as T, watch as B, onMounted as H, onUnmounted as F, openBlock as l, createElementBlock as s, normalizeClass as a, createElementVNode as o, createCommentVNode as d, withModifiers as k, renderSlot as I, unref as p, createBlock as z, createVNode as A, Fragment as C, renderList as E } from "vue";
-import { A as P } from "./useKeyboardController.CutKeclN.js";
-import { a as O } from "./ArrowIcon.CCFMdsq6.js";
-import { e as q } from "./PharmacyIcon.56ql_DYl.js";
-const N = (n, { attrs: f }) => {
-  n = { ...q(), ...n };
-  const { width: t, height: e } = n;
-  return m(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 11.175 13.409",
-      width: `${t}`,
-      height: `${e}`,
-      class: n.class ?? "",
-      "aria-hidden": f["aria-hidden"] ?? "true",
-      fill: "none",
-      stroke: n["stroke-color"] ?? "#FA4F64"
-    },
-    [
-      m("circle", {
-        cx: 6,
-        cy: 6,
-        r: 4.5
-      }),
-      m("path", {
-        "stroke-linejoin": "round",
-        d: "M5.8 3.6h.4L6 6.5z"
-      }),
-      m("circle", {
-        cx: 6,
-        cy: 8.2,
-        r: 0.6,
-        fill: n["stroke-color"] ?? "#FA4F64",
-        stroke: "none"
-      })
-    ]
-  );
-}, j = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, D = ["id", "innerHTML"], S = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], U = ["innerHTML"], G = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, J = ["innerHTML"], K = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], R = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, W = ["name", "checked", "onInput"], X = ["innerHTML"], Y = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], ti = /* @__PURE__ */ M({
-  inheritAttrs: !1,
-  __name: "AccessibleSelect",
-  props: {
-    label: { default: "" },
-    dropdownPosition: { default: "bottom" },
-    namespace: {},
-    options: {},
-    modelValue: { default: () => ({
-      id: "",
-      label: ""
-    }) },
-    isValid: { type: [Boolean, null], default: null },
-    feedback: { default: void 0 },
-    closeOnBodyPressed: { type: Boolean, default: !0 },
-    border: { type: Boolean, default: !0 },
-    fieldsetClasses: { default: "" },
-    legendClasses: { default: "" },
-    dropdownClasses: { default: "" },
-    labelClasses: { default: "" },
-    btnClasses: { default: "" },
-    dropdownItemClasses: { default: "" },
-    btnTextClasses: { default: "" },
-    arrowIcon: { default: void 0 },
-    dataCy: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: f }) {
-    const t = n, e = g(!1), $ = g(null), v = T(() => !!t.modelValue.label), V = f, { activeIdx: b, selectedIdx: L } = P({
-      optionsLength: t.options.length,
-      isDropdownOpen: e
-    }), h = (i) => {
-      e.value = !1, V("update:modelValue", i);
-    };
-    B(L, (i) => {
-      h(t.options[i]), e.value = !1;
-    });
-    const w = ({ target: i }) => {
-      `${t.namespace}_btn` !== i.id && (e.value = !1);
-    };
-    return H(() => {
-      t.closeOnBodyPressed && document.addEventListener("click", w);
-    }), F(() => {
-      t.closeOnBodyPressed && document.removeEventListener("click", w);
-    }), (i, r) => (l(), s("div", {
-      class: a([i.$attrs.class])
-    }, [
-      o("div", j, [
-        i.label ? (l(), s("label", {
-          key: 0,
-          id: `${i.namespace}_label`,
-          class: a(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
-            v.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
-            i.labelClasses,
-            { "uikit-left-9": i.$slots.lefticon && !v.value },
-            { "uikit-left-4": !i.$slots.lefticon && !v.value }
-          ]]),
-          innerHTML: i.label
-        }, null, 10, D)) : d("", !0),
-        i.$slots.lefticon ? (l(), s("span", {
-          key: 1,
-          class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
-          onClick: r[0] || (r[0] = k((u) => e.value = !e.value, ["stop"]))
-        }, [
-          I(i.$slots, "lefticon")
-        ])) : d("", !0),
-        o("button", {
-          id: `${i.namespace}_btn`,
-          ref_key: "btnEl",
-          ref: $,
-          type: "button",
-          "data-cy": i.dataCy,
-          class: a(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", i.btnClasses]]),
-          "aria-required": !!i.$attrs.required,
-          role: "combobox",
-          "aria-haspopup": "listbox",
-          "aria-controls": `${i.namespace}_dropdown`,
-          "aria-labelledby": `${i.namespace}_label ${i.namespace}_btn`,
-          "aria-expanded": e.value,
-          "aria-activedescendant": p(b) >= 0 && e.value ? `${i.namespace}_element_${i.options[p(b)].label}` : "",
-          "aria-invalid": t.isValid === !1,
-          "aria-describedby": t.isValid === !1 ? `${i.namespace}_invalid_msg` : void 0,
-          onClick: r[1] || (r[1] = (u) => e.value = !e.value)
-        }, [
-          o("span", {
-            class: a(["uikit-pointer-events-none uikit-mt-1", i.btnTextClasses]),
-            innerHTML: i.modelValue.visibleLabel || i.modelValue.label
-          }, null, 10, U),
-          o("span", G, [
-            t.isValid == !1 ? (l(), z(p(N), {
-              key: 0,
-              class: "uikit-mr-1",
-              width: 20,
-              height: 20
-            })) : d("", !0),
-            A(p(O), {
-              class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
-                e.value ? "uikit-rotate-180" : "",
-                i.arrowIcon?.classes
-              ]]),
-              width: i.arrowIcon?.width ?? 18,
-              height: i.arrowIcon?.height ?? 18,
-              "stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : i.arrowIcon?.strokeColor ?? "#222"
-            }, null, 8, ["class", "width", "height", "stroke-color"])
-          ])
-        ], 10, S),
-        o("fieldset", {
-          "aria-hidden": "true",
-          class: a(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
-            i.fieldsetClasses,
-            i.isValid ? "uikit-border-w-primary" : i.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
-            {
-              "uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger": i.border
-            },
-            { "uikit-border-0 peer-focus:uikit-border-0": !i.border }
-          ]])
-        }, [
-          o("legend", {
-            class: a([[i.legendClasses, { "uikit-m-0 uikit-w-0": !i.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
-          }, [
-            i.label ? (l(), s("span", {
-              key: 0,
-              class: a(["uikit-mx-5px", [i.modelValue.label ? "uikit-invisible" : "uikit-hidden"]]),
-              innerHTML: i.label
-            }, null, 10, J)) : d("", !0)
-          ], 2)
-        ], 2),
-        o("ul", {
-          "data-cy": i.dataCy && `${i.dataCy}_dropdown`,
-          role: "listbox",
-          tabindex: -1,
-          "aria-multiselectable": !1,
-          class: a(["uikit-absolute uikit-z-30 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
-            { "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !e.value },
-            {
-              "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": e.value
-            },
-            { "uikit-bottom-[55px]": i.dropdownPosition === "top" },
-            { "uikit-top-[55px]": i.dropdownPosition === "bottom" },
-            i.dropdownClasses
-          ]]),
-          onClick: r[3] || (r[3] = k(() => {
-          }, ["stop"]))
-        }, [
-          (l(!0), s(C, null, E(i.options, (u, c) => (l(), s("li", {
-            id: `${i.namespace}_element_${i.options[c].label}`,
-            key: `${u.label}_${c}`,
-            role: "option",
-            "aria-selected": p(b) === c,
-            class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", i.dropdownItemClasses]),
-            onClick: k((y) => h(u), ["stop"]),
-            onMouseover: k((y) => b.value = c, ["stop"]),
-            onBlur: r[2] || (r[2] = k(() => {
-            }, ["stop"]))
-          }, [
-            o("label", R, [
-              o("input", {
-                tabindex: "-1",
-                class: "uikit-m-0 uikit-appearance-none",
-                name: `${i.namespace}_radio`,
-                type: "radio",
-                checked: u.label === i.modelValue.label,
-                onInput: k((y) => h(u), ["stop"])
-              }, null, 40, W),
-              o("span", {
-                innerHTML: u.label
-              }, null, 8, X)
-            ])
-          ], 42, Q))), 128))
-        ], 10, K)
-      ]),
-      i.feedback ? (l(), s(C, { key: 0 }, [
-        i.feedback.valid ? (l(), s("span", {
-          key: 0,
-          id: `${i.namespace}_valid_msg`,
-          "arial-live": i.$attrs["aria-live"],
-          class: "uikit-mt-1 uikit-inline-block uikit-text-12",
-          innerHTML: i.isValid ? i.feedback.valid : ""
-        }, null, 8, Y)) : d("", !0),
-        i.feedback.invalid ? (l(), s("span", {
-          key: 1,
-          id: `${i.namespace}_invalid_msg`,
-          "arial-live": i.$attrs["aria-live"],
-          class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
-          innerHTML: i.isValid === !1 ? i.feedback.invalid : ""
-        }, null, 8, Z)) : d("", !0)
-      ], 64)) : d("", !0)
-    ], 2));
-  }
-});
-export {
-  ti as _
-};