@wikicasa-dev/components 2.5.1-alpha.0 → 2.5.1-alpha.2

package/dist/Swiper/Autoplay/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-thumbs.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-thumbs.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-thumbs.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-thumbs.css';/* empty css                                                                            */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                            */
 import { Thumbs as t } from "swiper/modules";
 export {
   t as default

package/dist/UIKit/Accordion/BaseAccordion.d.ts

@@ -1,6 +1,6 @@
 import { Optional } from '@wikicasa-dev/types';
 import { AccordionRootProps } from 'reka-ui';
-export interface BaseAccordionProps<T extends AccordionRootProps["type"]> extends AccordionRootProps {
+export interface BaseAccordionProps<T extends AccordionRootProps["type"]> extends Omit<AccordionRootProps, "modelValue" | "defaultValue"> {
     /**
      * When type is "single", allows closing content when clicking trigger for an open item. When type is "multiple", this prop has no effect.
      */

package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts

@@ -31,7 +31,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
         readonly onInputClick?: ((args_0: MouseEvent) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onInput" | "onKeydown" | "onClick" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onInput" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
         open?: boolean;
         modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
         inputValue?: string;

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -10,7 +10,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
         readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
         readonly onKeydownEnterPressed?: (() => any) | undefined;
         readonly onChangedValue?: ((args_0: string) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onKeydown" | "onClick" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
         modelValue?: AccessibleSelectOptions<TPayload, TID> | undefined;
     } & {
         isValid?: Nullable<boolean>;

package/dist/UIKit/Checkbox/CheckboxBtn.d.ts

@@ -13,7 +13,7 @@ declare const _default: <TID extends string | number, TLabel extends string | nu
             label: TLabel;
             checked: boolean;
         }) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onChange" | "onClick"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onChange"> & ({
         modelValue?: boolean;
     } & {
         id?: TID;

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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-eb2d6076"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-83429b3e"]]);
 export {
   a as default
 };

package/dist/assets/BaseAccordionItem.css

@@ -1 +1 @@
-.uikit-base-accordion-trigger[data-state=open]>.uikit-base-accordion-item-arrow{transform:rotate(180deg)}.uikit-base-accordion-item-content{overflow:hidden;will-change:animation,height}.uikit-base-accordion-item-content[data-state=open]{animation:slideDown .2s ease-out}.uikit-base-accordion-item-content[data-state=closed]{animation:slideUp .2s ease-out}@keyframes slideDown{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes slideUp{0%{height:var(--reka-accordion-content-height)}to{height:0}}
+.uikit-base-accordion-trigger[data-state=open]>.uikit-base-accordion-item-arrow{transform:rotate(180deg)}.uikit-base-accordion-item-content{overflow:hidden;will-change:animation,height}.uikit-base-accordion-item-content[data-state=open][data-interacted]{animation:slideDown .2s ease-out}.uikit-base-accordion-item-content[data-state=closed][data-interacted]{animation:slideUp .2s ease-out}@keyframes slideDown{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes slideUp{0%{height:var(--reka-accordion-content-height)}to{height:0}}

package/dist/assets/BaseShimmerLoader.css

@@ -1 +1 @@
-.shimmer[data-v-eb2d6076]{animation:shimmer-eb2d6076 1.4s infinite;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}@keyframes shimmer-eb2d6076{to{transform:translate(100%)}}
+.shimmer[data-v-83429b3e]{animation:shimmer-83429b3e 1.4s infinite;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}@keyframes shimmer-83429b3e{to{transform:translate(100%)}}

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

@@ -1,6 +1,6 @@
-import { defineComponent as d, mergeModels as n, useModel as u, createBlock as i, openBlock as r, unref as m, withCtx as p, renderSlot as s, normalizeProps as c, guardReactiveProps as f } from "vue";
-import { AccordionRoot as y } from "reka-ui";
-const b = /* @__PURE__ */ d({
+import { defineComponent as d, mergeModels as n, createPropsRestProxy as s, useModel as p, createBlock as i, openBlock as m, unref as u, mergeProps as c, withCtx as y, renderSlot as f, normalizeProps as B, guardReactiveProps as b } from "vue";
+import { AccordionRoot as V } from "reka-ui";
+const v = /* @__PURE__ */ d({
   __name: "BaseAccordion",
   props: /* @__PURE__ */ n({
     collapsible: { type: Boolean },
@@ -10,29 +10,28 @@ const b = /* @__PURE__ */ d({
     orientation: {},
     unmountOnHide: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
-    modelValue: {},
-    defaultValue: {}
+    as: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const l = u(e, "modelValue");
-    return (t, a) => (r(), i(m(y), {
+    const a = s(e, ["collapsible", "type"]), l = p(e, "modelValue");
+    return (r, t) => (m(), i(u(V), c({
       collapsible: e.collapsible,
-      type: e.type,
+      type: e.type
+    }, a, {
       modelValue: l.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => l.value = o)
-    }, {
-      default: p((o) => [
-        s(t.$slots, "default", c(f(o)))
+      "onUpdate:modelValue": t[0] || (t[0] = (o) => l.value = o)
+    }), {
+      default: y((o) => [
+        f(r.$slots, "default", B(b(o)))
       ]),
       _: 3
-    }, 8, ["collapsible", "type", "modelValue"]));
+    }, 16, ["collapsible", "type", "modelValue"]));
   }
 });
 export {
-  b as default
+  v as default
 };

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as o, createBlock as l, openBlock as n, withCtx as i, createVNode as a, normalizeClass as s, renderSlot as r, createTextVNode as u, toDisplayString as c, unref as d } from "vue";
-import f from "./AccordionContentPrimitive.vue.js";
-import m from "./AccordionTriggerPrimitive.vue.js";
-import k from "./AccordionHeaderPrimitive.vue.js";
-import h from "./AccordionItemPrimitive.vue.js";
-import { ArrowIcon as w } from "@wikicasa-dev/svg-icons";
-const B = /* @__PURE__ */ o({
+import { defineComponent as n, shallowRef as u, createBlock as c, openBlock as d, withCtx as i, createVNode as a, normalizeClass as s, renderSlot as o, createTextVNode as f, toDisplayString as m, unref as k } from "vue";
+import h from "./AccordionContentPrimitive.vue.js";
+import w from "./AccordionTriggerPrimitive.vue.js";
+import g from "./AccordionHeaderPrimitive.vue.js";
+import C from "./AccordionItemPrimitive.vue.js";
+import { ArrowIcon as $ } from "@wikicasa-dev/svg-icons";
+const T = /* @__PURE__ */ n({
   __name: "BaseAccordionItem",
   props: {
     title: {},
@@ -19,9 +19,10 @@ const B = /* @__PURE__ */ o({
     headerTag: { default: "h3" }
   },
   setup(t) {
-    return (e, g) => (n(), l(h, { value: t.value }, {
+    const r = u();
+    return (e, l) => (d(), c(C, { value: t.value }, {
       default: i(() => [
-        a(k, {
+        a(g, {
           as: t.headerTag,
           class: s([
             t.headerClasses,
@@ -29,8 +30,8 @@ const B = /* @__PURE__ */ o({
           ])
         }, {
           default: i(() => [
-            r(e.$slots, "header-content"),
-            a(m, {
+            o(e.$slots, "header-content"),
+            a(w, {
               "data-cy": t.dataCy,
               class: s([
                 t.triggerClasses,
@@ -38,12 +39,15 @@ const B = /* @__PURE__ */ o({
                   "uikit-base-accordion-trigger uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !e.$slots.trigger,
                   "uikit-w-full": !e.$slots["header-content"]
                 }
-              ])
+              ]),
+              onClick: l[0] || (l[0] = () => {
+                r.value || (r.value = !0);
+              })
             }, {
               default: i(() => [
-                r(e.$slots, "trigger", {}, () => [
-                  u(c(t.title) + " ", 1),
-                  a(d(w), {
+                o(e.$slots, "trigger", {}, () => [
+                  f(m(t.title) + " ", 1),
+                  a(k($), {
                     class: s(["uikit-base-accordion-item-arrow uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.arrowClasses]),
                     "arrow-classes": t.arrowClasses,
                     width: t.arrowWidth,
@@ -56,22 +60,23 @@ const B = /* @__PURE__ */ o({
           ]),
           _: 3
         }, 8, ["as", "class"]),
-        a(f, {
+        a(h, {
           class: s([
             t.contentClasses,
             "uikit-base-accordion-item-content uikit-px-[16px]"
-          ])
+          ]),
+          "data-interacted": r.value || void 0
         }, {
           default: i(() => [
-            r(e.$slots, "default")
+            o(e.$slots, "default")
           ]),
           _: 3
-        }, 8, ["class"])
+        }, 8, ["class", "data-interacted"])
       ]),
       _: 3
     }, 8, ["value"]));
   }
 });
 export {
-  B as default
+  T as default
 };

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

@@ -1,21 +1,22 @@
-import { defineComponent as s, createElementBlock as l, openBlock as r, normalizeClass as t, createElementVNode as a, renderSlot as o } from "vue";
-const m = /* @__PURE__ */ s({
+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: "" }
   },
   setup(i) {
-    return (e, u) => (r(), l("div", {
-      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class])
+    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)
     }, [
-      a("div", {
+      o("div", {
         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),
-      o(e.$slots, "default", {}, void 0, !0)
-    ], 2));
+      u(e.$slots, "default", {}, void 0, !0)
+    ], 6));
   }
 });
 export {
-  m as default
+  d as default
 };

package/package.json

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