@wikicasa-dev/components 2.1.23 → 2.1.24-alpha.0

package/dist/components/IntersectionObserver/IntersectionObserver.js

@@ -1,4 +1,4 @@
-import f from "../../packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import f from "../../lib/components/IntersectionObserver/IntersectionObserver.vue.js";
 export {
   f as default
 };

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

@@ -53,7 +53,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
             eventsPrefix?: string | undefined;
             focusableElements?: string | undefined;
             uniqueNavElements?: boolean | undefined;
-            effect?: "slide" | "fade" | "cube" | "coverflow" | "flip" | "creative" | "cards" | string | undefined;
+            effect?: "slide" | "fade" | "cube" | "coverflow" | "flip" | "creative" | "cards" | (string & {}) | undefined;
             runCallbacksOnInit?: boolean | undefined;
             watchOverflow?: boolean | undefined;
             userAgent?: string | null | undefined;
@@ -422,6 +422,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
                 slideRole?: string | undefined;
                 id?: string | number | null | undefined;
                 scrollOnFocus?: boolean | undefined;
+                wrapperLiveRegion?: boolean | undefined;
             } | undefined;
             autoplay?: boolean | {
                 delay?: number | undefined;
@@ -439,7 +440,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
             coverflowEffect?: {
                 slideShadows?: boolean | undefined;
                 rotate?: number | undefined;
-                stretch?: number | undefined;
+                stretch?: number | `${number}%` | undefined;
                 depth?: number | undefined;
                 scale?: number | undefined;
                 modifier?: number | undefined;
@@ -802,6 +803,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
                     at: (index: number) => string | undefined;
                     [Symbol.iterator]: () => StringIterator<string>;
                 } | null | undefined;
+                addIcons?: boolean | undefined;
                 hideOnClick?: boolean | undefined;
                 disabledClass?: string | undefined;
                 hiddenClass?: string | undefined;
@@ -1054,6 +1056,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
             virtual?: boolean | {
                 enabled?: boolean | undefined;
                 slides?: any[] | undefined;
+                slidesPerViewAutoSlideSize?: number | undefined;
                 cache?: boolean | undefined;
                 addSlidesBefore?: number | undefined;
                 addSlidesAfter?: number | undefined;
@@ -1110,7 +1113,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
             eventsPrefix?: string | undefined;
             focusableElements?: string | undefined;
             uniqueNavElements?: boolean | undefined;
-            effect?: "slide" | "fade" | "cube" | "coverflow" | "flip" | "creative" | "cards" | string | undefined;
+            effect?: "slide" | "fade" | "cube" | "coverflow" | "flip" | "creative" | "cards" | (string & {}) | undefined;
             runCallbacksOnInit?: boolean | undefined;
             watchOverflow?: boolean | undefined;
             userAgent?: string | null | undefined;
@@ -1479,6 +1482,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
                 slideRole?: string | undefined;
                 id?: string | number | null | undefined;
                 scrollOnFocus?: boolean | undefined;
+                wrapperLiveRegion?: boolean | undefined;
             } | undefined;
             autoplay?: boolean | {
                 delay?: number | undefined;
@@ -1496,7 +1500,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
             coverflowEffect?: {
                 slideShadows?: boolean | undefined;
                 rotate?: number | undefined;
-                stretch?: number | undefined;
+                stretch?: number | `${number}%` | undefined;
                 depth?: number | undefined;
                 scale?: number | undefined;
                 modifier?: number | undefined;
@@ -1859,6 +1863,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
                     at: (index: number) => string | undefined;
                     [Symbol.iterator]: () => StringIterator<string>;
                 } | null | undefined;
+                addIcons?: boolean | undefined;
                 hideOnClick?: boolean | undefined;
                 disabledClass?: string | undefined;
                 hiddenClass?: string | undefined;
@@ -2111,6 +2116,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
             virtual?: boolean | {
                 enabled?: boolean | undefined;
                 slides?: any[] | undefined;
+                slidesPerViewAutoSlideSize?: number | undefined;
                 cache?: boolean | undefined;
                 addSlidesBefore?: number | undefined;
                 addSlidesAfter?: number | undefined;
@@ -2177,6 +2183,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
         allowTouchMove: boolean;
         swipeDirection: "prev" | "next";
         rtlTranslate: boolean;
+        enabled: boolean;
         disable: () => void;
         enable: () => void;
         setProgress: (progress: number, speed?: number) => void;

package/dist/components/carousel/SwiperCarousel.js

@@ -1,6 +1,6 @@
-import o from "../../packages/components/lib/components/carousel/SwiperCarousel.vue.js";
-import '../../assets/packages/components/lib/components/carousel/SwiperCarousel2.css';import '../../assets/packages/components/lib/components/carousel/SwiperCarousel.css';/* empty css                                                                    */
-/* empty css                                                                    */
+import o from "../../lib/components/carousel/SwiperCarousel.vue.js";
+import '../../assets/lib/components/carousel/SwiperCarousel2.css';import '../../assets/lib/components/carousel/SwiperCarousel.css';/* empty css                                                */
+/* empty css                                                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1ea2f6ce"]]);
 export {

package/dist/index.js

@@ -1,90 +1,91 @@
-import './assets/packages/components/lib/UIKit/BaseModal.css';import './assets/packages/components/lib/UIKit/BaseBadge.css';import './assets/packages/components/lib/UIKit/BaseAlert.css';import './assets/packages/components/src/tailwind.css';/* empty css                                     */
-import { default as s } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
-import { default as p } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
-import { default as m } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
-import { default as x } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import { default as i } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
-import { default as c } from "./UIKit/Checkbox/CheckboxBtn.js";
-import { default as b } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
-import { default as C } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
-import { default as A } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
-import { default as T } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as L } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as D } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
-import { default as F } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
-/* empty css                                             */
-import { default as M } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
-import { default as P } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
-/* empty css                                             */
-import { default as U } from "./packages/components/lib/UIKit/BaseButton.vue.js";
-import { default as j } from "./UIKit/BaseCard.js";
-import { default as y } from "./UIKit/BaseComplexToggle.js";
-import { default as E } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
-import { default as J } from "./UIKit/BaseFloatingLabel.js";
-import { default as N } from "./UIKit/BaseIcon.js";
-import { default as W } from "./UIKit/BaseInput.js";
-import { default as Y } from "./packages/components/lib/UIKit/BasePagination.vue.js";
-import { default as _ } from "./UIKit/BasePaper.js";
-import { default as ee } from "./UIKit/BaseSlider.js";
-import { default as oe } from "./UIKit/BaseTextarea.js";
-import { default as te } from "./UIKit/BaseToggle.js";
-import { default as se } from "./UIKit/BaseTooltip.js";
-import { default as pe } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
-import { default as me } from "./packages/components/lib/UIKit/BaseModal.vue.js";
-/* empty css                                             */
-import { default as xe } from "./UIKit/BaseSnackbar.js";
-import { default as ie } from "./UIKit/StaticSpinner.js";
-import { default as ce } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
-import { default as be } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as Ce } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as Ae } from "./packages/components/lib/chart/LineChart.vue.js";
-import { default as Te } from "./UIKit/Slider/SimpleSlider.js";
-import { default as Le } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
-import { default as De } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as Fe } from "./components/carousel/SwiperCarousel.js";
-import { default as Me } from "./components/carousel/SwiperSlide.js";
-import { default as Pe } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import './assets/lib/UIKit/BaseSnackbar.css';import './assets/lib/UIKit/BaseModal.css';import './assets/lib/UIKit/BaseBadge.css';import './assets/lib/UIKit/BaseAlert.css';import './assets/src/tailwind.css';/* empty css                 */
+import { default as l } from "./lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as d } from "./lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
+import { default as u } from "./lib/UIKit/Accordion/BaseAccordionContent.vue.js";
+import { default as i } from "./lib/UIKit/Accordion/BaseAccordionItem.vue.js";
+import { default as n } from "./lib/UIKit/BaseSelect/SelectItem.vue.js";
+import { default as S } from "./UIKit/Checkbox/CheckboxBtn.js";
+import { default as g } from "./lib/UIKit/Checkbox/CheckboxGroup.vue.js";
+import { default as h } from "./lib/UIKit/Tab/BaseTab.vue.js";
+import { default as I } from "./lib/UIKit/Tab/BaseTabView.vue.js";
+import { default as w } from "./lib/UIKit/Radio/RadioButton.vue.js";
+import { default as k } from "./lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as v } from "./lib/UIKit/AccessibleSelect.vue.js";
+import { default as G } from "./lib/UIKit/BaseAlert.vue.js";
+/* empty css                         */
+import { default as O } from "./lib/UIKit/BaseAutocomplete.vue.js";
+import { default as R } from "./lib/UIKit/BaseBadge.vue.js";
+/* empty css                         */
+import { default as V } from "./lib/UIKit/BaseButton.vue.js";
+import { default as q } from "./UIKit/BaseCard.js";
+import { default as z } from "./UIKit/BaseComplexToggle.js";
+import { default as H } from "./lib/UIKit/BaseDropDown.vue.js";
+import { default as K } from "./UIKit/BaseFloatingLabel.js";
+import { default as Q } from "./UIKit/BaseIcon.js";
+import { default as X } from "./UIKit/BaseInput.js";
+import { default as Z } from "./lib/UIKit/BasePagination.vue.js";
+import { default as $ } from "./UIKit/BasePaper.js";
+import { default as ae } from "./UIKit/BaseSlider.js";
+import { default as re } from "./UIKit/BaseTextarea.js";
+import { default as fe } from "./UIKit/BaseToggle.js";
+import { default as le } from "./UIKit/BaseTooltip.js";
+import { default as de } from "./lib/UIKit/BaseUploadFile.vue.js";
+import { default as ue } from "./lib/UIKit/BaseModal.vue.js";
+/* empty css                         */
+import { default as ie } from "./lib/UIKit/BaseSnackbar.vue.js";
+/* empty css                            */
+import { default as ne } from "./UIKit/StaticSpinner.js";
+import { default as Se } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
+import { default as ge } from "./lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
+import { default as he } from "./lib/chart/DoughnutChart.vue.js";
+import { default as Ie } from "./lib/chart/LineChart.vue.js";
+import { default as we } from "./UIKit/Slider/SimpleSlider.js";
+import { default as ke } from "./lib/components/IntersectionObserver/IntersectionObservable.vue.js";
+import { default as ve } from "./lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import { default as Ge } from "./components/carousel/SwiperCarousel.js";
+import { default as Oe } from "./components/carousel/SwiperSlide.js";
+import { default as Re } from "./lib/UIKit/BaseBreadcrumb.vue.js";
 export {
-  D as AccessibleSelect,
-  s as BaseAccordion,
-  p as BaseAccordionBtn,
-  m as BaseAccordionContent,
-  x as BaseAccordionItem,
-  F as BaseAlert,
-  M as BaseAutocomplete,
-  P as BaseBadge,
-  Pe as BaseBreadcrumb,
-  U as BaseButton,
-  j as BaseCard,
-  y as BaseComplexToggle,
-  E as BaseDropDown,
-  J as BaseFloatingLabel,
-  N as BaseIcon,
-  W as BaseInput,
-  me as BaseModal,
-  Y as BasePagination,
-  _ as BasePaper,
-  ce as BaseShimmerLoader,
-  ee as BaseSlider,
-  xe as BaseSnackbar,
-  C as BaseTab,
-  A as BaseTabView,
-  oe as BaseTextarea,
-  te as BaseToggle,
-  se as BaseTooltip,
-  pe as BaseUploadFile,
-  c as CheckboxBtn,
-  b as CheckboxGroup,
-  Ce as DoughnutChart,
-  Le as IntersectionObservable,
-  De as IntersectionObserver,
-  Ae as LineChart,
-  T as RadioButton,
-  L as RadioGroup,
-  i as SelectItem,
-  be as ShimmerMultiLine,
-  Te as SimpleSlider,
-  ie as StaticSpinner,
-  Fe as SwiperCarousel,
-  Me as SwiperSlide
+  v as AccessibleSelect,
+  l as BaseAccordion,
+  d as BaseAccordionBtn,
+  u as BaseAccordionContent,
+  i as BaseAccordionItem,
+  G as BaseAlert,
+  O as BaseAutocomplete,
+  R as BaseBadge,
+  Re as BaseBreadcrumb,
+  V as BaseButton,
+  q as BaseCard,
+  z as BaseComplexToggle,
+  H as BaseDropDown,
+  K as BaseFloatingLabel,
+  Q as BaseIcon,
+  X as BaseInput,
+  ue as BaseModal,
+  Z as BasePagination,
+  $ as BasePaper,
+  Se as BaseShimmerLoader,
+  ae as BaseSlider,
+  ie as BaseSnackbar,
+  h as BaseTab,
+  I as BaseTabView,
+  re as BaseTextarea,
+  fe as BaseToggle,
+  le as BaseTooltip,
+  de as BaseUploadFile,
+  S as CheckboxBtn,
+  g as CheckboxGroup,
+  he as DoughnutChart,
+  ke as IntersectionObservable,
+  ve as IntersectionObserver,
+  Ie as LineChart,
+  w as RadioButton,
+  k as RadioGroup,
+  n as SelectItem,
+  ge as ShimmerMultiLine,
+  we as SimpleSlider,
+  ne as StaticSpinner,
+  Ge as SwiperCarousel,
+  Oe as SwiperSlide
 };

package/dist/lazyModules/Swiper/autoplay.js

@@ -0,0 +1,5 @@
+import { default as p } from "../../node_modules/swiper/modules/autoplay.js";
+import '../../assets/node_modules/swiper/modules/keyboard.css';/* empty css                                             */
+export {
+  p as Autoplay
+};

package/dist/lazyModules/Swiper/controller.js

@@ -0,0 +1,5 @@
+import { default as e } from "../../node_modules/swiper/modules/controller.js";
+import '../../assets/node_modules/swiper/modules/keyboard.css';/* empty css                                               */
+export {
+  e as Controller
+};

package/dist/lazyModules/Swiper/free-mode.js

@@ -0,0 +1,5 @@
+import { default as t } from "../../node_modules/swiper/modules/free-mode.js";
+import '../../assets/node_modules/swiper/modules/free-mode.css';/* empty css                                              */
+export {
+  t as FreeMode
+};

package/dist/lazyModules/Swiper/keyboard.js

@@ -0,0 +1,5 @@
+import { default as e } from "../../node_modules/swiper/modules/keyboard.js";
+import '../../assets/node_modules/swiper/modules/keyboard.css';/* empty css                                             */
+export {
+  e as Keyboard
+};

package/dist/lazyModules/Swiper/navigation.js

@@ -0,0 +1,5 @@
+import { default as i } from "../../node_modules/swiper/modules/navigation.js";
+import '../../assets/node_modules/swiper/modules/navigation.css';/* empty css                                               */
+export {
+  i as Navigation
+};

package/dist/lazyModules/Swiper/pagination.js

@@ -0,0 +1,5 @@
+import { default as i } from "../../node_modules/swiper/modules/pagination.js";
+import '../../assets/node_modules/swiper/modules/pagination.css';/* empty css                                               */
+export {
+  i as Pagination
+};

package/dist/lazyModules/Swiper/thumbs.js

@@ -0,0 +1,5 @@
+import { default as t } from "../../node_modules/swiper/modules/thumbs.js";
+import '../../assets/node_modules/swiper/modules/keyboard.css';/* empty css                                           */
+export {
+  t as Thumbs
+};

package/dist/lib/UIKit/AccessibleSelect.vue.js

@@ -0,0 +1,211 @@
+import { defineComponent as D, mergeModels as $, useModel as p, useId as F, computed as M, ref as V, watch as h, onMounted as A, onUnmounted as E, createElementBlock as u, openBlock as n, normalizeClass as a, createElementVNode as o, createCommentVNode as r, withModifiers as c, renderSlot as P, unref as b, createBlock as z, createVNode as N, Fragment as L, renderList as O } from "vue";
+import { useKeyboardController as S } from "../../node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
+import { ArrowIcon as q } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import { WarningIconRounded as j } from "../../node_modules/@wikicasa-dev/svg-icons/dist/WarningIconRounded.js";
+import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], U = ["innerHTML"], W = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, G = ["innerHTML"], J = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], X = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Y = ["name", "checked", "onInput"], Z = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ee = ["id", "arial-live", "innerHTML"], oe = /* @__PURE__ */ D({
+  inheritAttrs: !1,
+  __name: "AccessibleSelect",
+  props: /* @__PURE__ */ $({
+    label: { default: "" },
+    dropdownPosition: { default: "bottom" },
+    namespace: {},
+    options: {},
+    isValid: { type: [Boolean, null], default: null },
+    feedback: {},
+    closeOnBodyPressed: { type: Boolean, default: !0 },
+    border: { type: Boolean, default: !0 },
+    fieldsetClasses: {},
+    legendClasses: {},
+    dropdownClasses: {},
+    labelClasses: {},
+    btnClasses: {},
+    dropdownItemClasses: {},
+    btnTextClasses: {},
+    arrowIcon: {},
+    dataCy: {},
+    wrapperClasses: {}
+  }, {
+    modelValue: {
+      default: () => ({ id: "", label: "" })
+    },
+    modelModifiers: {},
+    toggleDropdown: { type: Boolean, default: void 0 },
+    toggleDropdownModifiers: {}
+  }),
+  emits: /* @__PURE__ */ $(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
+  setup(e, { emit: T }) {
+    const y = T, k = p(e, "modelValue"), g = p(e, "toggleDropdown"), B = F(), l = M(() => e.namespace || B), t = V(!1), H = V(null), m = M(() => !!k.value.label), { activeIdx: v, selectedIdx: I } = S({
+      optionsLength: e.options.length,
+      isDropdownOpen: t
+    }), w = (i) => {
+      t.value = !1, k.value = i;
+    };
+    h(I, (i) => {
+      w(e.options[i]), t.value = !1;
+    }), h(g, (i) => {
+      i && (t.value = !t.value, g.value = !1);
+    }), h(t, (i) => {
+      y("update:dropdownState", i);
+    });
+    const C = ({ target: i }) => {
+      `${l.value}_btn` !== i.id && (t.value = !1);
+    };
+    return A(() => {
+      e.closeOnBodyPressed && document.addEventListener("click", C);
+    }), E(() => {
+      e.closeOnBodyPressed && document.removeEventListener("click", C);
+    }), (i, s) => (n(), u("div", {
+      class: a(i.$attrs.class)
+    }, [
+      o("div", {
+        class: a(["uikit-relative uikit-flex uikit-h-12 uikit-items-center", e.wrapperClasses])
+      }, [
+        e.label ? (n(), u("label", {
+          key: 0,
+          id: `${l.value}_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", [
+            m.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
+            e.labelClasses,
+            { "uikit-left-9": i.$slots.lefticon && !m.value },
+            { "uikit-left-4": !i.$slots.lefticon && !m.value }
+          ]]),
+          innerHTML: e.label
+        }, null, 10, K)) : r("", !0),
+        i.$slots.lefticon ? (n(), u("span", {
+          key: 1,
+          class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
+          onClick: s[0] || (s[0] = c((d) => t.value = !t.value, ["stop"]))
+        }, [
+          P(i.$slots, "lefticon")
+        ])) : r("", !0),
+        o("button", {
+          id: `${l.value}_btn`,
+          ref_key: "btnEl",
+          ref: H,
+          type: "button",
+          "data-cy": e.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", e.btnClasses]]),
+          "aria-required": !!i.$attrs.required,
+          role: "combobox",
+          "aria-haspopup": "listbox",
+          "aria-controls": `${l.value}_dropdown`,
+          "aria-labelledby": `${l.value}_label ${l.value}_btn`,
+          "aria-expanded": t.value,
+          "aria-activedescendant": b(v) >= 0 && t.value ? `${l.value}_element_${e.options[b(v)].label}` : "",
+          "aria-invalid": e.isValid === !1,
+          "aria-describedby": e.isValid === !1 ? `${l.value}_invalid_msg` : void 0,
+          onClick: s[1] || (s[1] = (d) => {
+            t.value = !t.value, y("click", d);
+          })
+        }, [
+          o("span", {
+            class: a(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
+            innerHTML: k.value.visibleLabel || k.value.label
+          }, null, 10, U),
+          o("span", W, [
+            e.isValid == !1 ? (n(), z(b(j), {
+              key: 0,
+              class: "uikit-mr-1",
+              width: 20,
+              height: 20,
+              "stroke-color": "#FA4F64"
+            })) : r("", !0),
+            N(b(q), {
+              class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
+                t.value ? "uikit-rotate-180" : "",
+                e.arrowIcon?.classes
+              ]]),
+              width: e.arrowIcon?.width ?? 18,
+              height: e.arrowIcon?.height ?? 18,
+              "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
+            }, null, 8, ["class", "width", "height", "stroke-color"])
+          ])
+        ], 10, R),
+        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", [
+            e.fieldsetClasses,
+            e.isValid ? "uikit-border-w-primary" : e.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": e.border
+            },
+            { "uikit-border-0 peer-focus:uikit-border-0": !e.border }
+          ]])
+        }, [
+          o("legend", {
+            class: a([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
+          }, [
+            e.label ? (n(), u("span", {
+              key: 0,
+              class: a(["uikit-mx-5px", [k.value.label ? "uikit-invisible" : "uikit-hidden"]]),
+              innerHTML: e.label
+            }, null, 10, G)) : r("", !0)
+          ], 2)
+        ], 2),
+        o("ul", {
+          "data-cy": e.dataCy && `${e.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": !t.value },
+            {
+              "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": t.value
+            },
+            { "uikit-bottom-[55px]": e.dropdownPosition === "top" },
+            { "uikit-top-[55px]": e.dropdownPosition === "bottom" },
+            e.dropdownClasses
+          ]]),
+          onClick: s[3] || (s[3] = c(() => {
+          }, ["stop"]))
+        }, [
+          (n(!0), u(L, null, O(e.options, (d, f) => (n(), u("li", {
+            id: `${l.value}_element_${e.options[f].label}`,
+            key: `${d.label}_${f}`,
+            role: "option",
+            "aria-selected": b(v) === f,
+            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", e.dropdownItemClasses]),
+            onClick: c((x) => w(d), ["stop"]),
+            onMouseover: c((x) => v.value = f, ["stop"]),
+            onBlur: s[2] || (s[2] = c(() => {
+            }, ["stop"]))
+          }, [
+            o("label", X, [
+              o("input", {
+                tabindex: "-1",
+                class: "uikit-m-0 uikit-appearance-none",
+                name: `${l.value}_radio`,
+                type: "radio",
+                checked: d.label === k.value.label,
+                onInput: c((x) => w(d), ["stop"])
+              }, null, 40, Y),
+              o("span", {
+                innerHTML: d.label
+              }, null, 8, Z)
+            ])
+          ], 42, Q))), 128))
+        ], 10, J)
+      ], 2),
+      e.feedback ? (n(), u(L, { key: 0 }, [
+        e.feedback.valid ? (n(), u("span", {
+          key: 0,
+          id: `${l.value}_valid_msg`,
+          "arial-live": i.$attrs["aria-live"],
+          class: "uikit-mt-1 uikit-inline-block uikit-text-12",
+          innerHTML: e.isValid ? e.feedback.valid : ""
+        }, null, 8, _)) : r("", !0),
+        e.feedback.invalid ? (n(), u("span", {
+          key: 1,
+          id: `${l.value}_invalid_msg`,
+          "arial-live": i.$attrs["aria-live"],
+          class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
+          innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
+        }, null, 8, ee)) : r("", !0)
+      ], 64)) : r("", !0)
+    ], 2));
+  }
+});
+export {
+  oe as default
+};

package/dist/{packages/components/lib → lib}/UIKit/Accordion/BaseAccordion.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as p, ref as u, provide as c, renderSlot as d } from "vue";
-import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { isEmptyObject as f } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
-import "../../../../../_virtual/polyline.js";
+import "../../../node_modules/js-cookie/dist/js.cookie.js";
+import { isEmptyObject as f } from "../../../node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+import "../../../_virtual/polyline.js";
 const k = /* @__PURE__ */ p({
   __name: "BaseAccordion",
   props: {

package/dist/lib/UIKit/Accordion/BaseAccordionBtn.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent as s, createElementBlock as l, openBlock as d, normalizeClass as n, renderSlot as i, createElementVNode as u, withModifiers as k, createVNode as m, unref as f } from "vue";
+import { ArrowIcon as g } from "../../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+const C = ["id"], w = ["aria-expanded", "aria-controls"], A = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "BaseAccordionBtn",
+  props: {
+    id: {},
+    arrowWidth: { default: 12 },
+    arrowColor: {},
+    onContainerClickExpand: { type: Boolean, default: !1 },
+    accordionOpen: { type: Boolean, default: !1 },
+    toggleAccordion: { type: Function }
+  },
+  emits: ["click"],
+  setup(t, { emit: r }) {
+    const a = r;
+    return (o, e) => (d(), l("div", {
+      id: `${t.id}`,
+      class: n(["uikit-flex uikit-items-center uikit-justify-around", [
+        o.$attrs["btn-wrapper-classes"],
+        t.onContainerClickExpand ? "uikit-cursor-pointer" : ""
+      ]]),
+      onClick: e[1] || (e[1] = (c) => t.onContainerClickExpand && t.toggleAccordion())
+    }, [
+      i(o.$slots, "custom_content"),
+      i(o.$slots, "custom_btn", {
+        btnId: `btn-${t.id}`,
+        isOpen: t.accordionOpen,
+        toggleAccordion: t.toggleAccordion
+      }, () => [
+        u("button", {
+          type: "button",
+          class: n(["uikit-border-0 uikit-bg-transparent", o.$attrs["btn-classes"]]),
+          "aria-expanded": t.accordionOpen,
+          "aria-controls": `accordion-text-${t.id}`,
+          onClick: e[0] || (e[0] = k((c) => {
+            t.toggleAccordion(), a("click");
+          }, ["prevent", "stop"]))
+        }, [
+          m(f(g), {
+            class: n([
+              "uikit-transition-transform motion-reduce:uikit-transition-none",
+              [
+                t.accordionOpen ? "uikit-rotate-180" : "",
+                o.$attrs["arrow-classes"]
+              ]
+            ]),
+            "stroke-color": t.arrowColor ?? "#222",
+            width: t.arrowWidth,
+            height: t.arrowWidth
+          }, null, 8, ["stroke-color", "class", "width", "height"])
+        ], 10, w)
+      ])
+    ], 10, C));
+  }
+});
+export {
+  A as default
+};