@soft-stech/bootsman-ui-shadcn 1.4.19 → 1.4.21
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.
- package/dist/BuiAdvancedAccordionTrigger.vue_vue_type_script_setup_true_lang-CGtIg8gS.js +73 -0
- package/dist/{BuiScrollArea.vue_vue_type_script_setup_true_lang-DWubHfUF.js → BuiScrollArea.vue_vue_type_script_setup_true_lang-D-nqw_Ka.js} +1 -1
- package/dist/{BuiScrollBar.vue_vue_type_script_setup_true_lang-DjO8ARLW.js → BuiScrollBar.vue_vue_type_script_setup_true_lang-DNZ_v7U0.js} +1 -1
- package/dist/{BuiTable.vue_vue_type_script_setup_true_lang-CKRiQHpD.js → BuiTable.vue_vue_type_script_setup_true_lang-D8Tseif4.js} +3 -3
- package/dist/BuiTableHead.vue_vue_type_script_setup_true_lang-BDSRArVd.js +38 -0
- package/dist/BuiTableHeader.vue_vue_type_script_setup_true_lang-B2getNR7.js +26 -0
- package/dist/assets/main.css +1 -1
- package/dist/components/ui/accordion/BuiAdvancedAccordionTrigger.js +4 -0
- package/dist/components/ui/accordion/BuiAdvancedAccordionTrigger.vue.d.ts +35 -0
- package/dist/components/ui/accordion/index.d.ts +1 -0
- package/dist/components/ui/accordion/index.js +5 -3
- package/dist/components/ui/scroll-area/BuiScrollArea.js +1 -1
- package/dist/components/ui/scroll-area/BuiScrollBar.js +1 -1
- package/dist/components/ui/scroll-area/index.js +2 -2
- package/dist/components/ui/table/BuiDataTable.vue.d.ts +1 -0
- package/dist/components/ui/table/BuiTable.js +1 -1
- package/dist/components/ui/table/BuiTableHead.js +1 -1
- package/dist/components/ui/table/BuiTableHead.vue.d.ts +3 -0
- package/dist/components/ui/table/BuiTableHeader.js +1 -1
- package/dist/components/ui/table/BuiTableHeader.vue.d.ts +2 -0
- package/dist/components/ui/table/index.js +81 -77
- package/dist/index.js +379 -377
- package/package.json +1 -1
- package/src/components/stories/BuiAccordion.story.vue +54 -0
- package/src/components/ui/accordion/BuiAdvancedAccordionTrigger.vue +71 -0
- package/src/components/ui/accordion/index.ts +1 -0
- package/src/components/ui/scroll-area/BuiScrollBar.vue +13 -9
- package/src/components/ui/table/BuiDataTable.vue +3 -1
- package/src/components/ui/table/BuiTable.vue +1 -1
- package/src/components/ui/table/BuiTableHead.vue +18 -3
- package/src/components/ui/table/BuiTableHeader.vue +9 -3
- package/dist/BuiTableHead.vue_vue_type_script_setup_true_lang-uE4Py8ky.js +0 -26
- package/dist/BuiTableHeader.vue_vue_type_script_setup_true_lang-BcnB4-3x.js +0 -24
@@ -0,0 +1,73 @@
|
|
1
|
+
import { defineComponent as c, openBlock as i, createBlock as p, unref as e, normalizeClass as a, withCtx as n, createElementVNode as m, createVNode as t, mergeProps as C, renderSlot as l, createElementBlock as b, createCommentVNode as f } from "vue";
|
2
|
+
import { g as r } from "./utils-CwP7Up6y.js";
|
3
|
+
import { l as g, C as u } from "./index-DKlaqzM0.js";
|
4
|
+
import { C as v } from "./chevron-down-DetKg3pS.js";
|
5
|
+
const y = { class: "flex justify-between gap-2" }, $ = /* @__PURE__ */ c({
|
6
|
+
__name: "BuiAdvancedAccordionTrigger",
|
7
|
+
props: {
|
8
|
+
asChild: { type: Boolean },
|
9
|
+
as: {},
|
10
|
+
class: {},
|
11
|
+
borderColorClass: {},
|
12
|
+
bgColorClass: {},
|
13
|
+
iconBgClass: {},
|
14
|
+
descriptionColorClass: {},
|
15
|
+
isIconHidden: { type: Boolean },
|
16
|
+
isDisabledAsNormal: { type: Boolean }
|
17
|
+
},
|
18
|
+
setup(d) {
|
19
|
+
const s = d;
|
20
|
+
return (o, B) => (i(), p(e(g), {
|
21
|
+
class: a(
|
22
|
+
e(r)(
|
23
|
+
"flex flex-col p-2 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b",
|
24
|
+
s.borderColorClass ? s.borderColorClass : "border-border",
|
25
|
+
s.bgColorClass ? s.bgColorClass : "bg-primary/[0.16]"
|
26
|
+
)
|
27
|
+
),
|
28
|
+
as: "div"
|
29
|
+
}, {
|
30
|
+
default: n(() => [
|
31
|
+
m("div", y, [
|
32
|
+
t(e(u), C(s, {
|
33
|
+
class: e(r)(
|
34
|
+
"flex flex-1 items-center gap-2 rounded align-middle text-base font-semibold leading-6 ring-offset-background transition-all hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&[data-state=open]>svg]:rotate-180",
|
35
|
+
s.class,
|
36
|
+
s.isDisabledAsNormal ? "disabled:opacity-100" : "disabled:opacity-30"
|
37
|
+
)
|
38
|
+
}), {
|
39
|
+
default: n(() => [
|
40
|
+
t(e(v), {
|
41
|
+
class: a(
|
42
|
+
e(r)(
|
43
|
+
"h-4 w-4 shrink-0 rounded-sm text-primary-foreground transition-transform duration-200",
|
44
|
+
s.iconBgClass ? `${s.iconBgClass} dark:${s.iconBgClass}` : "bg-primary/[0.56] dark:bg-primary/[1]",
|
45
|
+
s.isIconHidden ? "invisible" : "visible"
|
46
|
+
)
|
47
|
+
)
|
48
|
+
}, null, 8, ["class"]),
|
49
|
+
l(o.$slots, "default")
|
50
|
+
]),
|
51
|
+
_: 3
|
52
|
+
}, 16, ["class"]),
|
53
|
+
l(o.$slots, "actions")
|
54
|
+
]),
|
55
|
+
o.$slots.description ? (i(), b("p", {
|
56
|
+
key: 0,
|
57
|
+
class: a(
|
58
|
+
e(r)(
|
59
|
+
"mx-6 mt-2 align-middle text-xs font-normal leading-4",
|
60
|
+
s.descriptionColorClass ? s.descriptionColorClass : ""
|
61
|
+
)
|
62
|
+
)
|
63
|
+
}, [
|
64
|
+
l(o.$slots, "description")
|
65
|
+
], 2)) : f("", !0)
|
66
|
+
]),
|
67
|
+
_: 3
|
68
|
+
}, 8, ["class"]));
|
69
|
+
}
|
70
|
+
});
|
71
|
+
export {
|
72
|
+
$ as _
|
73
|
+
};
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { defineComponent as n, computed as d, openBlock as p, createBlock as i, unref as e, mergeProps as f, withCtx as t, createVNode as s, renderSlot as m } from "vue";
|
2
2
|
import { b4 as u, b5 as _, b6 as h } from "./index-DKlaqzM0.js";
|
3
|
-
import { _ as y } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-
|
3
|
+
import { _ as y } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-DNZ_v7U0.js";
|
4
4
|
import { g as B } from "./utils-CwP7Up6y.js";
|
5
5
|
const C = /* @__PURE__ */ n({
|
6
6
|
__name: "BuiScrollArea",
|
@@ -17,7 +17,7 @@ const B = /* @__PURE__ */ l({
|
|
17
17
|
});
|
18
18
|
return (e, t) => (c(), p(o(f), i(n.value, {
|
19
19
|
class: o(b)(
|
20
|
-
"flex touch-none select-none transition-colors",
|
20
|
+
"z-[2] flex touch-none select-none transition-colors",
|
21
21
|
e.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
|
22
22
|
e.orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
|
23
23
|
r.class
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { defineComponent as a, openBlock as s, createBlock as n, unref as o, withCtx as l, createElementVNode as c, normalizeClass as m, renderSlot as i, createVNode as f } from "vue";
|
2
|
-
import { _ as p } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-
|
3
|
-
import { _ } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-
|
2
|
+
import { _ as p } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-D-nqw_Ka.js";
|
3
|
+
import { _ } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-DNZ_v7U0.js";
|
4
4
|
import { g as d } from "./utils-CwP7Up6y.js";
|
5
5
|
const B = /* @__PURE__ */ a({
|
6
6
|
__name: "BuiTable",
|
@@ -9,7 +9,7 @@ const B = /* @__PURE__ */ a({
|
|
9
9
|
},
|
10
10
|
setup(e) {
|
11
11
|
const r = e;
|
12
|
-
return (t, u) => (s(), n(o(p), { class: "w-full overflow-auto rounded border border-border/[0.16]" }, {
|
12
|
+
return (t, u) => (s(), n(o(p), { class: "w-full grow overflow-auto rounded border border-border/[0.16]" }, {
|
13
13
|
default: l(() => [
|
14
14
|
c("table", {
|
15
15
|
class: m(o(d)("w-full caption-top text-sm", r.class))
|
@@ -0,0 +1,38 @@
|
|
1
|
+
import { defineComponent as l, openBlock as r, createElementBlock as o, normalizeClass as n, unref as a, createElementVNode as c, renderSlot as s } from "vue";
|
2
|
+
import { g as f } from "./utils-CwP7Up6y.js";
|
3
|
+
const i = {
|
4
|
+
key: 0,
|
5
|
+
class: "flex h-full items-center border-b border-border/[0.16] bg-foreground/[0.04]"
|
6
|
+
}, p = { class: "flex h-8 w-full items-center whitespace-nowrap border-r border-border/[0.16] px-3 text-sm font-semibold" }, b = {
|
7
|
+
key: 1,
|
8
|
+
class: "flex h-8 items-center whitespace-nowrap border-r border-border/[0.16] px-3 py-1 text-sm font-semibold"
|
9
|
+
}, _ = /* @__PURE__ */ l({
|
10
|
+
__name: "BuiTableHead",
|
11
|
+
props: {
|
12
|
+
class: {},
|
13
|
+
freezeHeader: { type: Boolean }
|
14
|
+
},
|
15
|
+
setup(d) {
|
16
|
+
const e = d;
|
17
|
+
return (t, m) => (r(), o("th", {
|
18
|
+
class: n(
|
19
|
+
a(f)(
|
20
|
+
"h-10 text-left align-middle text-foreground [&:has([role=checkbox])]:pr-0 ",
|
21
|
+
e.class,
|
22
|
+
e.freezeHeader ? "bg-background p-0" : "bg-foreground/[0.04]"
|
23
|
+
)
|
24
|
+
)
|
25
|
+
}, [
|
26
|
+
e.freezeHeader ? (r(), o("div", i, [
|
27
|
+
c("div", p, [
|
28
|
+
s(t.$slots, "default")
|
29
|
+
])
|
30
|
+
])) : (r(), o("div", b, [
|
31
|
+
s(t.$slots, "default")
|
32
|
+
]))
|
33
|
+
], 2));
|
34
|
+
}
|
35
|
+
});
|
36
|
+
export {
|
37
|
+
_
|
38
|
+
};
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import { defineComponent as d, openBlock as l, createElementBlock as o, normalizeClass as s, unref as i, renderSlot as a } from "vue";
|
2
|
+
import { g as c } from "./utils-CwP7Up6y.js";
|
3
|
+
const _ = /* @__PURE__ */ d({
|
4
|
+
__name: "BuiTableHeader",
|
5
|
+
props: {
|
6
|
+
class: {},
|
7
|
+
freezeHeader: { type: Boolean }
|
8
|
+
},
|
9
|
+
setup(r) {
|
10
|
+
const e = r;
|
11
|
+
return (t, n) => (l(), o("thead", {
|
12
|
+
class: s(
|
13
|
+
i(c)(
|
14
|
+
"[&_tr]:border-border/[0.16]",
|
15
|
+
e.class,
|
16
|
+
e.freezeHeader ? "sticky top-0 z-[1] [&_th:first-child>div>div]:pl-6 [&_th:last-child>div>div]:border-r-0 [&_th:last-child>div>div]:pr-6 [&_tr:last-child]:border-b-0" : "[&_th:first-child>div]:pl-6 [&_th:last-child>div]:border-0 [&_th:last-child>div]:pr-6 [&_tr]:border-b"
|
17
|
+
)
|
18
|
+
)
|
19
|
+
}, [
|
20
|
+
a(t.$slots, "default")
|
21
|
+
], 2));
|
22
|
+
}
|
23
|
+
});
|
24
|
+
export {
|
25
|
+
_
|
26
|
+
};
|