@wikicasa-dev/components 2.2.8-alpha.4 → 2.2.8-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import { Autoplay as t } from "swiper/modules";
2
- import '../assets/swiper-autoplay.css';/* empty css */
2
+ import '../assets/swiper-thumbs.css';/* empty css */
3
3
  export {
4
4
  t as Autoplay
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import { Controller as e } from "swiper/modules";
2
- import '../assets/swiper-autoplay.css';/* empty css */
2
+ import '../assets/swiper-thumbs.css';/* empty css */
3
3
  export {
4
4
  e as Controller
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import { Keyboard as m } from "swiper/modules";
2
- import '../assets/swiper-autoplay.css';/* empty css */
2
+ import '../assets/swiper-thumbs.css';/* empty css */
3
3
  export {
4
4
  m as Keyboard
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import { Thumbs as p } from "swiper/modules";
2
- import '../assets/swiper-autoplay.css';/* empty css */
2
+ import '../assets/swiper-thumbs.css';/* empty css */
3
3
  export {
4
4
  p as Thumbs
5
5
  };
@@ -1,4 +1,4 @@
1
- import { AccordionItemProps } from 'reka-ui';
1
+ import { AccordionItemProps, AccordionContentProps } from 'reka-ui';
2
2
  import { ClassTypeProp } from '../types';
3
3
  type __VLS_Props = {
4
4
  title?: string;
@@ -10,6 +10,11 @@ type __VLS_Props = {
10
10
  headerClasses?: ClassTypeProp;
11
11
  contentClasses?: ClassTypeProp;
12
12
  arrowClasses?: ClassTypeProp;
13
+ /**
14
+ * The element or component this component should render as. Can be overwritten by asChild.
15
+ * @defaultValue — “div”
16
+ */
17
+ accordionHeaderTag?: AccordionContentProps["as"];
13
18
  };
14
19
  declare function __VLS_template(): {
15
20
  attrs: Partial<{}>;
@@ -1,6 +1,6 @@
1
- import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, renderSlot as r, normalizeClass as l, createTextVNode as k, toDisplayString as f } from "vue";
2
- import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as w, AccordionContent as C } from "reka-ui";
3
- import { ArrowIcon as g } from "@wikicasa-dev/svg-icons";
1
+ import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as o, createTextVNode as f, toDisplayString as k } from "vue";
2
+ import { AccordionItem as m, AccordionHeader as h, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
3
+ import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
4
4
  const b = /* @__PURE__ */ n({
5
5
  __name: "BaseAccordionItem",
6
6
  props: {
@@ -12,23 +12,27 @@ const b = /* @__PURE__ */ n({
12
12
  triggerClasses: {},
13
13
  headerClasses: {},
14
14
  contentClasses: {},
15
- arrowClasses: {}
15
+ arrowClasses: {},
16
+ accordionHeaderTag: { default: "h3" }
16
17
  },
17
18
  setup(e) {
18
- const o = c("isActive");
19
- return (i, v) => (d(), u(t(h), {
19
+ const l = c("isActive");
20
+ return (i, v) => (d(), u(t(m), {
20
21
  value: e.value,
21
22
  "data-cy": e.dataCy
22
23
  }, {
23
24
  default: a(() => [
24
- s(t(m), {
25
- class: "uikit-flex uikit-items-center uikit-justify-between",
26
- "header-classes": e.headerClasses
25
+ s(t(h), {
26
+ as: e.accordionHeaderTag,
27
+ class: r([
28
+ e.headerClasses,
29
+ "uikit-flex uikit-items-center uikit-justify-between"
30
+ ])
27
31
  }, {
28
32
  default: a(() => [
29
- r(i.$slots, "header-content"),
30
- s(t(w), {
31
- class: l([
33
+ o(i.$slots, "header-content"),
34
+ s(t(g), {
35
+ class: r([
32
36
  e.triggerClasses,
33
37
  {
34
38
  "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": !i.$slots.trigger,
@@ -37,12 +41,12 @@ const b = /* @__PURE__ */ n({
37
41
  ])
38
42
  }, {
39
43
  default: a(() => [
40
- r(i.$slots, "trigger", {
41
- active: t(o)(e.value)
44
+ o(i.$slots, "trigger", {
45
+ active: t(l)(e.value)
42
46
  }, () => [
43
- k(f(e.title) + " ", 1),
44
- s(t(g), {
45
- class: l(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
47
+ f(k(e.title) + " ", 1),
48
+ s(t(C), {
49
+ class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(l)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
46
50
  "arrow-classes": e.arrowClasses,
47
51
  width: e.arrowWidth,
48
52
  height: e.arrowWidth
@@ -53,15 +57,15 @@ const b = /* @__PURE__ */ n({
53
57
  }, 8, ["class"])
54
58
  ]),
55
59
  _: 3
56
- }, 8, ["header-classes"]),
57
- s(t(C), {
58
- class: l([
60
+ }, 8, ["as", "class"]),
61
+ s(t(w), {
62
+ class: r([
59
63
  e.contentClasses,
60
64
  "uikit-base-accordion-item-content uikit-px-[16px]"
61
65
  ])
62
66
  }, {
63
67
  default: a(() => [
64
- r(i.$slots, "default")
68
+ o(i.$slots, "default")
65
69
  ]),
66
70
  _: 3
67
71
  }, 8, ["class"])
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.2.8-alpha.4",
3
+ "version": "2.2.8-alpha.5",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",