@wikicasa-dev/components 2.3.1-alpha.21 → 2.3.1-alpha.3

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.
Files changed (69) hide show
  1. package/dist/UIKit/Accordion/BaseAccordion.d.ts +18 -15
  2. package/dist/UIKit/Accordion/BaseAccordionBtn.d.ts +34 -0
  3. package/dist/UIKit/Accordion/BaseAccordionBtn.js +4 -0
  4. package/dist/UIKit/Accordion/BaseAccordionContent.d.ts +30 -0
  5. package/dist/UIKit/Accordion/BaseAccordionContent.js +4 -0
  6. package/dist/UIKit/Accordion/BaseAccordionItem.d.ts +21 -12
  7. package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts +1 -1
  8. package/dist/UIKit/BaseAutocomplete.d.ts +1 -1
  9. package/dist/UIKit/BaseButton.d.ts +2 -2
  10. package/dist/UIKit/BaseDropDown.d.ts +1 -1
  11. package/dist/UIKit/BaseSnackbar.d.ts +1 -3
  12. package/dist/UIKit/BaseToggle.d.ts +2 -3
  13. package/dist/UIKit/Checkbox/CheckboxBtn.d.ts +1 -1
  14. package/dist/assets/BaseAccordionItem.css +1 -1
  15. package/dist/assets/BaseBadge.css +1 -1
  16. package/dist/assets/BaseCard.css +1 -1
  17. package/dist/assets/BaseComplexToggle.css +1 -1
  18. package/dist/assets/BaseModal.css +1 -1
  19. package/dist/assets/BaseSnackbar.css +1 -1
  20. package/dist/assets/tailwind.css +1 -1
  21. package/dist/index.d.ts +2 -11
  22. package/dist/index.js +91 -111
  23. package/dist/packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js +14 -22
  24. package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js +59 -0
  25. package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js +34 -0
  26. package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js +36 -36
  27. package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js +17 -17
  28. package/dist/packages/components/lib/UIKit/BaseSlider.vue.js +3 -1
  29. package/dist/packages/components/lib/UIKit/BaseSnackbar.vue.js +52 -54
  30. package/dist/packages/components/lib/UIKit/BaseToggle.vue.js +15 -16
  31. package/dist/packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js +9 -10
  32. package/dist/packages/components/lib/UIKit/Tab/BaseTabView.vue.js +46 -45
  33. package/dist/types/index.d.ts +1 -13
  34. package/package.json +15 -15
  35. package/dist/UIKit/Accordion/AccordionContentPrimitive.d.ts +0 -19
  36. package/dist/UIKit/Accordion/AccordionContentPrimitive.js +0 -4
  37. package/dist/UIKit/Accordion/AccordionHeaderPrimitive.d.ts +0 -11
  38. package/dist/UIKit/Accordion/AccordionHeaderPrimitive.js +0 -4
  39. package/dist/UIKit/Accordion/AccordionItemPrimitive.d.ts +0 -13
  40. package/dist/UIKit/Accordion/AccordionItemPrimitive.js +0 -4
  41. package/dist/UIKit/Accordion/AccordionTriggerPrimitive.d.ts +0 -13
  42. package/dist/UIKit/Accordion/AccordionTriggerPrimitive.js +0 -4
  43. package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.d.ts +0 -26
  44. package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.js +0 -4
  45. package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.d.ts +0 -21
  46. package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.js +0 -4
  47. package/dist/UIKit/Tab/v2/BaseTabs.d.ts +0 -24
  48. package/dist/UIKit/Tab/v2/BaseTabs.js +0 -5
  49. package/dist/UIKit/Tab/v2/BaseTabsContent.d.ts +0 -13
  50. package/dist/UIKit/Tab/v2/BaseTabsContent.js +0 -4
  51. package/dist/UIKit/Tab/v2/BaseTabsIndicator.d.ts +0 -66
  52. package/dist/UIKit/Tab/v2/BaseTabsIndicator.js +0 -5
  53. package/dist/UIKit/Tab/v2/BaseTabsList.d.ts +0 -13
  54. package/dist/UIKit/Tab/v2/BaseTabsList.js +0 -4
  55. package/dist/UIKit/Tab/v2/BaseTabsTrigger.d.ts +0 -20
  56. package/dist/UIKit/Tab/v2/BaseTabsTrigger.js +0 -4
  57. package/dist/assets/BaseTabs.css +0 -1
  58. package/dist/assets/BaseTabsIndicator.css +0 -1
  59. package/dist/packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js +0 -22
  60. package/dist/packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js +0 -21
  61. package/dist/packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js +0 -24
  62. package/dist/packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js +0 -22
  63. package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js +0 -33
  64. package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js +0 -35
  65. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js +0 -39
  66. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js +0 -24
  67. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js +0 -34
  68. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js +0 -23
  69. package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js +0 -31
@@ -1,17 +1,16 @@
1
- import { defineComponent as b, mergeModels as I, useModel as w, ref as $, watch as y, nextTick as x, createBlock as u, openBlock as r, unref as i, withCtx as a, renderSlot as d, createVNode as n, normalizeClass as k, createCommentVNode as p, normalizeStyle as B } from "vue";
1
+ import { defineComponent as x, mergeModels as I, useModel as w, ref as b, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
2
2
  import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
3
3
  import { ToastProvider as D, ToastRoot as M, ToastTitle as P, ToastDescription as z, ToastClose as S, ToastAction as A, ProgressRoot as N, ProgressIndicator as R, ToastPortal as U, ToastViewport as h } from "reka-ui";
4
- const q = /* @__PURE__ */ b({
4
+ const q = /* @__PURE__ */ x({
5
5
  inheritAttrs: !1,
6
6
  __name: "BaseSnackbar",
7
7
  props: /* @__PURE__ */ I({
8
8
  alertClass: { default: "primary" },
9
9
  duration: { default: 3e3 },
10
- swipeDirection: { default: "left" },
10
+ swipeDirection: { default: "right" },
11
11
  to: { type: [String, Boolean], default: "body" },
12
12
  dataCy: { default: "" },
13
13
  withCloseIcon: { type: Boolean, default: !0 },
14
- closeClasses: {},
15
14
  viewportClasses: { default: "" },
16
15
  type: { default: "foreground" }
17
16
  }, {
@@ -21,95 +20,94 @@ const q = /* @__PURE__ */ b({
21
20
  refreshModifiers: {}
22
21
  }),
23
22
  emits: ["update:open", "update:refresh"],
24
- setup(e) {
25
- const l = w(e, "open"), v = w(e, "refresh"), o = $(0);
26
- let c, m;
27
- const C = (t = 3e3) => {
23
+ setup(t) {
24
+ const l = w(t, "open"), v = w(t, "refresh"), o = b(0);
25
+ let k, c;
26
+ const g = (e = 3e3) => {
28
27
  o.value = 0;
29
- const s = Date.now();
30
- m = setInterval(() => {
31
- const g = Date.now() - s;
32
- o.value = Math.min(100, g / t * 100), o.value >= 100 && clearInterval(m);
28
+ const u = Date.now();
29
+ c = setInterval(() => {
30
+ const C = Date.now() - u;
31
+ o.value = Math.min(100, C / e * 100), o.value >= 100 && clearInterval(c);
33
32
  }, 30);
34
33
  }, T = () => {
35
- clearTimeout(c), c = setTimeout(() => {
34
+ clearTimeout(k), k = setTimeout(() => {
36
35
  l.value = !1;
37
- }, e.duration), C(e.duration);
36
+ }, t.duration), g(t.duration);
38
37
  };
39
38
  return y(
40
39
  l,
41
- (t) => {
42
- x(() => {
43
- if (t) {
40
+ (e) => {
41
+ $(() => {
42
+ if (e) {
44
43
  T();
45
44
  return;
46
45
  }
47
- clearInterval(m), clearTimeout(c), o.value = 0;
46
+ clearInterval(c), clearTimeout(k), o.value = 0;
48
47
  });
49
48
  },
50
49
  { immediate: !0 }
51
- ), y(v, (t) => {
52
- t && (l.value = !1, setTimeout(() => {
50
+ ), y(v, (e) => {
51
+ e && (l.value = !1, setTimeout(() => {
53
52
  l.value = !0, v.value = !1;
54
53
  }));
55
- }), (t, s) => (r(), u(i(D), { "swipe-direction": e.swipeDirection }, {
54
+ }), (e, u) => (r(), s(i(D), { "swipe-direction": t.swipeDirection }, {
56
55
  default: a(() => [
57
- d(t.$slots, "trigger", {
56
+ f(e.$slots, "trigger", {
58
57
  open: () => l.value = !0
59
58
  }),
60
59
  n(i(M), {
61
60
  open: l.value,
62
- "onUpdate:open": s[1] || (s[1] = (f) => l.value = f),
63
- duration: e.duration,
64
- class: k(["uikit-toast-root uikit-relative uikit-box-border uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${e.alertClass}`, t.$attrs.class]]),
65
- "data-cy": e.dataCy,
66
- type: e.type
61
+ "onUpdate:open": u[1] || (u[1] = (d) => l.value = d),
62
+ duration: t.duration,
63
+ class: m(["uikit-toast-root uikit-relative uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${t.alertClass}`, e.$attrs.class]]),
64
+ "data-cy": t.dataCy,
65
+ type: t.type
67
66
  }, {
68
67
  default: a(() => [
69
- t.$slots.title ? (r(), u(i(P), {
68
+ e.$slots.title ? (r(), s(i(P), {
70
69
  key: 0,
71
70
  "as-child": ""
72
71
  }, {
73
72
  default: a(() => [
74
- d(t.$slots, "title")
73
+ f(e.$slots, "title")
75
74
  ]),
76
75
  _: 3
77
76
  })) : p("", !0),
78
77
  n(i(z), { "as-child": "" }, {
79
78
  default: a(() => [
80
- d(t.$slots, "default")
79
+ f(e.$slots, "default"),
80
+ t.withCloseIcon ? (r(), s(i(S), {
81
+ key: 0,
82
+ class: "uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]",
83
+ "data-cy": "base-snackbar-close-btn"
84
+ }, {
85
+ default: a(() => [
86
+ n(i(V), {
87
+ width: 12,
88
+ height: 12,
89
+ "stroke-color": "#fff"
90
+ })
91
+ ]),
92
+ _: 1
93
+ })) : p("", !0)
81
94
  ]),
82
95
  _: 3
83
96
  }),
84
- e.withCloseIcon ? (r(), u(i(S), {
97
+ e.$slots["toast-action"] ? (r(), s(i(A), {
85
98
  key: 1,
86
- class: k(["uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]", e.closeClasses]),
87
- "data-cy": "base-snackbar-close-btn"
88
- }, {
89
- default: a(() => [
90
- d(t.$slots, "toast-close", {}, () => [
91
- n(i(V), {
92
- width: 12,
93
- height: 12,
94
- "stroke-color": "#fff"
95
- })
96
- ])
97
- ]),
98
- _: 3
99
- }, 8, ["class"])) : p("", !0),
100
- t.$slots["toast-action"] ? (r(), u(i(A), {
101
- key: 2,
99
+ class: "[grid-area:_action]",
102
100
  "as-child": "",
103
101
  "alt-text": "Goto schedule to undo"
104
102
  }, {
105
103
  default: a(() => [
106
- d(t.$slots, "toast-action")
104
+ f(e.$slots, "toast-action")
107
105
  ]),
108
106
  _: 3
109
107
  })) : p("", !0),
110
108
  n(i(N), {
111
109
  modelValue: o.value,
112
- "onUpdate:modelValue": s[0] || (s[0] = (f) => o.value = f),
110
+ "onUpdate:modelValue": u[0] || (u[0] = (d) => o.value = d),
113
111
  class: "uikit-absolute uikit-bottom-0 uikit-left-0 uikit-h-[4px] uikit-w-full uikit-overflow-hidden"
114
112
  }, {
115
113
  default: a(() => [
@@ -123,19 +121,19 @@ const q = /* @__PURE__ */ b({
123
121
  ]),
124
122
  _: 3
125
123
  }, 8, ["open", "duration", "class", "data-cy", "type"]),
126
- e.to ? (r(), u(i(U), {
124
+ t.to ? (r(), s(i(U), {
127
125
  key: 0,
128
- to: e.to
126
+ to: t.to
129
127
  }, {
130
128
  default: a(() => [
131
129
  n(i(h), {
132
- class: k(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", e.viewportClasses])
130
+ class: m(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", t.viewportClasses])
133
131
  }, null, 8, ["class"])
134
132
  ]),
135
133
  _: 1
136
- }, 8, ["to"])) : (r(), u(i(h), {
134
+ }, 8, ["to"])) : (r(), s(i(h), {
137
135
  key: 1,
138
- class: k(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", e.viewportClasses])
136
+ class: m(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", t.viewportClasses])
139
137
  }, null, 8, ["class"]))
140
138
  ]),
141
139
  _: 3
@@ -1,39 +1,38 @@
1
- import { defineComponent as d, mergeModels as s, useModel as n, createElementBlock as k, openBlock as c, renderSlot as a, createVNode as u, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
1
+ import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as c, renderSlot as u, createVNode as a, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
2
2
  import { SwitchRoot as b, SwitchThumb as h } from "reka-ui";
3
- const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], V = /* @__PURE__ */ d({
3
+ const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], y = /* @__PURE__ */ s({
4
+ inheritAttrs: !1,
4
5
  __name: "BaseToggle",
5
- props: /* @__PURE__ */ s({
6
- label: {},
7
- dataCy: {}
6
+ props: /* @__PURE__ */ n({
7
+ label: {}
8
8
  }, {
9
9
  modelValue: { type: Boolean, default: !1 },
10
10
  modelModifiers: {}
11
11
  }),
12
12
  emits: ["update:modelValue"],
13
- setup(e) {
14
- const i = n(e, "modelValue");
15
- return (t, l) => (c(), k("div", g, [
16
- a(t.$slots, "leftLabel"),
17
- u(o(b), {
13
+ setup(t) {
14
+ const i = d(t, "modelValue");
15
+ return (e, l) => (c(), k("div", g, [
16
+ u(e.$slots, "leftLabel"),
17
+ a(o(b), {
18
18
  modelValue: i.value,
19
19
  "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
20
- "data-cy": e.dataCy,
21
20
  class: "uikit-flex uikit-h-[20px] uikit-w-[40px] uikit-cursor-pointer uikit-rounded-full uikit-p-0 uikit-transition-[background] uikit-will-change-[background] focus-visible:uikit-outline-w-primary data-[state=checked]:uikit-bg-w-primary data-[state=unchecked]:uikit-bg-w-cultured"
22
21
  }, {
23
22
  default: f(() => [
24
- u(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
23
+ a(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
25
24
  ]),
26
25
  _: 1
27
- }, 8, ["modelValue", "data-cy"]),
28
- t.$slots.leftLabel ? m("", !0) : a(t.$slots, "rightLabel", { key: 0 }, () => [
26
+ }, 8, ["modelValue"]),
27
+ e.$slots.leftLabel ? m("", !0) : u(e.$slots, "rightLabel", { key: 0 }, () => [
29
28
  p("span", {
30
29
  class: "uikit-ml-[10px]",
31
- innerHTML: e.label
30
+ innerHTML: t.label
32
31
  }, null, 8, w)
33
32
  ])
34
33
  ]));
35
34
  }
36
35
  });
37
36
  export {
38
- V as default
37
+ y as default
39
38
  };
@@ -1,6 +1,6 @@
1
- import { defineComponent as n, createPropsRestProxy as d, createBlock as l, openBlock as p, unref as m, mergeProps as c, withCtx as u, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
2
- import { RadioGroupItem as P } from "reka-ui";
3
- const v = /* @__PURE__ */ n({
1
+ import { defineComponent as n, createBlock as p, openBlock as l, unref as m, mergeProps as d, withCtx as u, renderSlot as c, normalizeProps as f, guardReactiveProps as B } from "vue";
2
+ import { RadioGroupItem as y } from "reka-ui";
3
+ const _ = /* @__PURE__ */ n({
4
4
  __name: "RadioGroupItemPrimitive",
5
5
  props: {
6
6
  dataCy: {},
@@ -13,19 +13,18 @@ const v = /* @__PURE__ */ n({
13
13
  required: { type: Boolean }
14
14
  },
15
15
  emits: ["select"],
16
- setup(t, { emit: a }) {
17
- const r = d(t, ["dataCy"]), s = a;
18
- return (i, o) => (p(), l(m(P), c(r, {
19
- "data-cy": t.dataCy,
16
+ setup(t, { emit: r }) {
17
+ const a = t, s = r;
18
+ return (i, o) => (l(), p(m(y), d(a, {
20
19
  onSelect: o[0] || (o[0] = (e) => s("select", e))
21
20
  }), {
22
21
  default: u((e) => [
23
- y(i.$slots, "default", f(C(e)))
22
+ c(i.$slots, "default", f(B(e)))
24
23
  ]),
25
24
  _: 3
26
- }, 16, ["data-cy"]));
25
+ }, 16));
27
26
  }
28
27
  });
29
28
  export {
30
- v as default
29
+ _ as default
31
30
  };
@@ -1,10 +1,10 @@
1
- import { defineComponent as S, mergeModels as T, useModel as z, ref as x, useId as j, useSlots as q, computed as G, provide as v, watch as k, createElementBlock as f, openBlock as l, normalizeClass as I, createElementVNode as H, createBlock as o, createCommentVNode as u, unref as m, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
2
- import R from "./BaseTabPanel.vue.js";
1
+ import { defineComponent as z, mergeModels as k, useModel as j, ref as v, useId as q, useSlots as G, computed as H, provide as f, watch as x, createElementBlock as m, openBlock as i, normalizeClass as I, createElementVNode as J, createBlock as o, createCommentVNode as u, unref as y, toDisplayString as K, Fragment as g, renderList as O, withCtx as Q, resolveDynamicComponent as R } from "vue";
2
+ import U from "./BaseTabPanel.vue.js";
3
3
  import P from "./BaseTabList.vue.js";
4
- const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
4
+ const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
5
5
  inheritAttrs: !1,
6
6
  __name: "BaseTabView",
7
- props: /* @__PURE__ */ T({
7
+ props: /* @__PURE__ */ k({
8
8
  tabsPosition: { default: "top" },
9
9
  tabViewDescription: {},
10
10
  tabListClasses: {},
@@ -13,94 +13,95 @@ const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
13
13
  activeIdx: { default: 0 },
14
14
  activeIdxModifiers: {}
15
15
  }),
16
- emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
16
+ emits: /* @__PURE__ */ k(["tabClicked"], ["update:activeIdx"]),
17
17
  setup(s, { emit: $ }) {
18
- const B = $, c = z(s, "activeIdx"), A = x(""), b = x(null), d = j(), y = q(), r = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", p = (e, a) => ({
18
+ const B = $, c = j(s, "activeIdx"), A = v(""), b = v(null), F = v(null), d = q(), h = G(), r = (e) => e.props ?? null, p = (e) => e.type.__name === "BaseTab", C = (e, a) => ({
19
19
  renderFn: e,
20
- tabId: C(a),
20
+ tabId: T(a),
21
21
  "active-tab-panel-idx": r(e)?.["active-tab-panel-idx"] ?? a,
22
22
  "header-title": r(e)?.["header-title"] || "",
23
23
  class: r(e)?.class || "",
24
24
  "tab-panel-classes": r(e)?.["tab-panel-classes"] || "",
25
25
  "data-cy": r(e)?.["data-cy"] || ""
26
- }), i = G(() => y.default ? y.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
27
- h(t) && e.push(p(t, e.length));
28
- }) : h(a) && e.push(p(a, e.length)), e), []) : []);
29
- v("tabs", i), v("isTabActive", (e) => c.value === e);
30
- const F = (e = -1) => b.value === e, C = (e) => `base-tab-${e}-${d}`, V = (e = -1) => `base-tab-panel-${e}-${d}`, w = (e = -1) => {
31
- const a = i.value.reduce(
32
- (t, n, N) => (n["active-tab-panel-idx"] !== e || t.push({ tab: n, idx: N }), t),
26
+ }), l = H(() => h.default ? h.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
27
+ p(t) && e.push(C(t, e.length));
28
+ }) : p(a) && e.push(C(a, e.length)), e), []) : []);
29
+ f("tabs", l), f("isTabActive", (e) => c.value === e);
30
+ const V = (e = -1) => b.value === e, T = (e) => `base-tab-${e}-${d}`, w = (e = -1) => `base-tab-panel-${e}-${d}`, D = (e = -1) => {
31
+ const a = l.value.reduce(
32
+ (t, n, S) => (n["active-tab-panel-idx"] !== e || t.push({ tab: n, idx: S }), t),
33
33
  []
34
34
  );
35
35
  return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === c.value)?.tab.tabId;
36
- }, D = (e) => {
37
- A.value = C(e);
38
36
  }, L = (e) => {
39
- const a = i.value.at(e ?? -1);
37
+ A.value = T(e);
38
+ }, E = (e) => {
39
+ const a = l.value.at(e ?? -1);
40
40
  b.value = a?.["active-tab-panel-idx"] ?? null;
41
41
  };
42
- v("handleClick", (e, a) => {
43
- D(e), c.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
44
- }), k(
42
+ f("handleClick", (e, a) => {
43
+ L(e), c.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
44
+ }), x(
45
45
  c,
46
46
  (e) => {
47
- L(e ?? -1);
47
+ E(e ?? -1);
48
48
  },
49
49
  {
50
50
  immediate: !0
51
51
  }
52
52
  );
53
- const E = (e, a) => {
53
+ const M = (e, a) => {
54
54
  for (let t = 0; t < e.length; t++)
55
55
  if (e[t] !== a[t]) return t;
56
56
  return null;
57
- }, M = (e = -1) => i.value.find((a) => a["active-tab-panel-idx"] === e);
58
- return k(
59
- () => i.value.map((e) => e["active-tab-panel-idx"]),
57
+ }, N = (e = -1) => l.value.find((a) => a["active-tab-panel-idx"] === e);
58
+ return x(
59
+ () => l.value.map((e) => e["active-tab-panel-idx"]),
60
60
  (e, a) => {
61
- const t = E(e, a);
61
+ const t = M(e, a);
62
62
  if (t === null) return;
63
- const n = i.value[t]["active-tab-panel-idx"];
63
+ const n = l.value[t]["active-tab-panel-idx"];
64
64
  c.value !== t || n === void 0 || (b.value = n);
65
65
  }
66
- ), (e, a) => (l(), f("div", {
67
- ref: "root",
66
+ ), (e, a) => (i(), m("div", {
67
+ ref_key: "root",
68
+ ref: F,
68
69
  class: I(e.$attrs.class),
69
70
  "data-cy": s.dataCy
70
71
  }, [
71
- H("span", {
72
- id: `tablist-${m(d)}`,
72
+ J("span", {
73
+ id: `tablist-${y(d)}`,
73
74
  class: "uikit-sr-only"
74
- }, J(s.tabViewDescription), 9, W),
75
- s.tabsPosition === "top" ? (l(), o(P, {
75
+ }, K(s.tabViewDescription), 9, X),
76
+ s.tabsPosition === "top" ? (i(), o(P, {
76
77
  key: 0,
77
- uid: m(d),
78
+ uid: y(d),
78
79
  "tab-list-classes": s.tabListClasses,
79
80
  "data-cy": s.dataCy ? `${s.dataCy}-tab-list` : ""
80
81
  }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : u("", !0),
81
- (l(!0), f(g, null, K(i.value, (t, n) => (l(), f(g, { key: n }, [
82
- M(n) ? (l(), o(R, {
82
+ (i(!0), m(g, null, O(l.value, (t, n) => (i(), m(g, { key: n }, [
83
+ N(n) ? (i(), o(U, {
83
84
  key: 0,
84
- id: V(t["active-tab-panel-idx"]),
85
- "labelled-by": w(n) ?? "",
86
- active: F(n),
85
+ id: w(t["active-tab-panel-idx"]),
86
+ "labelled-by": D(n) ?? "",
87
+ active: V(n),
87
88
  class: I(t["tab-panel-classes"])
88
89
  }, {
89
- default: O(() => [
90
- t.renderFn.children && t.renderFn.children.default ? (l(), o(Q(t.renderFn.children.default), { key: 0 })) : u("", !0)
90
+ default: Q(() => [
91
+ t.renderFn.children && t.renderFn.children.default ? (i(), o(R(t.renderFn.children.default), { key: 0 })) : u("", !0)
91
92
  ]),
92
93
  _: 2
93
94
  }, 1032, ["id", "labelled-by", "active", "class"])) : u("", !0)
94
95
  ], 64))), 128)),
95
- s.tabsPosition === "bottom" ? (l(), o(P, {
96
+ s.tabsPosition === "bottom" ? (i(), o(P, {
96
97
  key: 1,
97
- uid: m(d),
98
+ uid: y(d),
98
99
  "tab-list-classes": s.tabListClasses,
99
100
  "data-cy": s.dataCy ? `${s.dataCy}-tab-list` : ""
100
101
  }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : u("", !0)
101
- ], 10, U));
102
+ ], 10, W));
102
103
  }
103
104
  });
104
105
  export {
105
- ae as default
106
+ te as default
106
107
  };
@@ -1,4 +1,5 @@
1
1
  export * from '../UIKit/types';
2
+ export type { AccordionItemDecorated, AccordionItem, } from '../UIKit/Accordion/BaseAccordion';
2
3
  export type { CheckboxGroupProps, CheckboxButtonType, } from '../UIKit/Checkbox/CheckboxGroup';
3
4
  export type { BaseTabProps } from '../UIKit/Tab/BaseTabView';
4
5
  export type { RadioButtonType } from '../UIKit/Radio/RadioGroup';
@@ -11,16 +12,3 @@ export type { RadioButtonGroupProps } from '../UIKit/Radio/v2/RadioButtonGroup';
11
12
  export type { RadioButtonItemProps } from '../UIKit/Radio/v2/RadioButtonItem';
12
13
  export type { RadioGroupItemPrimitiveProps } from '../UIKit/Radio/v2/RadioGroupItemPrimitive';
13
14
  export type { CheckboxButtonGroupProps, CheckboxButtonItem, } from '../UIKit/Checkbox/v2/CheckboxButtonGroup';
14
- export type { CheckboxGroupPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupPrimitive';
15
- export type { CheckboxGroupItemPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupItemPrimitive';
16
- export type { BaseAccordionProps } from '../UIKit/Accordion/BaseAccordion';
17
- export type { BaseAccordionItemProps } from '../UIKit/Accordion/BaseAccordionItem';
18
- export type { AccordionContentPrimitiveProps } from '../UIKit/Accordion/AccordionContentPrimitive';
19
- export type { AccordionHeaderPrimitiveProps } from '../UIKit/Accordion/AccordionHeaderPrimitive';
20
- export type { AccordionItemPrimitiveProps } from '../UIKit/Accordion/AccordionItemPrimitive';
21
- export type { AccordionTriggerPrimitiveProps } from '../UIKit/Accordion/AccordionTriggerPrimitive';
22
- export type { BaseTabsProps } from '../UIKit/Tab/v2/BaseTabs';
23
- export type { BaseTabsContentProps } from '../UIKit/Tab/v2/BaseTabsContent';
24
- export type { BaseTabsIndicatorProps } from '../UIKit/Tab/v2/BaseTabsIndicator';
25
- export type { BaseTabsListProps } from '../UIKit/Tab/v2/BaseTabsList';
26
- export type { BaseTabsTriggerProps } from '../UIKit/Tab/v2/BaseTabsTrigger';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.3.1-alpha.21",
3
+ "version": "2.3.1-alpha.3",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -52,41 +52,41 @@
52
52
  "dependencies": {
53
53
  "chart.js": "4.5.1",
54
54
  "chartjs-adapter-date-fns": "3.0.0",
55
- "reka-ui": "^2.7.0",
55
+ "reka-ui": "^2.6.1",
56
56
  "swiper": "^12.0.3",
57
- "vue": "^3.5.27",
57
+ "vue": "^3.5.25",
58
58
  "vue-chartjs": "5.3.3"
59
59
  },
60
60
  "devDependencies": {
61
- "@babel/eslint-parser": "^7.28.6",
62
- "@histoire/plugin-vue": "^1.0.0-beta.1",
63
- "@types/node": "^25.0.9",
64
- "@vitejs/plugin-vue": "^6.0.3",
61
+ "@babel/eslint-parser": "^7.28.5",
62
+ "@histoire/plugin-vue": "^1.0.0-alpha.5",
63
+ "@types/node": "^24.10.1",
64
+ "@vitejs/plugin-vue": "^6.0.2",
65
65
  "@vue/eslint-config-prettier": "^10.2.0",
66
66
  "@vue/eslint-config-typescript": "^14.6.0",
67
67
  "@wikicasa-dev/svg-icons": "1.3.0",
68
68
  "@wikicasa-dev/vue-composables": "0.1.0",
69
69
  "@wikicasa-dev/tailwind-plugins": "^0.0.3",
70
- "@wikicasa-dev/types": "2.5.1",
70
+ "@wikicasa-dev/types": "2.5.0",
71
71
  "@wikicasa-dev/utilities": "1.2.0",
72
- "autoprefixer": "^10.4.23",
72
+ "autoprefixer": "^10.4.22",
73
73
  "date-fns": "4.1.0",
74
74
  "eslint": "^9.39",
75
- "eslint-plugin-vue": "^10.7.0",
75
+ "eslint-plugin-vue": "^10.6.2",
76
76
  "jiti": "^2.6.1",
77
77
  "glob": "^13.0.0",
78
- "histoire": "^1.0.0-beta.1",
78
+ "histoire": "^1.0.0-alpha.5",
79
79
  "postcss": "^8.5.6",
80
- "prettier": "^3.8.0",
80
+ "prettier": "^3.7.4",
81
81
  "prettier-plugin-tailwindcss": "^0.7.2",
82
82
  "rollup-plugin-visualizer": "^6.0.5",
83
83
  "tailwindcss": "3.4.15",
84
84
  "typescript": "^5.9.3",
85
- "vite": "7.3.1",
85
+ "vite": "7.2.6",
86
86
  "vite-plugin-dts": "^4.5.4",
87
87
  "vite-plugin-lib-inject-css": "^2.2.2",
88
- "vue-router": "^4.6.4",
89
- "vue-tsc": "3.2.2"
88
+ "vue-router": "^4.6.3",
89
+ "vue-tsc": "3.1.5"
90
90
  },
91
91
  "readme": "ERROR: No README data found!",
92
92
  "scripts": {
@@ -1,19 +0,0 @@
1
- import { AccordionContentProps } from 'reka-ui';
2
- export type AccordionContentPrimitiveProps = AccordionContentProps;
3
- declare function __VLS_template(): {
4
- attrs: Partial<{}>;
5
- slots: {
6
- default?(_: {}): any;
7
- };
8
- refs: {};
9
- rootEl: any;
10
- };
11
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
- declare const __VLS_component: import('vue').DefineComponent<AccordionContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
13
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
- export default _default;
15
- type __VLS_WithTemplateSlots<T, S> = T & {
16
- new (): {
17
- $slots: S;
18
- };
19
- };
@@ -1,4 +0,0 @@
1
- import f from "../../packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
@@ -1,11 +0,0 @@
1
- import { AccordionHeaderProps } from 'reka-ui';
2
- export type AccordionHeaderPrimitiveProps = AccordionHeaderProps;
3
- declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
4
- default?(_: {}): any;
5
- }>;
6
- export default _default;
7
- type __VLS_WithTemplateSlots<T, S> = T & {
8
- new (): {
9
- $slots: S;
10
- };
11
- };
@@ -1,4 +0,0 @@
1
- import f from "../../packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
@@ -1,13 +0,0 @@
1
- import { AccordionItemProps } from 'reka-ui';
2
- export type AccordionItemPrimitiveProps = AccordionItemProps;
3
- declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
4
- default?(_: {
5
- open: boolean;
6
- }): any;
7
- }>;
8
- export default _default;
9
- type __VLS_WithTemplateSlots<T, S> = T & {
10
- new (): {
11
- $slots: S;
12
- };
13
- };
@@ -1,4 +0,0 @@
1
- import f from "../../packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
@@ -1,13 +0,0 @@
1
- import { AccordionTriggerProps } from 'reka-ui';
2
- export type AccordionTriggerPrimitiveProps = AccordionTriggerProps & {
3
- dataCy?: string;
4
- };
5
- declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionTriggerPrimitiveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionTriggerPrimitiveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
6
- default?(_: {}): any;
7
- }>;
8
- export default _default;
9
- type __VLS_WithTemplateSlots<T, S> = T & {
10
- new (): {
11
- $slots: S;
12
- };
13
- };
@@ -1,4 +0,0 @@
1
- import f from "../../packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
@@ -1,26 +0,0 @@
1
- import { CheckboxRootProps } from 'reka-ui';
2
- export type CheckboxGroupItemPrimitiveValueType<T extends undefined | CheckboxRootProps["value"] = undefined> = T;
3
- export interface CheckboxGroupItemPrimitiveProps<T extends undefined | CheckboxRootProps["value"] = undefined> extends Omit<CheckboxRootProps, "value"> {
4
- dataCy?: string;
5
- value: CheckboxGroupItemPrimitiveValueType<T>;
6
- }
7
- declare const _default: <T extends CheckboxRootProps["value"]>(__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<{
8
- props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
9
- readonly "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
10
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & CheckboxGroupItemPrimitiveProps<T> & Partial<{}>> & import('vue').PublicProps;
11
- expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
12
- attrs: any;
13
- slots: {
14
- default?(_: {
15
- modelValue: import('reka-ui').CheckboxCheckedState;
16
- state: import('reka-ui').CheckboxCheckedState;
17
- }): any;
18
- };
19
- emit: (evt: "update:modelValue", value: boolean | "indeterminate") => void;
20
- }>) => import('vue').VNode & {
21
- __ctx?: Awaited<typeof __VLS_setup>;
22
- };
23
- export default _default;
24
- type __VLS_PrettifyLocal<T> = {
25
- [K in keyof T]: T[K];
26
- } & {};