@wikicasa-dev/components 2.1.4-alpha.3 → 2.1.4-alpha.4

package/dist/UIKit/BasePin.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    type?: "default" | "large" | "rounded";
+    pinClass?: "white" | "blue" | "cultured" | "dark-blue" | "red";
+    outlined?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/BaseSelect.d.ts

@@ -0,0 +1,26 @@
+import { AccessibleSelectOptions, ClassTypeProp } from './types';
+import { Optional } from '@wikicasa-dev/types';
+declare const _default: <TPayload, TID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((args_0: Event) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & ({
+        modelValue?: Optional<AccessibleSelectOptions<TPayload, TID>>;
+    } & {
+        labelText?: string;
+        options?: AccessibleSelectOptions<TPayload, TID>[];
+        border?: boolean;
+        labelClasses?: ClassTypeProp;
+        arrowSize?: number;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "change", args_0: Event) => void) & ((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<TPayload, TID>>) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/BaseSelect.js

@@ -0,0 +1,5 @@
+import o from "../packages/components/lib/UIKit/BaseSelect.vue.js";
+import '../assets/packages/components/lib/UIKit/BaseSelect.css';/* empty css                                               */
+export {
+  o as default
+};

package/dist/UIKit/BaseTextarea.js

@@ -1,7 +1,7 @@
 import o from "../packages/components/lib/UIKit/BaseTextarea.vue.js";
 import '../assets/packages/components/lib/UIKit/BaseTextarea.css';/* empty css                                                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e9dd2650"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-48b631cc"]]);
 export {
-  m as default
+  c as default
 };

package/dist/assets/packages/components/lib/UIKit/{NativeSelect.css → BaseSelect.css}

@@ -1 +1 @@
-.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath d='M21.006,9.708l-7.448,7.448a.543.543,0,0,1-.779,0L5.331,9.708a.548.548,0,0,1,.384-.932H20.622A.543.543,0,0,1,21.006,9.708Z' transform='translate(-5.172 -5.048)' fill='%230e1d34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:var(--f3734614)}
+.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath d='M21.006,9.708l-7.448,7.448a.543.543,0,0,1-.779,0L5.331,9.708a.548.548,0,0,1,.384-.932H20.622A.543.543,0,0,1,21.006,9.708Z' transform='translate(-5.172 -5.048)' fill='%230e1d34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:var(--50d63191)}

package/dist/assets/packages/components/lib/UIKit/BaseTextarea.css

@@ -1 +1 @@
-.invalid-bg[data-v-e9dd2650],.valid-bg[data-v-e9dd2650]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.is-valid.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{background-color:#f20282!important}.is-invalid.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{background-color:#f20003!important}
+.invalid-bg[data-v-48b631cc],.valid-bg[data-v-48b631cc]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.is-valid.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar-thumb{background-color:#f20282!important}.is-invalid.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar-thumb{background-color:#f20003!important}

package/dist/index.d.ts

@@ -22,6 +22,8 @@ import { default as BaseIcon } from './UIKit/BaseIcon';
 import { default as BaseInput } from './UIKit/BaseInput';
 import { default as BasePagination } from './UIKit/BasePagination';
 import { default as BasePaper } from './UIKit/BasePaper';
+import { default as BasePin } from './UIKit/BasePin';
+import { default as BaseSelect } from './UIKit/BaseSelect';
 import { default as BaseSlider } from './UIKit/BaseSlider';
 import { default as BaseTextarea } from './UIKit/BaseTextarea';
 import { default as BaseToggle } from './UIKit/BaseToggle';
@@ -43,4 +45,4 @@ import { default as NavigationBar } from './UIKit/Navigation/NavigationBar';
 import { default as NavigationBarItem } from './UIKit/Navigation/NavigationBarItem';
 export * from './UIKit/types';
 export type { ChartOptions, ChartData } from 'chart.js';
-export { NavigationBar, NavigationBarItem, 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 { NavigationBar, NavigationBarItem, DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BasePagination, BasePaper, BasePin, BaseSelect, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, BaseModal, BaseSnackbar, BaseTabView, BaseShimmerLoader, ShimmerMultiLine, StaticSpinner, BaseBreadcrumb, };

package/dist/index.js

@@ -1,97 +1,103 @@
-import './assets/packages/components/lib/UIKit/Navigation/NavigationBar.css';import './assets/packages/components/lib/UIKit/BaseBreadcrumb.css';import './assets/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';import './assets/packages/components/lib/UIKit/BaseModal.css';import './assets/packages/components/lib/UIKit/BaseInput.css';import './assets/packages/components/lib/UIKit/BaseFloatingLabel.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 u } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
-import { default as i } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
-import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
-import { default as b } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import { default as g } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
-import { default as h } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
-import { default as I } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
-import { default as v } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
-import { default as L } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
-import { default as D } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as G } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as N } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
-import { default as P } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import './assets/packages/components/lib/UIKit/Navigation/NavigationBar.css';import './assets/packages/components/lib/UIKit/BaseBreadcrumb.css';import './assets/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';import './assets/packages/components/lib/UIKit/BaseModal.css';import './assets/packages/components/lib/UIKit/BaseSelect.css';import './assets/packages/components/lib/UIKit/BasePin.css';import './assets/packages/components/lib/UIKit/BaseInput.css';import './assets/packages/components/lib/UIKit/BaseFloatingLabel.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 i } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
+import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
+import { default as g } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
+import { default as h } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
+import { default as I } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
+import { default as v } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
+import { default as L } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
+import { default as D } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
+import { default as F } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
+import { default as M } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as O } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import { default as U } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
-import { default as U } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
-import { default as j } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
+import { default as j } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import { default as y } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
 /* empty css                                             */
-import { default as y } from "./packages/components/lib/UIKit/BaseButton.vue.js";
-import { default as E } from "./UIKit/BaseCard.js";
-import { default as J } from "./UIKit/BaseComplexToggle.js";
-import { default as Q } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
-import { default as X } from "./packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
+import { default as E } from "./packages/components/lib/UIKit/BaseButton.vue.js";
+import { default as J } from "./UIKit/BaseCard.js";
+import { default as Q } from "./UIKit/BaseComplexToggle.js";
+import { default as X } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
+import { default as Z } from "./packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
 /* empty css                                                     */
-import { default as Z } from "./UIKit/BaseIcon.js";
-import { default as $ } from "./packages/components/lib/UIKit/BaseInput.vue.js";
+import { default as $ } from "./UIKit/BaseIcon.js";
+import { default as ae } from "./packages/components/lib/UIKit/BaseInput.vue.js";
 /* empty css                                             */
-import { default as ae } from "./packages/components/lib/UIKit/BasePagination.vue.js";
-import { default as te } from "./UIKit/BasePaper.js";
-import { default as fe } from "./packages/components/lib/UIKit/BaseSlider.vue.js";
-import { default as pe } from "./UIKit/BaseTextarea.js";
-import { default as me } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
-import { default as ue } from "./UIKit/BaseTooltip.js";
-import { default as ie } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
-import { default as ne } from "./packages/components/lib/UIKit/BaseModal.vue.js";
+import { default as te } from "./packages/components/lib/UIKit/BasePagination.vue.js";
+import { default as fe } from "./UIKit/BasePaper.js";
+import { default as pe } from "./packages/components/lib/UIKit/BasePin.vue.js";
+/* empty css                                           */
+import { default as le } from "./packages/components/lib/UIKit/BaseSelect.vue.js";
+/* empty css                                              */
+import { default as ue } from "./packages/components/lib/UIKit/BaseSlider.vue.js";
+import { default as ie } from "./UIKit/BaseTextarea.js";
+import { default as ne } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
+import { default as Se } from "./UIKit/BaseTooltip.js";
+import { default as ge } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
+import { default as he } from "./packages/components/lib/UIKit/BaseModal.vue.js";
 /* empty css                                             */
-import { default as be } from "./UIKit/BaseSnackbar.js";
-import { default as ge } from "./UIKit/StaticSpinner.js";
-import { default as he } from "./packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
+import { default as Ie } from "./UIKit/BaseSnackbar.js";
+import { default as ve } from "./UIKit/StaticSpinner.js";
+import { default as Le } from "./packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
 /* empty css                                                                   */
-import { default as Ie } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as ve } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as Le } from "./packages/components/lib/chart/LineChart.vue.js";
-import { default as De } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
-import { default as Ge } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as Ne } from "./components/carousel/SwiperCarousel.js";
-import { default as Pe } from "./components/carousel/SwiperSlide.js";
-import { default as Ue } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import { default as De } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
+import { default as Fe } from "./packages/components/lib/chart/DoughnutChart.vue.js";
+import { default as Me } from "./packages/components/lib/chart/LineChart.vue.js";
+import { default as Oe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
+import { default as Ue } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import { default as je } from "./components/carousel/SwiperCarousel.js";
+import { default as ye } from "./components/carousel/SwiperSlide.js";
+import { default as Ee } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 /* empty css                                                  */
-import { default as je } from "./packages/components/lib/UIKit/Navigation/NavigationBar.vue.js";
+import { default as Je } from "./packages/components/lib/UIKit/Navigation/NavigationBar.vue.js";
 /* empty css                                                            */
-import { default as ye } from "./packages/components/lib/UIKit/Navigation/NavigationBarItem.vue.js";
+import { default as Qe } from "./packages/components/lib/UIKit/Navigation/NavigationBarItem.vue.js";
 export {
-  N as AccessibleSelect,
-  u as BaseAccordion,
-  i as BaseAccordionBtn,
-  n as BaseAccordionContent,
-  b as BaseAccordionItem,
-  P as BaseAlert,
-  U as BaseAutocomplete,
-  j as BaseBadge,
-  Ue as BaseBreadcrumb,
-  y as BaseButton,
-  E as BaseCard,
-  J as BaseComplexToggle,
-  Q as BaseDropDown,
-  X as BaseFloatingLabel,
-  Z as BaseIcon,
-  $ as BaseInput,
-  ne as BaseModal,
-  ae as BasePagination,
-  te as BasePaper,
-  he as BaseShimmerLoader,
-  fe as BaseSlider,
-  be as BaseSnackbar,
-  v as BaseTab,
-  L as BaseTabView,
-  pe as BaseTextarea,
-  me as BaseToggle,
-  ue as BaseTooltip,
-  ie as BaseUploadFile,
-  h as CheckboxBtn,
-  I as CheckboxGroup,
-  ve as DoughnutChart,
-  De as IntersectionObservable,
-  Ge as IntersectionObserver,
-  Le as LineChart,
-  je as NavigationBar,
-  ye as NavigationBarItem,
-  D as RadioButton,
-  G as RadioGroup,
-  g as SelectItem,
-  Ie as ShimmerMultiLine,
-  ge as StaticSpinner,
-  Ne as SwiperCarousel,
-  Pe as SwiperSlide
+  O as AccessibleSelect,
+  i as BaseAccordion,
+  n as BaseAccordionBtn,
+  S as BaseAccordionContent,
+  g as BaseAccordionItem,
+  U as BaseAlert,
+  j as BaseAutocomplete,
+  y as BaseBadge,
+  Ee as BaseBreadcrumb,
+  E as BaseButton,
+  J as BaseCard,
+  Q as BaseComplexToggle,
+  X as BaseDropDown,
+  Z as BaseFloatingLabel,
+  $ as BaseIcon,
+  ae as BaseInput,
+  he as BaseModal,
+  te as BasePagination,
+  fe as BasePaper,
+  pe as BasePin,
+  le as BaseSelect,
+  Le as BaseShimmerLoader,
+  ue as BaseSlider,
+  Ie as BaseSnackbar,
+  L as BaseTab,
+  D as BaseTabView,
+  ie as BaseTextarea,
+  ne as BaseToggle,
+  Se as BaseTooltip,
+  ge as BaseUploadFile,
+  I as CheckboxBtn,
+  v as CheckboxGroup,
+  Fe as DoughnutChart,
+  Oe as IntersectionObservable,
+  Ue as IntersectionObserver,
+  Me as LineChart,
+  Je as NavigationBar,
+  Qe as NavigationBarItem,
+  F as RadioButton,
+  M as RadioGroup,
+  h as SelectItem,
+  De as ShimmerMultiLine,
+  ve as StaticSpinner,
+  je as SwiperCarousel,
+  ye as SwiperSlide
 };

package/dist/packages/components/lib/UIKit/{NativeSelect.vue.js → BaseSelect.vue.js}

@@ -1,6 +1,6 @@
-import { defineComponent as x, mergeModels as u, useCssVars as C, computed as v, useModel as w, useId as y, watch as S, createElementBlock as a, openBlock as d, createCommentVNode as V, createElementVNode as O, normalizeClass as c, unref as m, toDisplayString as p, Fragment as z, renderList as E } from "vue";
-const B = { class: "select-wrapper" }, D = ["for"], M = ["id"], N = ["data-idx", "selected"], I = /* @__PURE__ */ x({
-  __name: "NativeSelect",
+import { defineComponent as x, mergeModels as u, useCssVars as C, computed as w, useModel as v, useId as y, watch as S, createElementBlock as a, openBlock as d, createCommentVNode as V, createElementVNode as O, normalizeClass as c, unref as m, toDisplayString as p, Fragment as z, renderList as B } from "vue";
+const E = { class: "select-wrapper" }, D = ["for"], M = ["id"], T = ["data-idx", "selected"], N = /* @__PURE__ */ x({
+  __name: "BaseSelect",
   props: /* @__PURE__ */ u({
     labelText: { default: "" },
     options: { default: () => [] },
@@ -17,26 +17,26 @@ const B = { class: "select-wrapper" }, D = ["for"], M = ["id"], N = ["data-idx",
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ u(["change"], ["update:modelValue"]),
-  setup(o, { emit: f }) {
+  setup(i, { emit: b }) {
     C((e) => ({
-      f3734614: k.value
+      "50d63191": k.value
     }));
-    const s = w(o, "modelValue"), b = f, n = y(), k = v(() => `${o.arrowSize}px`), g = ({ target: e }) => {
-      const i = (e.selectedOptions?.[0]).dataset.idx;
-      if (i === void 0) return;
-      const h = o.options[i];
+    const s = v(i, "modelValue"), f = b, n = y(), k = w(() => `${i.arrowSize}px`), g = ({ target: e }) => {
+      const o = (e.selectedOptions?.[0]).dataset.idx;
+      if (o === void 0) return;
+      const h = i.options[o];
       s.value = h;
     }, r = (e, t) => e.id === t?.id || e.label === t?.label;
     return S(
       s,
       (e) => {
-        const t = o.options.find(
+        const t = i.options.find(
           (l) => r(l, e)
         );
         t && (s.value = t);
       },
       { immediate: !0 }
-    ), (e, t) => (d(), a("div", B, [
+    ), (e, t) => (d(), a("div", E, [
       e.labelText ? (d(), a("label", {
         key: 0,
         for: m(n),
@@ -48,18 +48,18 @@ const B = { class: "select-wrapper" }, D = ["for"], M = ["id"], N = ["data-idx",
           "uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-py-md uikit-pl-sm": e.border
         }]),
         onChange: t[0] || (t[0] = (l) => {
-          b("change", l), g(l);
+          f("change", l), g(l);
         })
       }, [
-        (d(!0), a(z, null, E(e.options, (l, i) => (d(), a("option", {
-          key: `option-${i}`,
-          "data-idx": i,
+        (d(!0), a(z, null, B(e.options, (l, o) => (d(), a("option", {
+          key: `option-${o}`,
+          "data-idx": o,
           selected: r(l, s.value)
-        }, p(l.label), 9, N))), 128))
+        }, p(l.label), 9, T))), 128))
       ], 42, M)
     ]));
   }
 });
 export {
-  I as default
+  N as default
 };

package/dist/packages/components/lib/UIKit/BaseTextarea.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as $, mergeModels as n, useModel as T, ref as h, watch as C, createElementBlock as f, openBlock as b, normalizeClass as r, createElementVNode as v, createCommentVNode as L, unref as o, createVNode as x, withModifiers as u, nextTick as F } from "vue";
+import { defineComponent as T, mergeModels as n, useModel as g, ref as C, watch as h, createElementBlock as f, openBlock as b, normalizeClass as r, createElementVNode as v, createCommentVNode as L, unref as o, createVNode as x, withModifiers as u, nextTick as F } from "vue";
 import M from "./BaseFloatingLabel.vue.js";
 import '../../../../assets/packages/components/lib/UIKit/BaseFloatingLabel.css';/* empty css                       */
 import { useFloatingLabel as E } from "../../../../composables/useFloatingLabel.js";
-const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelledby", "readonly", "value"], B = ["innerHTML"], q = "peer-data-[validation='invalid']/fieldset:uikit-text-w-red peer-data-[validation='valid']/fieldset:uikit-text-w-blue", S = /* @__PURE__ */ $({
+const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelledby", "readonly", "value"], B = ["innerHTML"], q = "peer-data-[validation='invalid']/fieldset:uikit-text-w-red peer-data-[validation='valid']/fieldset:uikit-text-w-blue", S = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "BaseTextarea",
   props: /* @__PURE__ */ n({
@@ -17,21 +17,21 @@ const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelle
   }),
   emits: /* @__PURE__ */ n(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
   setup(k, { expose: m, emit: p }) {
-    const t = T(k, "modelValue"), s = p, {
+    const t = g(k, "modelValue"), s = p, {
       labelState: d,
       handleFocusIn: c,
       handleFocusOut: w,
       setFloatingLabel: y,
       setInlineLabel: V
-    } = E(), a = h(null);
-    C(
+    } = E(), a = C(null);
+    h(
       t,
       (e) => {
         `${e}`.length && d.value !== "floating-label" ? y() : !e?.length && d.value !== "inline-label" && document.activeElement !== a.value && V();
       },
       { immediate: !0 }
     );
-    const g = ({ target: e }) => {
+    const $ = ({ target: e }) => {
       t.value = e.value;
     };
     return m({
@@ -59,7 +59,7 @@ const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelle
           ref_key: "textarea",
           ref: a,
           "data-cy": e.$attrs["data-cy"],
-          class: r(["textarea-scrollbar uikit-peer/fieldset uikit-relative uikit-min-h-[130px] uikit-min-w-[343px] uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-px-sm uikit-py-lg uikit-text-16 uikit-outline-none focus-visible:uikit-border-w-blue data-[validation='invalid']:uikit-border-w-red data-[validation='valid']:uikit-border-w-blue", [
+          class: r(["textarea-scrollbar uikit-peer/fieldset uikit-relative uikit-min-h-[130px] uikit-min-w-[343px] uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-2xs uikit-border uikit-border-solid uikit-bg-white uikit-px-sm uikit-py-lg uikit-text-16 uikit-outline-none focus-visible:uikit-border-w-blue data-[validation='invalid']:uikit-border-w-red data-[validation='valid']:uikit-border-w-blue", [
             { "is-invalid": e.isValid === !1 },
             { "is-valid": e.isValid },
             { "uikit-resize-none": !e.resize },
@@ -82,7 +82,7 @@ const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelle
             },
             ["stop"]
           )),
-          onInput: u(g, ["stop"]),
+          onInput: u($, ["stop"]),
           onKeydown: i[2] || (i[2] = u((l) => s("keydown", l), ["stop"])),
           onClick: i[3] || (i[3] = (l) => s("click", l)),
           value: t.value

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js

@@ -19,7 +19,7 @@ const N = ["for"], q = /* @__PURE__ */ m({
   },
   emits: ["click", "change", "update:modelValue"],
   setup(t, { emit: r }) {
-    const i = f(), d = h(() => `${t.id ?? i}`), a = r;
+    const i = f(), d = h(() => `${t.id || i}`), a = r;
     b(
       () => t.checked,
       (e) => {

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -13,13 +13,15 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
     autoCheckResetAll: { type: Boolean, default: !1 },
     autoCheckResetEmpty: { type: Boolean, default: !1 },
     manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { type: Function, default: (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}` },
+    getKey: { type: Function, default() {
+      return (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}`;
+    } },
     groupId: { default: "" },
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
   setup(n, { emit: g }) {
-    const C = (e = "") => !e || !e.trim() ? "" : (e = e.trim(), e.replace(" ", "-").toLowerCase()), y = (e) => !e?.length, o = n, s = g, c = D(/* @__PURE__ */ new Map()), r = h(() => {
+    const C = (e = "") => !e || !e.trim() ? "" : (e = e.trim(), e.replace(" ", "-").toLowerCase()), y = (e) => !e?.length, o = n, r = g, c = D(/* @__PURE__ */ new Map()), s = h(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
@@ -36,7 +38,7 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
           `${t.id}`,
           t
         ), t.checked && e.push(t);
-      s("update:modelValue", e);
+      r("update:modelValue", e);
     })();
     const u = (e, t) => {
       const a = c.value.get(e);
@@ -52,17 +54,17 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
         e.checked = !1;
       });
     }, p = () => {
-      k(), s("update:modelValue", []), s("resetted");
+      k(), r("update:modelValue", []), r("resetted");
     }, d = (e) => c.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
       if (y(o.checkboxData)) return;
       const t = c.value.get(e.id);
-      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === v.value - 1 && c.value.forEach((l) => {
+      t?.reset && e.checked ? k() : s.value && !t?.reset && u(o.getKey(s.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && s.value && f.value === v.value - 1 && c.value.forEach((l) => {
         l.checked = !!l.reset;
-      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
+      }), o.autoCheckResetEmpty && s.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(s.value), { checked: !0 });
       const a = [];
       c.value.forEach((l) => {
         l.checked && a.push(l);
-      }), s("update:modelValue", a), s("checkedGroup", o.groupId);
+      }), r("update:modelValue", a), r("checkedGroup", o.groupId);
     };
     return E(
       () => o.reset,

package/dist/packages/components/lib/UIKit/DatePicker.vue.js

@@ -2,8 +2,8 @@ import { defineComponent as N, ref as T, watch as V, computed as x, createBlock
 import { ArrowIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
 import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 import j from "@vuepic/vue-datepicker";
-import y from "./NativeSelect.vue.js";
-import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';import '../../../../assets/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.16_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/main.css';import '../../../../assets/packages/components/lib/UIKit/NativeSelect.css';/* empty css                  */
+import y from "./BaseSelect.vue.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';import '../../../../assets/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.16_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/main.css';import '../../../../assets/packages/components/lib/UIKit/BaseSelect.css';/* empty css                */
 /* empty css                                                                                                                                          */
 import z from "./BaseButton.vue.js";
 import R from "./BaseInput.vue.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.4-alpha.3",
+  "version": "2.1.4-alpha.4",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/UIKit/NativeSelect.js

@@ -1,5 +0,0 @@
-import o from "../packages/components/lib/UIKit/NativeSelect.vue.js";
-import '../assets/packages/components/lib/UIKit/NativeSelect.css';/* empty css                                                 */
-export {
-  o as default
-};