@soft-stech/bootsman-ui-shadcn 2.0.37 → 2.0.38
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/{BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-DDDv2wmp.js → BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-YVELnYkR.js} +1 -1
- package/dist/BuiAdvancedAccordionTrigger.vue_vue_type_script_setup_true_lang-BjV8LPs_.js +79 -0
- package/dist/components/accordion/BuiAccordionTrigger.js +1 -1
- package/dist/components/accordion/BuiAdvancedAccordionTrigger.js +1 -1
- package/dist/components/accordion/index.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
- package/src/components/accordion/BuiAccordionTrigger.vue +1 -1
- package/src/components/accordion/BuiAdvancedAccordionTrigger.vue +1 -2
- package/dist/BuiAdvancedAccordionTrigger.vue_vue_type_script_setup_true_lang-DrPhNZKG.js +0 -77
|
@@ -18,7 +18,7 @@ const k = { class: "flex w-full items-center justify-between gap-2" }, y = { cla
|
|
|
18
18
|
return r;
|
|
19
19
|
});
|
|
20
20
|
return (e, r) => (a(), u(t(_), {
|
|
21
|
-
class: "border-border/16 bg-foreground/4 hover:[&:not([data-disabled])]:bg-foreground/8 dark:hover:[&:not([data-disabled])]:bg-accent/16 flex min-h-12 items-center px-2 py-1 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b",
|
|
21
|
+
class: "border-border/16 bg-foreground/4 hover:[&:not([data-disabled])]:bg-foreground/8 dark:hover:[&:not([data-disabled])]:bg-accent/16 relative flex min-h-12 items-center px-2 py-1 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b",
|
|
22
22
|
as: "div"
|
|
23
23
|
}, {
|
|
24
24
|
default: n(() => [
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { defineComponent as f, createBlock as m, openBlock as i, unref as s, normalizeClass as r, withCtx as l, createElementVNode as n, createVNode as d, renderSlot as a, createElementBlock as p, createCommentVNode as g } from "vue";
|
|
2
|
+
import { g as t } from "./utils-CWz5p1Mv.js";
|
|
3
|
+
import { A as u, a as C } from "./AccordionTrigger-CLOdW74d.js";
|
|
4
|
+
import { C as b } from "./chevron-down-CNPbIKfA.js";
|
|
5
|
+
const v = { class: "flex w-full items-center justify-between gap-2" }, x = { class: "flex flex-col items-start text-start" }, A = /* @__PURE__ */ f({
|
|
6
|
+
__name: "BuiAdvancedAccordionTrigger",
|
|
7
|
+
props: {
|
|
8
|
+
asChild: { type: Boolean },
|
|
9
|
+
as: {},
|
|
10
|
+
class: {},
|
|
11
|
+
borderColorClass: {},
|
|
12
|
+
bgColorClass: {},
|
|
13
|
+
hoverColorClass: {},
|
|
14
|
+
iconBgClass: {},
|
|
15
|
+
descriptionColorClass: {},
|
|
16
|
+
isIconHidden: { type: Boolean },
|
|
17
|
+
isDisabledAsNormal: { type: Boolean }
|
|
18
|
+
},
|
|
19
|
+
setup(c) {
|
|
20
|
+
const e = c;
|
|
21
|
+
return (o, h) => (i(), m(s(u), {
|
|
22
|
+
class: r(
|
|
23
|
+
s(t)(
|
|
24
|
+
"border-border/16 bg-foreground/4 relative flex min-h-12 items-center px-2 py-1 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b",
|
|
25
|
+
e.borderColorClass ?? "",
|
|
26
|
+
e.bgColorClass ?? "",
|
|
27
|
+
e.hoverColorClass ?? ""
|
|
28
|
+
)
|
|
29
|
+
),
|
|
30
|
+
as: "div"
|
|
31
|
+
}, {
|
|
32
|
+
default: l(() => [
|
|
33
|
+
n("div", v, [
|
|
34
|
+
d(s(C), {
|
|
35
|
+
class: r(
|
|
36
|
+
s(t)(
|
|
37
|
+
"text-foreground ring-offset-background focus-visible:ring-ring relative flex flex-1 items-center gap-2 rounded-sm align-middle text-base leading-6 font-semibold transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-30 [&[data-state=open]>svg]:rotate-180",
|
|
38
|
+
e.class,
|
|
39
|
+
e.isDisabledAsNormal ? "disabled:opacity-100" : ""
|
|
40
|
+
)
|
|
41
|
+
)
|
|
42
|
+
}, {
|
|
43
|
+
default: l(() => [
|
|
44
|
+
d(s(b), {
|
|
45
|
+
class: r(
|
|
46
|
+
s(t)(
|
|
47
|
+
"bg-primary/[0.56] dark:bg-primary text-primary-foreground h-4 w-4 shrink-0 rounded-sm transition-transform duration-200",
|
|
48
|
+
e.iconBgClass ? `${e.iconBgClass} dark:${e.iconBgClass}` : "",
|
|
49
|
+
e.isIconHidden ? "invisible" : "visible"
|
|
50
|
+
)
|
|
51
|
+
)
|
|
52
|
+
}, null, 8, ["class"]),
|
|
53
|
+
n("div", x, [
|
|
54
|
+
a(o.$slots, "default"),
|
|
55
|
+
o.$slots.description ? (i(), p("p", {
|
|
56
|
+
key: 0,
|
|
57
|
+
class: r(
|
|
58
|
+
s(t)(
|
|
59
|
+
"text-foreground/56 text-xs leading-4 font-normal",
|
|
60
|
+
e.descriptionColorClass ?? ""
|
|
61
|
+
)
|
|
62
|
+
)
|
|
63
|
+
}, [
|
|
64
|
+
a(o.$slots, "description")
|
|
65
|
+
], 2)) : g("", !0)
|
|
66
|
+
])
|
|
67
|
+
]),
|
|
68
|
+
_: 3
|
|
69
|
+
}, 8, ["class"]),
|
|
70
|
+
a(o.$slots, "actions")
|
|
71
|
+
])
|
|
72
|
+
]),
|
|
73
|
+
_: 3
|
|
74
|
+
}, 8, ["class"]));
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
export {
|
|
78
|
+
A as _
|
|
79
|
+
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { _ as i } from "../../BuiAccordion.vue_vue_type_script_setup_true_lang-DyGzWksC.js";
|
|
2
2
|
import { _ as e } from "../../BuiAccordionContent.vue_vue_type_script_setup_true_lang-CNqCCJhe.js";
|
|
3
3
|
import { _ as t } from "../../BuiAccordionItem.vue_vue_type_script_setup_true_lang-DmM2Mplh.js";
|
|
4
|
-
import { _ as a } from "../../BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-
|
|
5
|
-
import { _ as A } from "../../BuiAdvancedAccordionTrigger.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as a } from "../../BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-YVELnYkR.js";
|
|
5
|
+
import { _ as A } from "../../BuiAdvancedAccordionTrigger.vue_vue_type_script_setup_true_lang-BjV8LPs_.js";
|
|
6
6
|
export {
|
|
7
7
|
i as BuiAccordion,
|
|
8
8
|
e as BuiAccordionContent,
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { _ as t } from "./BuiAccordion.vue_vue_type_script_setup_true_lang-DyGzWksC.js";
|
|
2
2
|
import { _ as i } from "./BuiAccordionContent.vue_vue_type_script_setup_true_lang-CNqCCJhe.js";
|
|
3
3
|
import { _ as p } from "./BuiAccordionItem.vue_vue_type_script_setup_true_lang-DmM2Mplh.js";
|
|
4
|
-
import { _ as m } from "./BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-
|
|
5
|
-
import { _ as x } from "./BuiAdvancedAccordionTrigger.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as m } from "./BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-YVELnYkR.js";
|
|
5
|
+
import { _ as x } from "./BuiAdvancedAccordionTrigger.vue_vue_type_script_setup_true_lang-BjV8LPs_.js";
|
|
6
6
|
import { _ as f } from "./BuiAlertDialog.vue_vue_type_script_setup_true_lang-CE6O7s89.js";
|
|
7
7
|
import { _ as l } from "./BuiAlertDialogTrigger.vue_vue_type_script_setup_true_lang-DhPkmJI1.js";
|
|
8
8
|
import { _ as d } from "./BuiAlertDialogContent.vue_vue_type_script_setup_true_lang-BEhke3LA.js";
|
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@ const attrs = computed(() => {
|
|
|
15
15
|
|
|
16
16
|
<template>
|
|
17
17
|
<AccordionHeader
|
|
18
|
-
class="border-border/16 bg-foreground/4 hover:[&:not([data-disabled])]:bg-foreground/8 dark:hover:[&:not([data-disabled])]:bg-accent/16 flex min-h-12 items-center px-2 py-1 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b"
|
|
18
|
+
class="border-border/16 bg-foreground/4 hover:[&:not([data-disabled])]:bg-foreground/8 dark:hover:[&:not([data-disabled])]:bg-accent/16 relative flex min-h-12 items-center px-2 py-1 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b"
|
|
19
19
|
as="div"
|
|
20
20
|
>
|
|
21
21
|
<div class="flex w-full items-center justify-between gap-2">
|
|
@@ -23,7 +23,7 @@ const props = defineProps<
|
|
|
23
23
|
<AccordionHeader
|
|
24
24
|
:class="
|
|
25
25
|
cn(
|
|
26
|
-
'border-border/16 bg-foreground/4 flex min-h-12 items-center px-2 py-1 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b',
|
|
26
|
+
'border-border/16 bg-foreground/4 relative flex min-h-12 items-center px-2 py-1 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b',
|
|
27
27
|
props.borderColorClass ?? '',
|
|
28
28
|
props.bgColorClass ?? '',
|
|
29
29
|
props.hoverColorClass ?? ''
|
|
@@ -33,7 +33,6 @@ const props = defineProps<
|
|
|
33
33
|
>
|
|
34
34
|
<div class="flex w-full items-center justify-between gap-2">
|
|
35
35
|
<AccordionTrigger
|
|
36
|
-
v-bind="props"
|
|
37
36
|
:class="
|
|
38
37
|
cn(
|
|
39
38
|
'text-foreground ring-offset-background focus-visible:ring-ring relative flex flex-1 items-center gap-2 rounded-sm align-middle text-base leading-6 font-semibold transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-30 [&[data-state=open]>svg]:rotate-180',
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { defineComponent as f, createBlock as m, openBlock as i, unref as s, normalizeClass as t, withCtx as l, createElementVNode as n, createVNode as d, renderSlot as a, mergeProps as p, createElementBlock as g, createCommentVNode as u } from "vue";
|
|
2
|
-
import { g as r } from "./utils-CWz5p1Mv.js";
|
|
3
|
-
import { A as C, a as b } from "./AccordionTrigger-CLOdW74d.js";
|
|
4
|
-
import { C as v } from "./chevron-down-CNPbIKfA.js";
|
|
5
|
-
const x = { class: "flex w-full items-center justify-between gap-2" }, h = { class: "flex flex-col items-start text-start" }, $ = /* @__PURE__ */ f({
|
|
6
|
-
__name: "BuiAdvancedAccordionTrigger",
|
|
7
|
-
props: {
|
|
8
|
-
asChild: { type: Boolean },
|
|
9
|
-
as: {},
|
|
10
|
-
class: {},
|
|
11
|
-
borderColorClass: {},
|
|
12
|
-
bgColorClass: {},
|
|
13
|
-
hoverColorClass: {},
|
|
14
|
-
iconBgClass: {},
|
|
15
|
-
descriptionColorClass: {},
|
|
16
|
-
isIconHidden: { type: Boolean },
|
|
17
|
-
isDisabledAsNormal: { type: Boolean }
|
|
18
|
-
},
|
|
19
|
-
setup(c) {
|
|
20
|
-
const e = c;
|
|
21
|
-
return (o, y) => (i(), m(s(C), {
|
|
22
|
-
class: t(
|
|
23
|
-
s(r)(
|
|
24
|
-
"border-border/16 bg-foreground/4 flex min-h-12 items-center px-2 py-1 data-[state=closed]:rounded-sm data-[state=open]:rounded-t-sm data-[state=open]:border-b",
|
|
25
|
-
e.borderColorClass ?? "",
|
|
26
|
-
e.bgColorClass ?? "",
|
|
27
|
-
e.hoverColorClass ?? ""
|
|
28
|
-
)
|
|
29
|
-
),
|
|
30
|
-
as: "div"
|
|
31
|
-
}, {
|
|
32
|
-
default: l(() => [
|
|
33
|
-
n("div", x, [
|
|
34
|
-
d(s(b), p(e, {
|
|
35
|
-
class: s(r)(
|
|
36
|
-
"text-foreground ring-offset-background focus-visible:ring-ring relative flex flex-1 items-center gap-2 rounded-sm align-middle text-base leading-6 font-semibold transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-30 [&[data-state=open]>svg]:rotate-180",
|
|
37
|
-
e.class,
|
|
38
|
-
e.isDisabledAsNormal ? "disabled:opacity-100" : ""
|
|
39
|
-
)
|
|
40
|
-
}), {
|
|
41
|
-
default: l(() => [
|
|
42
|
-
d(s(v), {
|
|
43
|
-
class: t(
|
|
44
|
-
s(r)(
|
|
45
|
-
"bg-primary/[0.56] dark:bg-primary text-primary-foreground h-4 w-4 shrink-0 rounded-sm transition-transform duration-200",
|
|
46
|
-
e.iconBgClass ? `${e.iconBgClass} dark:${e.iconBgClass}` : "",
|
|
47
|
-
e.isIconHidden ? "invisible" : "visible"
|
|
48
|
-
)
|
|
49
|
-
)
|
|
50
|
-
}, null, 8, ["class"]),
|
|
51
|
-
n("div", h, [
|
|
52
|
-
a(o.$slots, "default"),
|
|
53
|
-
o.$slots.description ? (i(), g("p", {
|
|
54
|
-
key: 0,
|
|
55
|
-
class: t(
|
|
56
|
-
s(r)(
|
|
57
|
-
"text-foreground/56 text-xs leading-4 font-normal",
|
|
58
|
-
e.descriptionColorClass ?? ""
|
|
59
|
-
)
|
|
60
|
-
)
|
|
61
|
-
}, [
|
|
62
|
-
a(o.$slots, "description")
|
|
63
|
-
], 2)) : u("", !0)
|
|
64
|
-
])
|
|
65
|
-
]),
|
|
66
|
-
_: 3
|
|
67
|
-
}, 16, ["class"]),
|
|
68
|
-
a(o.$slots, "actions")
|
|
69
|
-
])
|
|
70
|
-
]),
|
|
71
|
-
_: 3
|
|
72
|
-
}, 8, ["class"]));
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
export {
|
|
76
|
-
$ as _
|
|
77
|
-
};
|