@wikicasa-dev/components 2.5.6-alpha.12 → 2.5.6-alpha.2

package/dist/Swiper/Autoplay/index.js

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

package/dist/Swiper/Controller/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-autoplay.css';/* empty css                                                                                */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                                */
 import { Controller as e } from "swiper/modules";
 export {
   e as default

package/dist/Swiper/Keyboard/index.js

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

package/dist/Swiper/Thumbs/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-autoplay.css';/* empty css                                                                            */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                            */
 import { Thumbs as t } from "swiper/modules";
 export {
   t as default

package/dist/UIKit/BaseCard/BaseCard.js

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

package/dist/UIKit/{Card/CardImagePrimitive.d.ts → BaseCard/BaseCardDescription.d.ts}

@@ -1,7 +1,7 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        'card-description'?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;

package/dist/UIKit/BaseCard/BaseCardDescription.js

@@ -0,0 +1,12 @@
+import { createElementBlock as r, openBlock as o, renderSlot as c } from "vue";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const s = {}, n = { class: "card-body" };
+function d(e, a) {
+  return o(), r("div", n, [
+    c(e.$slots, "card-description")
+  ]);
+}
+const f = /* @__PURE__ */ t(s, [["render", d]]);
+export {
+  f as default
+};

package/dist/UIKit/BaseCard/BaseCardImage.js

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

package/dist/UIKit/BaseCard/BaseCardRoot.js

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

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.d.ts

@@ -1,11 +1,18 @@
 import { ClassTypeProp } from '../types';
-export type BaseShimmerLoaderProps = {
+type __VLS_Props = {
     shimmerClasses?: ClassTypeProp;
-    enabled?: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseShimmerLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
-    default?(_: {}): any;
-}>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js

@@ -1,7 +1,7 @@
 import o from "../../packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
 import '../../assets/BaseShimmerLoader.css';/* empty css                                                                       */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf2534f5"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const t = /* @__PURE__ */ a(o, [["__scopeId", "data-v-4aceb4a2"]]);
 export {
-  e as default
+  t as default
 };

package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.d.ts

@@ -1,18 +1,20 @@
-import { BaseShimmerLoaderProps } from './BaseShimmerLoader';
 import { ClassTypeProp } from '../types';
 type __VLS_Props = {
     lines?: number;
     randomLength?: boolean;
     shimmerClasses?: ClassTypeProp;
     inheritHeight?: boolean;
-} & Pick<BaseShimmerLoaderProps, "enabled">;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    lines: number;
+    randomLength: boolean;
+    inheritHeight: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     shimmerLines: (({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly shimmerClasses?: ClassTypeProp;
-            readonly enabled?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -27,8 +29,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
-        $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            shimmerClasses?: ClassTypeProp;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -48,7 +52,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & Readonly<{}> & Omit<Readonly<{
+        shimmerClasses?: ClassTypeProp;
+    }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/assets/BaseShimmerLoader.css

@@ -1 +1 @@
-.shimmer[data-v-cf2534f5]{background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}.shimmer[data-enabled][data-v-cf2534f5]{animation:shimmer-cf2534f5 1.4s infinite;will-change:transform}@keyframes shimmer-cf2534f5{0%{transform:translateZ(0) translate(-100%)}to{transform:translateZ(0) translate(100%)}}
+.shimmer[data-v-4aceb4a2]{animation:shimmer-4aceb4a2 1.4s infinite;will-change:transform;transform:translateZ(0) translate(-100%);background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}@keyframes shimmer-4aceb4a2{to{transform:translate(100%)}}

package/dist/assets/SwiperCarousel.css

@@ -1 +1 @@
-.swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}
+.no-transition[data-v-f8f3d52a]{transition-duration:0ms!important}.disable-select[data-v-f8f3d52a]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-f8f3d52a]{pointer-events:auto!important}

package/dist/assets/SwiperPaginationPrimitive.css

@@ -0,0 +1 @@
+.swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}

package/dist/components/IntersectionObserver/v2/IntersectionObserverProvider.d.ts

@@ -1,5 +1,5 @@
 export interface IntersectionObserverProviderProps {
-    emitOnce?: boolean;
+    observeOnce?: boolean;
     skip?: boolean;
     threshold?: number;
 }
@@ -10,6 +10,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {
         observer: IntersectionObserver | undefined;
+        isVisible: boolean;
+    }): any;
+    default?(_: {
+        observer: IntersectionObserver | undefined;
+        isVisible: boolean;
     }): any;
 }>;
 export default _default;

package/dist/components/IntersectionObserver/v2/IntersectionObserverTarget.d.ts

@@ -1,15 +1,8 @@
-type __VLS_Props = {
-    observeOnce?: boolean;
-};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {
-            isVisible: boolean;
-        }): any;
-        default?(_: {
-            isVisible: true;
-        }): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {
         root: HTMLDivElement;
@@ -17,7 +10,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 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, {
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     root: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/IntersectionObserver/v2/types.d.ts

@@ -1,4 +1,4 @@
 import { InjectionKey, ShallowRef } from 'vue';
-export declare const ObserveTargetKey: InjectionKey<(e: Element) => void>;
-export declare const UnobserveTargetKey: InjectionKey<(e: Element) => void>;
-export declare const VisibleTargetsKey: InjectionKey<ShallowRef<Set<string>>>;
+export declare const ObserverOnceKey: InjectionKey<boolean>;
+export declare const ObserverKey: InjectionKey<ShallowRef<IntersectionObserver | undefined>>;
+export declare const IsVisibleKey: InjectionKey<ShallowRef<boolean>>;

package/dist/components/IntersectionObserver/v2/types.js

@@ -1,6 +1,6 @@
 const e = /* @__PURE__ */ Symbol(), o = /* @__PURE__ */ Symbol(), s = /* @__PURE__ */ Symbol();
 export {
-  e as ObserveTargetKey,
-  o as UnobserveTargetKey,
-  s as VisibleTargetsKey
+  s as IsVisibleKey,
+  o as ObserverKey,
+  e as ObserverOnceKey
 };

package/dist/components/carousel/Primitive/SwiperPaginationPrimitive.js

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

package/dist/components/carousel/SwiperCarousel.js

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

package/dist/index.d.ts

@@ -59,8 +59,8 @@ export { default as SwiperPrimitive } from './components/carousel/Primitive/Swip
 export { default as SwiperPaginationPrimitive } from './components/carousel/Primitive/SwiperPaginationPrimitive';
 export { default as SwiperNavigationPrimitive } from './components/carousel/Primitive/SwiperNavigationPrimitive';
 export { default as SwiperSlideImagePrimitive } from './components/carousel/Primitive/SwiperSlideImagePrimitive';
-export { default as BaseCard } from './UIKit/Card/BaseCard';
-export { default as CardRootPrimitive } from './UIKit/Card/CardRootPrimitive';
-export { default as CardDescriptionPrimitive } from './UIKit/Card/CardDescriptionPrimitive';
-export { default as CardImagePrimitive } from './UIKit/Card/CardImagePrimitive';
+export { default as BaseCard } from './UIKit/BaseCard/BaseCard';
+export { default as BaseCardRoot } from './UIKit/BaseCard/BaseCardRoot';
+export { default as BaseCardDescription } from './UIKit/BaseCard/BaseCardDescription';
+export { default as BaseCardImage } from './UIKit/BaseCard/BaseCardImage';
 export { default as BaseBreadcrumb } from './UIKit/BaseBreadcrumb';

package/dist/index.js

@@ -1,6 +1,6 @@
-import { default as P } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as g } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
 import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/CardRootPrimitive.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperCarousel.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
+import './assets/BaseCardRoot.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperPaginationPrimitive.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
 import { default as I } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
 import { default as h } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
 import { default as w } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
@@ -21,7 +21,7 @@ import { default as Z } from "./packages/components/lib/UIKit/Tab/v2/BaseTabs.vu
 import { default as $ } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js";
 import { default as re } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js";
 /* empty css                                                            */
-import { default as oe } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js";
+import { default as te } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js";
 import { default as fe } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js";
 import { default as me } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
 import { default as pe } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
@@ -29,9 +29,9 @@ import { default as le } from "./packages/components/lib/UIKit/Radio/v2/RadioBut
 import { default as xe } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
 /* empty css                                                            */
 import { default as Be } from "./packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
-import { default as ve } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import { default as be } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
 /* empty css                                                    */
-import { default as Pe } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import { default as ge } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
 import { default as Se } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 /* empty css                                                    */
@@ -56,7 +56,7 @@ import { default as Xe } from "./packages/components/lib/UIKit/BaseModal.vue.js"
 import { default as Ze } from "./UIKit/StaticSpinner.js";
 import { default as $e } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
 import { default as rr } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as or } from "./packages/components/lib/chart/DoughnutChart.vue.js";
+import { default as tr } from "./packages/components/lib/chart/DoughnutChart.vue.js";
 import { default as fr } from "./packages/components/lib/chart/LineChart.vue.js";
 import { default as mr } from "./UIKit/Slider/SimpleSlider.js";
 import { default as pr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
@@ -64,8 +64,8 @@ import { default as pr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.
 import { default as lr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
 import { default as xr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
 import { default as Br } from "./packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js";
-import { default as vr } from "./packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js";
-import { default as Pr } from "./components/carousel/SwiperCarousel.js";
+import { default as br } from "./packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js";
+import { default as gr } from "./components/carousel/SwiperCarousel.js";
 import { default as Sr } from "./components/carousel/SwiperSlide.js";
 import { default as Ir } from "./components/carousel/Primitive/SwiperRootPrimitive.js";
 import { default as hr } from "./packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js";
@@ -74,27 +74,30 @@ import { default as wr } from "./packages/components/lib/components/carousel/Pri
 import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
 import { default as Lr } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
 /* empty css                                                                                     */
-import { default as Or } from "./packages/components/lib/UIKit/Card/BaseCard.vue.js";
-/* empty css                                                 */
-import { default as Mr } from "./packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js";
-/* empty css                                                          */
-import { default as Nr } from "./UIKit/Card/CardDescriptionPrimitive.js";
-import { default as Vr } from "./packages/components/lib/UIKit/Card/CardImagePrimitive.vue.js";
+import { default as Or } from "./packages/components/lib/UIKit/BaseCard/BaseCard.vue.js";
+/* empty css                                                     */
+import { default as Mr } from "./packages/components/lib/UIKit/BaseCard/BaseCardRoot.vue.js";
+/* empty css                                                         */
+import { default as Nr } from "./UIKit/BaseCard/BaseCardDescription.js";
+import { default as Vr } from "./packages/components/lib/UIKit/BaseCard/BaseCardImage.vue.js";
 import { default as qr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 export {
-  ve as AccessibleSelect,
+  be as AccessibleSelect,
   G as AccordionContentPrimitive,
   h as AccordionHeaderPrimitive,
   I as AccordionItemPrimitive,
   w as AccordionTriggerPrimitive,
-  P as BaseAccordion,
+  g as BaseAccordion,
   S as BaseAccordionItem,
-  Pe as BaseAlert,
+  ge as BaseAlert,
   Se as BaseAutocomplete,
   he as BaseBadge,
   qr as BaseBreadcrumb,
   we as BaseButton,
   Or as BaseCard,
+  Nr as BaseCardDescription,
+  Vr as BaseCardImage,
+  Mr as BaseCardRoot,
   Ge as BaseComplexToggle,
   Le as BaseDropDown,
   Oe as BaseFloatingLabel,
@@ -109,26 +112,23 @@ export {
   Z as BaseTabs,
   $ as BaseTabsContent,
   re as BaseTabsIndicator,
-  oe as BaseTabsList,
+  te as BaseTabsList,
   fe as BaseTabsTrigger,
   qe as BaseTextarea,
   ze as BaseToggle,
   Je as BaseTooltip,
   Qe as BaseUploadFile,
-  Nr as CardDescriptionPrimitive,
-  Vr as CardImagePrimitive,
-  Mr as CardRootPrimitive,
   N as CheckboxBtn,
   q as CheckboxButtonGroup,
   V as CheckboxGroup,
   J as CheckboxGroupItemPrimitive,
   z as CheckboxGroupPrimitive,
   Ie as ClearableAutocomplete,
-  or as DoughnutChart,
+  tr as DoughnutChart,
   lr as IntersectionObservable,
   xr as IntersectionObserver,
   Br as IntersectionObserverProvider,
-  vr as IntersectionObserverTarget,
+  br as IntersectionObserverTarget,
   fr as LineChart,
   M as ProgressIndicatorPrimitive,
   O as ProgressRootPrimitive,
@@ -141,7 +141,7 @@ export {
   rr as ShimmerMultiLine,
   mr as SimpleSlider,
   Ze as StaticSpinner,
-  Pr as SwiperCarousel,
+  gr as SwiperCarousel,
   Gr as SwiperNavigationPrimitive,
   wr as SwiperPaginationPrimitive,
   hr as SwiperPrimitive,

package/dist/packages/components/lib/UIKit/BaseCard/BaseCardImage.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as r, inject as t, computed as s, createElementBlock as c, openBlock as n, normalizeClass as m, renderSlot as d } from "vue";
+import { CardTypeKey as l } from "../../../../../UIKit/BaseCard/type.js";
+const f = /* @__PURE__ */ r({
+  __name: "BaseCardImage",
+  setup(p) {
+    const e = t(l, void 0), a = s(() => e ? `${e}-img` : "");
+    return (o, i) => (n(), c("div", {
+      class: m(["card-img", [a.value]])
+    }, [
+      d(o.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/packages/components/lib/UIKit/{Card/CardRootPrimitive.vue.js → BaseCard/BaseCardRoot.vue.js}

@@ -1,22 +1,22 @@
-import { defineComponent as n, computed as r, provide as c, createBlock as d, openBlock as m, resolveDynamicComponent as p, normalizeClass as u, withCtx as f, renderSlot as y } from "vue";
-import { CardTypeKey as C } from "../../../../../UIKit/Card/type.js";
-const w = /* @__PURE__ */ n({
-  __name: "CardRootPrimitive",
+import { defineComponent as r, computed as c, provide as i, createBlock as d, openBlock as m, resolveDynamicComponent as p, normalizeClass as u, withCtx as f, renderSlot as y } from "vue";
+import { CardTypeKey as C } from "../../../../../UIKit/BaseCard/type.js";
+const w = /* @__PURE__ */ r({
+  __name: "BaseCardRoot",
   props: {
     type: { default: "" },
     as: { default: "div" }
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const o = a, s = r(
+    const o = a, s = c(
       () => e.type === "news" ? "news-card" : e.type
     );
-    return c(C, e.type), (i, t) => (m(), d(p(e.as), {
+    return i(C, e.type), (l, t) => (m(), d(p(e.as), {
       class: u(["uikit-card", s.value]),
-      onClick: t[0] || (t[0] = (l) => o("click", l))
+      onClick: t[0] || (t[0] = (n) => o("click", n))
     }, {
       default: f(() => [
-        y(i.$slots, "default")
+        y(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));

package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -1,20 +1,22 @@
-import { defineComponent as i, createElementBlock as a, openBlock as l, createElementVNode as o, renderSlot as s, normalizeClass as d } from "vue";
-const n = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" }, r = ["data-enabled"], c = /* @__PURE__ */ i({
+import { defineComponent as l, createElementBlock as s, openBlock as r, normalizeStyle as a, normalizeClass as t, createElementVNode as o, renderSlot as u } from "vue";
+const d = /* @__PURE__ */ l({
+  inheritAttrs: !1,
   __name: "BaseShimmerLoader",
   props: {
-    shimmerClasses: { default: "" },
-    enabled: { type: Boolean, default: !0 }
+    shimmerClasses: { default: "" }
   },
-  setup(e) {
-    return (t, u) => (l(), a("div", n, [
+  setup(i) {
+    return (e, n) => (r(), s("div", {
+      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class]),
+      style: a(e.$attrs.style)
+    }, [
       o("div", {
-        class: d(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", e.shimmerClasses]),
-        "data-enabled": e.enabled || void 0
-      }, null, 10, r),
-      s(t.$slots, "default", {}, void 0, !0)
-    ]));
+        class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full -uikit-translate-x-full", i.shimmerClasses])
+      }, null, 2),
+      u(e.$slots, "default", {}, void 0, !0)
+    ], 6));
   }
 });
 export {
-  c as default
+  d as default
 };

package/dist/packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js

@@ -1,16 +1,15 @@
-import { defineComponent as l, createElementBlock as a, openBlock as t, Fragment as r, renderList as i, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
+import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
 import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
-const k = /* @__PURE__ */ l({
+const k = /* @__PURE__ */ i({
   __name: "ShimmerMultiLine",
   props: {
     lines: { default: 1 },
     randomLength: { type: Boolean, default: !1 },
     shimmerClasses: {},
-    inheritHeight: { type: Boolean, default: !1 },
-    enabled: { type: Boolean, default: !0 }
+    inheritHeight: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (d, h) => (t(!0), a(r, null, i(e.lines, (n) => (t(), m(u, {
+    return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
       ref_for: !0,
       ref: "shimmerLines",
       class: o(["shimmer-line", [
@@ -18,12 +17,11 @@ const k = /* @__PURE__ */ l({
         e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
         "uikit-mb-2 uikit-rounded-xs"
       ]]),
-      enabled: e.enabled,
-      key: `sml-${n}`,
+      key: `sml-${r}`,
       style: s({
         marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
       })
-    }, null, 8, ["class", "enabled", "style"]))), 128));
+    }, null, 8, ["class", "style"]))), 128));
   }
 });
 export {

package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js

@@ -1,39 +1,46 @@
-import { defineComponent as m, shallowRef as a, provide as i, onBeforeMount as b, onBeforeUnmount as h, renderSlot as p } from "vue";
-import { VisibleTargetsKey as g, ObserveTargetKey as O, UnobserveTargetKey as y } from "../../../../../../components/IntersectionObserver/v2/types.js";
-const T = /* @__PURE__ */ m({
+import { defineComponent as d, shallowRef as i, provide as t, onBeforeMount as m, onBeforeUnmount as O, createElementBlock as h, renderSlot as a, openBlock as y, normalizeClass as k } from "vue";
+import { ObserverOnceKey as B, ObserverKey as p, IsVisibleKey as V } from "../../../../../../components/IntersectionObserver/v2/types.js";
+const $ = /* @__PURE__ */ d({
   __name: "IntersectionObserverProvider",
   props: {
-    emitOnce: { type: Boolean, default: !1 },
+    observeOnce: { type: Boolean, default: !0 },
     skip: { type: Boolean, default: !1 },
     threshold: { default: 0 }
   },
   emits: ["intersection"],
-  setup(n, { emit: c }) {
-    const u = c, r = a(/* @__PURE__ */ new Set()), t = a(), d = (e) => {
-      n.skip || e.forEach(({ target: l, isIntersecting: f }) => {
-        const o = l.getAttribute("target-id");
-        if (!o) return;
-        const s = new Set(r.value);
-        f ? (s.add(o), u("intersection"), n.emitOnce && t.value?.disconnect()) : s.delete(o), r.value = s;
+  setup(s, { emit: u }) {
+    const v = u, o = i(!1), e = i(), c = (r) => {
+      s.skip || r.forEach(({ target: n, isIntersecting: l }) => {
+        o.value = l, l && (v("intersection"), s.observeOnce && f(n));
       });
-    }, v = () => {
-      t.value?.disconnect();
+    }, f = (r) => {
+      e.value && e.value.unobserve(r);
+    }, b = () => {
+      e.value && e.value.disconnect();
     };
-    return i(g, r), i(O, (e) => {
-      t.value?.observe(e);
-    }), i(y, (e) => {
-      t.value?.unobserve(e);
-    }), b(() => {
-      t.value = new IntersectionObserver(d, {
+    return t(B, s.observeOnce), t(p, e), t(V, o), m(() => {
+      e.value = new IntersectionObserver(c, {
         root: null,
         //if the root is null, then we will check if the target is visible in the doc root!
-        threshold: n.threshold
+        threshold: s.threshold
       });
-    }), h(() => {
-      v();
-    }), (e, l) => p(e.$slots, "default", { observer: t.value });
+    }), O(() => {
+      b();
+    }), (r, n) => s.observeOnce ? a(r.$slots, "default", {
+      key: 1,
+      observer: e.value,
+      isVisible: o.value
+    }) : (y(), h("div", {
+      key: 0,
+      class: k(r.$attrs["root-classes"])
+    }, [
+      a(r.$slots, "default", {
+        observer: e.value,
+        isVisible: o.value
+      })
+    ], 2));
   }
 });
 export {
-  T as default
+  $ as default
 };

package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js

@@ -1,31 +1,21 @@
-import { defineComponent as f, useTemplateRef as b, useId as g, inject as r, computed as m, onMounted as p, watch as T, createElementBlock as y, renderSlot as a, openBlock as B, unref as k } from "vue";
-import { VisibleTargetsKey as O, ObserveTargetKey as _, UnobserveTargetKey as h } from "../../../../../../components/IntersectionObserver/v2/types.js";
-const E = ["target-id"], D = /* @__PURE__ */ f({
+import { defineComponent as i, useTemplateRef as c, inject as r, onMounted as u, createElementBlock as v, renderSlot as t, unref as n, openBlock as f, normalizeClass as d } from "vue";
+import { ObserverOnceKey as m, ObserverKey as p, IsVisibleKey as b } from "../../../../../../components/IntersectionObserver/v2/types.js";
+const K = /* @__PURE__ */ i({
   __name: "IntersectionObserverTarget",
-  props: {
-    observeOnce: { type: Boolean, default: !0 }
-  },
-  setup(s) {
-    const e = b("root"), n = g(), u = r(O, void 0), l = r(_, void 0), v = r(h, void 0), t = m(
-      () => u?.value.has(n) || !1
-    );
-    return p(() => {
-      e.value && (console.log("DEBUG:mounted", l), console.log("DEBUG:mounted", e.value), l?.(e.value));
-    }), T([t, e], ([o, i], [c, d]) => {
-      s.observeOnce && (console.log("DEBUG:visible", { cur: o, curRoot: i, prev: c, prevRoot: d }), o && e.value && v?.(e.value));
-    }), (o, i) => !s.observeOnce || !t.value ? (B(), y("div", {
+  setup(y) {
+    const e = c("root"), l = r(m, void 0), s = r(p, void 0), a = r(b, void 0);
+    return u(() => {
+      !s?.value || !e.value || s?.value.observe(e.value);
+    }), (o, _) => !n(l) || !n(a) ? (f(), v("div", {
       key: 0,
       ref_key: "root",
       ref: e,
-      "target-id": k(n)
+      class: d(o.$attrs["root-classes"])
     }, [
-      a(o.$slots, "default", { isVisible: t.value })
-    ], 8, E)) : a(o.$slots, "default", {
-      key: 1,
-      isVisible: t.value
-    });
+      t(o.$slots, "default")
+    ], 2)) : t(o.$slots, "default", { key: 1 });
   }
 });
 export {
-  D as default
+  K as default
 };

package/dist/types/index.d.ts

@@ -29,5 +29,5 @@ export type { SwiperPaginationPrimitiveProps } from '../components/carousel/Prim
 export type { SwiperNavigationPrimitiveProps } from '../components/carousel/Primitive/SwiperNavigationPrimitive';
 export type { SwiperSlideImagePrimitiveProps } from '../components/carousel/Primitive/SwiperSlideImagePrimitive';
 export type { IntersectionObserverProviderProps } from '../components/IntersectionObserver/v2/IntersectionObserverProvider';
-export type { BaseCardRootProps, CardRootTypes, } from '../UIKit/Card/CardRootPrimitive';
-export type { CardTypes } from '../UIKit/Card/type';
+export type { BaseCardRootProps, CardRootTypes, } from '../UIKit/BaseCard/BaseCardRoot';
+export type { CardTypes } from '../UIKit/BaseCard/type';

package/package.json

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

package/dist/UIKit/Card/BaseCard.js

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

package/dist/UIKit/Card/CardDescriptionPrimitive.js

@@ -1,12 +0,0 @@
-import { createElementBlock as r, openBlock as o, renderSlot as t } from "vue";
-import c from "../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, s = { class: "card-body" };
-function i(e, d) {
-  return o(), r("div", s, [
-    t(e.$slots, "default")
-  ]);
-}
-const f = /* @__PURE__ */ c(n, [["render", i]]);
-export {
-  f as default
-};

package/dist/UIKit/Card/CardImagePrimitive.js

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

package/dist/UIKit/Card/CardRootPrimitive.js

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

package/dist/assets/SwiperCarousel2.css

@@ -1 +0,0 @@
-.no-transition[data-v-f8f3d52a]{transition-duration:0ms!important}.disable-select[data-v-f8f3d52a]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-f8f3d52a]{pointer-events:auto!important}

package/dist/packages/components/lib/UIKit/Card/CardImagePrimitive.vue.js

@@ -1,16 +0,0 @@
-import { defineComponent as t, inject as a, computed as c, createElementBlock as m, openBlock as n, normalizeClass as s, renderSlot as i } from "vue";
-import { CardTypeKey as d } from "../../../../../UIKit/Card/type.js";
-const f = /* @__PURE__ */ t({
-  __name: "CardImagePrimitive",
-  setup(l) {
-    const e = a(d, void 0), r = c(() => e ? `${e}-img` : "");
-    return (o, p) => (n(), m("div", {
-      class: s(["card-img", [r.value]])
-    }, [
-      i(o.$slots, "default")
-    ], 2));
-  }
-});
-export {
-  f as default
-};