brutx-ui-vue 0.9.7 → 0.9.8
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/chunks/{AccordionContent-CB1FhY6J.js → AccordionContent-BP8XrwIx.js} +15 -16
- package/dist/chunks/{AuthCard-DmUp4761.js → AuthCard-CLfIvsPF.js} +1 -1
- package/dist/chunks/{BrutalistHero-DYf-QOqz.js → BrutalistHero-GC6JuTAI.js} +1 -1
- package/dist/chunks/{Card-DSO1PnPd.js → Card-BbuXTMF2.js} +2 -2
- package/dist/chunks/{ChatContainer-CtIYx6SP.js → ChatContainer-DRhBWX4o.js} +18 -10
- package/dist/chunks/{ColorModeSwitcher-BySSzyzW.js → ColorModeSwitcher-RVMWkIfS.js} +1 -1
- package/dist/chunks/{CookieConsent-CMfUoupC.js → CookieConsent-NsvHl_gZ.js} +1 -1
- package/dist/chunks/{DataTable-D11IIsq_.js → DataTable-CGxfdmGr.js} +1 -1
- package/dist/chunks/{FeedbackForm-C4SDtnqu.js → FeedbackForm-BbqNPMnK.js} +1 -1
- package/dist/chunks/{HeaderSection-BHNc4MMw.js → HeaderSection-CCmQTIPS.js} +1 -1
- package/dist/chunks/{Pagination-3nC44bpq.js → Pagination-B9ve3vK2.js} +1 -1
- package/dist/chunks/{PricingSection-DdkZ5HIl.js → PricingSection-DVKnTUsG.js} +1 -1
- package/dist/chunks/{ScrollArea-sBvpdClp.js → ScrollArea-Fzn_EgqQ.js} +18 -22
- package/dist/chunks/{SelectItem-FgG999e-.js → SelectItem-D-A3LuAd.js} +3 -3
- package/dist/chunks/{SelectSeparator-BjLte7Ek.js → SelectSeparator-XL6nqi6Q.js} +1 -1
- package/dist/chunks/{SheetDescription-Zd6RfCCP.js → SheetDescription-BHq2-j1C.js} +1 -0
- package/dist/chunks/{Slider-_2MKTv0Y.js → Slider-DxFWq588.js} +31 -14
- package/dist/chunks/{Stepper-wUY0TEOT.js → Stepper-D49v7iMb.js} +32 -23
- package/dist/chunks/{Tabs-G3iqaAUt.js → Tabs-5NGmdnfd.js} +1 -1
- package/dist/chunks/{ToastContainer-A2drzzuz.js → ToastContainer-D8r-05Mo.js} +4 -4
- package/dist/chunks/{Transfer-rgzTNzty.js → Transfer-DHnGAnEB.js} +1 -1
- package/dist/chunks/{TreeView-CdSGVx0E.js → TreeView-DrI18G3O.js} +7 -8
- package/dist/chunks/{UploadFileList-BwiKoZz6.js → UploadFileList-B8PZDonm.js} +1 -1
- package/dist/chunks/{carousel-CC9vE08L.js → carousel-iBio6ygy.js} +2 -2
- package/dist/chunks/{code-block-D78YWMrX.js → code-block-CvwtiX00.js} +1 -1
- package/dist/chunks/{date-picker--wrTdWPA.js → date-picker-CFnMshAr.js} +1 -1
- package/dist/chunks/{form-DZoSwhHH.js → form-CFHGIwd8.js} +1 -1
- package/dist/chunks/{functional-CN2_I2sz.js → functional-DDO2c-ry.js} +57 -57
- package/dist/chunks/{useInfiniteScroll-PKwo2qMf.js → useInfiniteScroll-pXsyVd0x.js} +24 -15
- package/dist/components/accordion/accordion-variants.d.ts.map +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/auth-card/index.js +1 -1
- package/dist/components/brutalist-hero/index.js +1 -1
- package/dist/components/card/index.js +1 -1
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/chat-bubble/chat-bubble-variants.d.ts.map +1 -1
- package/dist/components/chat-bubble/index.js +1 -1
- package/dist/components/code-block/index.js +1 -1
- package/dist/components/code-block/prism-languages.d.ts.map +1 -1
- package/dist/components/color-mode-switcher/index.js +1 -1
- package/dist/components/cookie-consent/index.js +1 -1
- package/dist/components/data-table/index.js +1 -1
- package/dist/components/date-picker/index.js +1 -1
- package/dist/components/dialog/functional.d.ts.map +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/feedback-form/index.js +1 -1
- package/dist/components/form/index.js +1 -1
- package/dist/components/header-section/index.js +1 -1
- package/dist/components/infinite-scroll/index.js +1 -1
- package/dist/components/infinite-scroll/useInfiniteScroll.d.ts.map +1 -1
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/pricing-section/index.js +1 -1
- package/dist/components/scroll-area/index.js +1 -1
- package/dist/components/scroll-area/scroll-area-variants.d.ts.map +1 -1
- package/dist/components/select/index.js +2 -2
- package/dist/components/sheet/index.js +1 -1
- package/dist/components/sheet/sheet-variants.d.ts.map +1 -1
- package/dist/components/slider/Slider.vue.d.ts.map +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/stepper/Stepper.vue.d.ts.map +1 -1
- package/dist/components/stepper/index.js +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/components/transfer/index.js +1 -1
- package/dist/components/tree-view/index.js +1 -1
- package/dist/components/tree-view/tree-view-utils.d.ts.map +1 -1
- package/dist/components/upload/Upload.vue.d.ts +1 -1
- package/dist/components/upload/Upload.vue.d.ts.map +1 -1
- package/dist/components/upload/index.js +1 -1
- package/dist/components/upload/upload-types.d.ts +1 -1
- package/dist/components/upload/upload-types.d.ts.map +1 -1
- package/dist/composables/useCanvasInteraction.d.ts.map +1 -1
- package/dist/composables/useCanvasInteraction.js +48 -26
- package/dist/composables/useDataTablePagination.d.ts.map +1 -1
- package/dist/composables/useDataTablePagination.js +24 -20
- package/dist/composables/useDialog.js +1 -1
- package/dist/composables/useMessageBox.js +1 -1
- package/dist/index.js +29 -29
- package/dist/lib/defaults.d.ts +6 -0
- package/dist/lib/defaults.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -50,20 +50,19 @@ var D = /* @__PURE__ */ c({
|
|
|
50
50
|
]
|
|
51
51
|
} },
|
|
52
52
|
defaultVariants: { variant: "default" }
|
|
53
|
-
}), k = E([
|
|
53
|
+
}), k = "hover:bg-brutal-muted hover:shadow-brutal-sm hover:-translate-y-0.5", A = E([
|
|
54
54
|
"flex flex-1 items-center justify-between py-4 px-6",
|
|
55
55
|
"text-left font-black tracking-wide transition-all",
|
|
56
|
-
n
|
|
57
|
-
"hover:shadow-brutal-sm hover:-translate-y-0.5"
|
|
56
|
+
n
|
|
58
57
|
], {
|
|
59
58
|
variants: { variant: {
|
|
60
|
-
default:
|
|
61
|
-
flat:
|
|
62
|
-
ghost:
|
|
59
|
+
default: k,
|
|
60
|
+
flat: k,
|
|
61
|
+
ghost: k,
|
|
63
62
|
interactive: "hover:bg-brutal-muted"
|
|
64
63
|
} },
|
|
65
64
|
defaultVariants: { variant: "default" }
|
|
66
|
-
}),
|
|
65
|
+
}), j = E("border-t-3 border-brutal p-6 bg-brutal-bg text-brutal-fg", {
|
|
67
66
|
variants: { variant: {
|
|
68
67
|
default: "",
|
|
69
68
|
flat: "bg-brutal-muted/30",
|
|
@@ -71,7 +70,7 @@ var D = /* @__PURE__ */ c({
|
|
|
71
70
|
interactive: "hover:bg-brutal-muted/20"
|
|
72
71
|
} },
|
|
73
72
|
defaultVariants: { variant: "default" }
|
|
74
|
-
}),
|
|
73
|
+
}), M = Symbol("accordionItem"), N = /* @__PURE__ */ c({
|
|
75
74
|
__name: "AccordionItem",
|
|
76
75
|
props: {
|
|
77
76
|
variant: { default: "default" },
|
|
@@ -87,12 +86,12 @@ var D = /* @__PURE__ */ c({
|
|
|
87
86
|
let { class: e, variant: t, ...r } = n;
|
|
88
87
|
return r;
|
|
89
88
|
})), o = i(() => e(O({ variant: n.variant }), n.class));
|
|
90
|
-
return p(
|
|
89
|
+
return p(M, { variant: h(n, "variant") }), (e, t) => (f(), a(g(x), u(g(r), { class: o.value }), {
|
|
91
90
|
default: _(() => [m(e.$slots, "default")]),
|
|
92
91
|
_: 3
|
|
93
92
|
}, 16, ["class"]));
|
|
94
93
|
}
|
|
95
|
-
}),
|
|
94
|
+
}), P = /* @__PURE__ */ c({
|
|
96
95
|
__name: "AccordionTrigger",
|
|
97
96
|
props: {
|
|
98
97
|
asChild: { type: Boolean },
|
|
@@ -101,10 +100,10 @@ var D = /* @__PURE__ */ c({
|
|
|
101
100
|
iconSize: { default: "lg" }
|
|
102
101
|
},
|
|
103
102
|
setup(t) {
|
|
104
|
-
let n = t, o = l(
|
|
103
|
+
let n = t, o = l(M, { variant: i(() => void 0) }), c = w(i(() => {
|
|
105
104
|
let { class: e, iconSize: t, ...r } = n;
|
|
106
105
|
return r;
|
|
107
|
-
})), p = i(() => e(
|
|
106
|
+
})), p = i(() => e(A({ variant: o.variant.value }), "[&[data-state=open]>svg]:rotate-180", n.class)), h = i(() => e(r({ size: n.iconSize }), "shrink-0 transition-transform duration-200 border-3 border-brutal rounded-brutal bg-brutal-bg p-0.5 shadow-brutal-sm"));
|
|
108
107
|
return (e, t) => (f(), a(g(b), { class: "flex !m-0" }, {
|
|
109
108
|
default: _(() => [s(g(C), u(g(c), { class: p.value }), {
|
|
110
109
|
default: _(() => [m(e.$slots, "default"), m(e.$slots, "icon", {}, () => [s(g(v), { class: d(h.value) }, null, 8, ["class"])])]),
|
|
@@ -113,7 +112,7 @@ var D = /* @__PURE__ */ c({
|
|
|
113
112
|
_: 3
|
|
114
113
|
}));
|
|
115
114
|
}
|
|
116
|
-
}),
|
|
115
|
+
}), F = /* @__PURE__ */ c({
|
|
117
116
|
__name: "AccordionContent",
|
|
118
117
|
props: {
|
|
119
118
|
forceMount: { type: Boolean },
|
|
@@ -122,10 +121,10 @@ var D = /* @__PURE__ */ c({
|
|
|
122
121
|
class: {}
|
|
123
122
|
},
|
|
124
123
|
setup(t) {
|
|
125
|
-
let n = t, r = l(
|
|
124
|
+
let n = t, r = l(M, { variant: i(() => void 0) }), s = i(() => {
|
|
126
125
|
let { class: e, ...t } = n;
|
|
127
126
|
return t;
|
|
128
|
-
}), c = i(() => e(
|
|
127
|
+
}), c = i(() => e(j({ variant: r.variant.value }), n.class));
|
|
129
128
|
return (e, t) => (f(), a(g(y), u(s.value, { class: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
|
|
130
129
|
default: _(() => [o("div", { class: d(c.value) }, [m(e.$slots, "default")], 2)]),
|
|
131
130
|
_: 3
|
|
@@ -133,4 +132,4 @@ var D = /* @__PURE__ */ c({
|
|
|
133
132
|
}
|
|
134
133
|
});
|
|
135
134
|
//#endregion
|
|
136
|
-
export {
|
|
135
|
+
export { j as a, D as c, M as i, P as n, O as o, N as r, A as s, F as t };
|
|
@@ -4,7 +4,7 @@ import { useLocale as n } from "../composables/useLocale.js";
|
|
|
4
4
|
import { t as r } from "./Button-UuduRGTk.js";
|
|
5
5
|
import { t as i } from "./Label-B3416ZVX.js";
|
|
6
6
|
import { t as a } from "./Input-Cgt7mldw.js";
|
|
7
|
-
import { t as o } from "./Card-
|
|
7
|
+
import { t as o } from "./Card-BbuXTMF2.js";
|
|
8
8
|
import { i as s, n as c, r as l, t as u } from "./CardFooter-qWuhvRh2.js";
|
|
9
9
|
import { t as d } from "./CardContent-BMUyIIpB.js";
|
|
10
10
|
import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, openBlock as x, ref as S, toDisplayString as C, unref as w, useId as T, withCtx as E, withModifiers as D } from "vue";
|
|
@@ -3,7 +3,7 @@ import { t } from "./icon-size-variants-nPLFCnI7.js";
|
|
|
3
3
|
import { useLocale as n } from "../composables/useLocale.js";
|
|
4
4
|
import { t as r } from "./Button-UuduRGTk.js";
|
|
5
5
|
import { t as i } from "./Badge-CHXf0ZM1.js";
|
|
6
|
-
import { t as a } from "./Card-
|
|
6
|
+
import { t as a } from "./Card-BbuXTMF2.js";
|
|
7
7
|
import { t as o } from "./CardContent-BMUyIIpB.js";
|
|
8
8
|
import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
|
|
9
9
|
import { ArrowRight as y, Sparkles as b } from "@lucide/vue";
|
|
@@ -20,8 +20,8 @@ var u = l([
|
|
|
20
20
|
n,
|
|
21
21
|
"cursor-pointer"
|
|
22
22
|
],
|
|
23
|
-
primary: "shadow-brutal-primary border-
|
|
24
|
-
secondary: "shadow-brutal-secondary border-
|
|
23
|
+
primary: "shadow-brutal-primary border-brutal-primary",
|
|
24
|
+
secondary: "shadow-brutal-secondary border-brutal-secondary"
|
|
25
25
|
},
|
|
26
26
|
padding: {
|
|
27
27
|
none: "p-0",
|
|
@@ -12,7 +12,7 @@ var w = C([
|
|
|
12
12
|
], {
|
|
13
13
|
variants: {
|
|
14
14
|
variant: {
|
|
15
|
-
sent: "
|
|
15
|
+
sent: "ml-auto",
|
|
16
16
|
received: "bg-brutal-bg text-brutal-fg mr-auto",
|
|
17
17
|
system: "bg-brutal-muted text-brutal-fg mx-auto text-center italic border-dashed shadow-none text-xs"
|
|
18
18
|
},
|
|
@@ -27,15 +27,23 @@ var w = C([
|
|
|
27
27
|
lg: "px-5 py-3.5 text-base"
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
|
-
compoundVariants: [
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
30
|
+
compoundVariants: [
|
|
31
|
+
{
|
|
32
|
+
variant: "sent",
|
|
33
|
+
color: "default",
|
|
34
|
+
class: "bg-brutal-primary text-brutal-primary-foreground"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
variant: "sent",
|
|
38
|
+
color: "primary",
|
|
39
|
+
class: "bg-brutal-primary text-brutal-primary-foreground shadow-brutal-primary"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
variant: "sent",
|
|
43
|
+
color: "accent",
|
|
44
|
+
class: "bg-brutal-accent text-brutal-accent-foreground"
|
|
45
|
+
}
|
|
46
|
+
],
|
|
39
47
|
defaultVariants: {
|
|
40
48
|
variant: "received",
|
|
41
49
|
color: "default",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useLocale as e } from "../composables/useLocale.js";
|
|
2
2
|
import { t } from "./Button-UuduRGTk.js";
|
|
3
3
|
import { useTheme as n } from "../composables/useTheme.js";
|
|
4
|
-
import { a as r, n as i, t as a } from "./SelectItem-
|
|
4
|
+
import { a as r, n as i, t as a } from "./SelectItem-D-A3LuAd.js";
|
|
5
5
|
import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
|
|
6
6
|
import { Monitor as b, Moon as x, Sun as S } from "@lucide/vue";
|
|
7
7
|
import { SelectRoot as C, SelectValue as w } from "reka-ui";
|
|
@@ -2,7 +2,7 @@ import { n as e } from "./utils-CUXX1zll.js";
|
|
|
2
2
|
import { t } from "./icon-size-variants-nPLFCnI7.js";
|
|
3
3
|
import { useLocale as n } from "../composables/useLocale.js";
|
|
4
4
|
import { t as r } from "./Button-UuduRGTk.js";
|
|
5
|
-
import { t as i } from "./Card-
|
|
5
|
+
import { t as i } from "./Card-BbuXTMF2.js";
|
|
6
6
|
import { t as a } from "./CardContent-BMUyIIpB.js";
|
|
7
7
|
import { Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
|
|
8
8
|
import { Cookie as x } from "@lucide/vue";
|
|
@@ -6,7 +6,7 @@ import { t as i } from "./Button-UuduRGTk.js";
|
|
|
6
6
|
import { t as a } from "./Checkbox-BJKxAvEj.js";
|
|
7
7
|
import { t as o } from "./Input-Cgt7mldw.js";
|
|
8
8
|
import { t as ee } from "./PopoverContent-DHbLlAZi.js";
|
|
9
|
-
import { a as te, n as ne, t as s } from "./SelectItem-
|
|
9
|
+
import { a as te, n as ne, t as s } from "./SelectItem-D-A3LuAd.js";
|
|
10
10
|
import { t as c } from "./data-table-utils-Cilh_JGU.js";
|
|
11
11
|
import { useDataTableSort as l } from "../composables/useDataTableSort.js";
|
|
12
12
|
import { useDataTableFilter as u } from "../composables/useDataTableFilter.js";
|
|
@@ -4,7 +4,7 @@ import { useLocale as ee } from "../composables/useLocale.js";
|
|
|
4
4
|
import { t as n } from "./Button-UuduRGTk.js";
|
|
5
5
|
import { t as r } from "./Label-B3416ZVX.js";
|
|
6
6
|
import { t as i } from "./Input-Cgt7mldw.js";
|
|
7
|
-
import { t as a } from "./Card-
|
|
7
|
+
import { t as a } from "./Card-BbuXTMF2.js";
|
|
8
8
|
import { t as o } from "./Result-DiJVipLS.js";
|
|
9
9
|
import { t as s } from "./Textarea-BWwVFvYd.js";
|
|
10
10
|
import { t as c } from "./CardContent-BMUyIIpB.js";
|
|
@@ -3,7 +3,7 @@ import { t } from "./icon-size-variants-nPLFCnI7.js";
|
|
|
3
3
|
import { useLocale as n } from "../composables/useLocale.js";
|
|
4
4
|
import { t as r } from "./Button-UuduRGTk.js";
|
|
5
5
|
import { t as i } from "./Separator-DCweUrZN.js";
|
|
6
|
-
import { i as a, n as o, r as s, t as c } from "./SheetDescription-
|
|
6
|
+
import { i as a, n as o, r as s, t as c } from "./SheetDescription-BHq2-j1C.js";
|
|
7
7
|
import { Fragment as l, computed as u, createBlock as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, withCtx as w } from "vue";
|
|
8
8
|
import { Menu as T } from "@lucide/vue";
|
|
9
9
|
import { DialogRoot as E } from "reka-ui";
|
|
@@ -3,7 +3,7 @@ import { a as t, o as n } from "./brutal-interaction-variants-BAheBvSg.js";
|
|
|
3
3
|
import { t as r } from "./icon-size-variants-nPLFCnI7.js";
|
|
4
4
|
import { useLocale as i } from "../composables/useLocale.js";
|
|
5
5
|
import { t as a } from "./Input-Cgt7mldw.js";
|
|
6
|
-
import { a as o, n as s, t as c } from "./SelectItem-
|
|
6
|
+
import { a as o, n as s, t as c } from "./SelectItem-D-A3LuAd.js";
|
|
7
7
|
import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as ee, createVNode as h, defineComponent as g, normalizeClass as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, withCtx as C, withKeys as w } from "vue";
|
|
8
8
|
import { ChevronLeft as te, ChevronRight as ne, ChevronsLeft as re, ChevronsRight as ie } from "@lucide/vue";
|
|
9
9
|
import { SelectRoot as ae, SelectValue as oe } from "reka-ui";
|
|
@@ -2,7 +2,7 @@ import { n as e } from "./utils-CUXX1zll.js";
|
|
|
2
2
|
import { useLocale as t } from "../composables/useLocale.js";
|
|
3
3
|
import { t as n } from "./Button-UuduRGTk.js";
|
|
4
4
|
import { t as r } from "./Badge-CHXf0ZM1.js";
|
|
5
|
-
import { t as ee } from "./Card-
|
|
5
|
+
import { t as ee } from "./Card-BbuXTMF2.js";
|
|
6
6
|
import { t as te } from "./Result-DiJVipLS.js";
|
|
7
7
|
import { i as ne, n as re, r as i, t as a } from "./CardFooter-qWuhvRh2.js";
|
|
8
8
|
import { t as o } from "./CardContent-BMUyIIpB.js";
|
|
@@ -3,25 +3,21 @@ import { computed as t, createBlock as n, createVNode as r, defineComponent as i
|
|
|
3
3
|
import { ScrollAreaCorner as u, ScrollAreaRoot as d, ScrollAreaScrollbar as f, ScrollAreaThumb as p, ScrollAreaViewport as m } from "reka-ui";
|
|
4
4
|
import { cva as h } from "class-variance-authority";
|
|
5
5
|
//#region src/components/scroll-area/scroll-area-variants.ts
|
|
6
|
-
var g = h(["relative overflow-hidden"]), _ = {
|
|
7
|
-
default: "border-brutal",
|
|
8
|
-
primary: "border-brutal-primary",
|
|
9
|
-
accent: "border-brutal-accent"
|
|
10
|
-
}, v = {
|
|
11
|
-
sm: "0.5rem",
|
|
12
|
-
default: "0.75rem",
|
|
13
|
-
lg: "1rem"
|
|
14
|
-
}, y = h(["flex touch-none select-none transition-colors"], {
|
|
6
|
+
var g = h(["relative overflow-hidden"]), _ = h(["flex touch-none select-none transition-colors"], {
|
|
15
7
|
variants: {
|
|
16
|
-
variant:
|
|
8
|
+
variant: {
|
|
9
|
+
default: "border-brutal",
|
|
10
|
+
primary: "border-brutal-primary",
|
|
11
|
+
accent: "border-brutal-accent"
|
|
12
|
+
},
|
|
17
13
|
size: {
|
|
18
|
-
sm:
|
|
19
|
-
default:
|
|
20
|
-
lg:
|
|
14
|
+
sm: "[--scroll-thickness:0.5rem]",
|
|
15
|
+
default: "[--scroll-thickness:0.75rem]",
|
|
16
|
+
lg: "[--scroll-thickness:1rem]"
|
|
21
17
|
},
|
|
22
18
|
orientation: {
|
|
23
|
-
vertical:
|
|
24
|
-
horizontal:
|
|
19
|
+
vertical: "h-full w-[var(--scroll-thickness,0.75rem)] border-l-3 p-[1px]",
|
|
20
|
+
horizontal: "h-[var(--scroll-thickness,0.75rem)] flex-col border-t-3 p-[1px]"
|
|
25
21
|
}
|
|
26
22
|
},
|
|
27
23
|
defaultVariants: {
|
|
@@ -29,14 +25,14 @@ var g = h(["relative overflow-hidden"]), _ = {
|
|
|
29
25
|
size: "default",
|
|
30
26
|
orientation: "vertical"
|
|
31
27
|
}
|
|
32
|
-
}),
|
|
28
|
+
}), v = h(["relative flex-1"], {
|
|
33
29
|
variants: { variant: {
|
|
34
30
|
default: "bg-brutal-fg",
|
|
35
31
|
primary: "bg-brutal-primary",
|
|
36
32
|
accent: "bg-brutal-accent"
|
|
37
33
|
} },
|
|
38
34
|
defaultVariants: { variant: "default" }
|
|
39
|
-
}),
|
|
35
|
+
}), y = /* @__PURE__ */ i({
|
|
40
36
|
__name: "ScrollBar",
|
|
41
37
|
props: {
|
|
42
38
|
orientation: { default: "vertical" },
|
|
@@ -45,11 +41,11 @@ var g = h(["relative overflow-hidden"]), _ = {
|
|
|
45
41
|
class: { default: void 0 }
|
|
46
42
|
},
|
|
47
43
|
setup(i) {
|
|
48
|
-
let s = i, u = t(() => e(
|
|
44
|
+
let s = i, u = t(() => e(_({
|
|
49
45
|
orientation: s.orientation,
|
|
50
46
|
variant: s.variant,
|
|
51
47
|
size: s.size
|
|
52
|
-
}), s.class)), d = t(() => e(
|
|
48
|
+
}), s.class)), d = t(() => e(v({ variant: s.variant })));
|
|
53
49
|
return (e, t) => (o(), n(c(f), {
|
|
54
50
|
orientation: i.orientation,
|
|
55
51
|
class: a(u.value)
|
|
@@ -58,7 +54,7 @@ var g = h(["relative overflow-hidden"]), _ = {
|
|
|
58
54
|
_: 1
|
|
59
55
|
}, 8, ["orientation", "class"]));
|
|
60
56
|
}
|
|
61
|
-
}),
|
|
57
|
+
}), b = /* @__PURE__ */ i({
|
|
62
58
|
__name: "ScrollArea",
|
|
63
59
|
props: {
|
|
64
60
|
variant: { default: "default" },
|
|
@@ -73,7 +69,7 @@ var g = h(["relative overflow-hidden"]), _ = {
|
|
|
73
69
|
default: l(() => [s(e.$slots, "default")]),
|
|
74
70
|
_: 3
|
|
75
71
|
}),
|
|
76
|
-
r(
|
|
72
|
+
r(y, {
|
|
77
73
|
variant: i.variant,
|
|
78
74
|
size: i.size
|
|
79
75
|
}, null, 8, ["variant", "size"]),
|
|
@@ -84,4 +80,4 @@ var g = h(["relative overflow-hidden"]), _ = {
|
|
|
84
80
|
}
|
|
85
81
|
});
|
|
86
82
|
//#endregion
|
|
87
|
-
export {
|
|
83
|
+
export { v as a, _ as i, y as n, g as r, b as t };
|
|
@@ -48,9 +48,9 @@ var F = P([
|
|
|
48
48
|
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
|
|
49
49
|
], {
|
|
50
50
|
variants: { variant: {
|
|
51
|
-
default: "
|
|
52
|
-
primary: "
|
|
53
|
-
secondary: "
|
|
51
|
+
default: "data-[highlighted]:bg-brutal-accent data-[highlighted]:text-brutal-accent-foreground",
|
|
52
|
+
primary: "data-[highlighted]:bg-brutal-primary data-[highlighted]:text-brutal-primary-foreground",
|
|
53
|
+
secondary: "data-[highlighted]:bg-brutal-secondary data-[highlighted]:text-brutal-secondary-foreground"
|
|
54
54
|
} },
|
|
55
55
|
defaultVariants: { variant: "default" }
|
|
56
56
|
}), R = { class: "flex items-center gap-1" }, z = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { n as e } from "./utils-CUXX1zll.js";
|
|
2
|
-
import { a as t, n, t as r } from "./SelectItem-
|
|
2
|
+
import { a as t, n, t as r } from "./SelectItem-D-A3LuAd.js";
|
|
3
3
|
import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, useSlots as b, withCtx as x } from "vue";
|
|
4
4
|
import { SelectGroup as S, SelectLabel as C, SelectRoot as w, SelectSeparator as T, SelectValue as E } from "reka-ui";
|
|
5
5
|
//#endregion
|
|
@@ -10,6 +10,7 @@ import { cva as E } from "class-variance-authority";
|
|
|
10
10
|
var D = E([
|
|
11
11
|
"fixed z-50 gap-4 p-6 text-brutal-fg transition ease-in-out",
|
|
12
12
|
...o,
|
|
13
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
13
14
|
"data-[state=closed]:duration-300 data-[state=open]:duration-500"
|
|
14
15
|
], {
|
|
15
16
|
variants: { side: {
|
|
@@ -145,29 +145,43 @@ var w = {
|
|
|
145
145
|
};
|
|
146
146
|
}
|
|
147
147
|
function W(e) {
|
|
148
|
+
return Math.max(0, Math.min(100, e));
|
|
149
|
+
}
|
|
150
|
+
function G(e) {
|
|
151
|
+
if (!e || e.length === 0) return;
|
|
152
|
+
let t = e.length === 1 ? C.min : Math.min(...e), n = e.length === 1 ? e[0] : Math.max(...e), r = W(H(t)), i = W(H(n));
|
|
153
|
+
return C.orientation === "vertical" ? {
|
|
154
|
+
bottom: `${r}%`,
|
|
155
|
+
height: `${Math.max(0, i - r)}%`
|
|
156
|
+
} : {
|
|
157
|
+
left: `${r}%`,
|
|
158
|
+
width: `${Math.max(0, i - r)}%`
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
function K(e) {
|
|
148
162
|
if (N.value < 0 || !e || e.length === 0) return "";
|
|
149
163
|
let t = e[N.value];
|
|
150
164
|
return t === void 0 ? "" : String(t);
|
|
151
165
|
}
|
|
152
|
-
function
|
|
166
|
+
function q(e) {
|
|
153
167
|
if (N.value < 0 || !e || e.length === 0) return;
|
|
154
168
|
let t = e[N.value];
|
|
155
169
|
if (t === void 0) return;
|
|
156
170
|
let n = H(t), r = { transform: "" };
|
|
157
171
|
return C.orientation === "vertical" ? (r.bottom = `${n}%`, r.left = "0", r.transform = "translate(-100%, 50%)") : (r.left = `${n}%`, r.top = "0", r.transform = "translate(-50%, -100%)"), r;
|
|
158
172
|
}
|
|
159
|
-
function
|
|
173
|
+
function J(e) {
|
|
160
174
|
j.value = e;
|
|
161
175
|
}
|
|
162
|
-
function
|
|
176
|
+
function Y(e) {
|
|
163
177
|
Promise.resolve().then(() => {
|
|
164
178
|
j.value === e && (j.value = -1);
|
|
165
179
|
});
|
|
166
180
|
}
|
|
167
|
-
function
|
|
181
|
+
function X(e) {
|
|
168
182
|
M.value = e;
|
|
169
183
|
}
|
|
170
|
-
function
|
|
184
|
+
function Z(e) {
|
|
171
185
|
M.value === e && (M.value = -1);
|
|
172
186
|
}
|
|
173
187
|
return (e, n) => (f(), a(g(b), {
|
|
@@ -183,22 +197,25 @@ var w = {
|
|
|
183
197
|
}, {
|
|
184
198
|
default: v(({ modelValue: e }) => [
|
|
185
199
|
c(g(S), { class: u(I.value) }, {
|
|
186
|
-
default: v(() => [c(g(y), {
|
|
200
|
+
default: v(() => [c(g(y), {
|
|
201
|
+
class: u(R.value),
|
|
202
|
+
style: d(G(e))
|
|
203
|
+
}, null, 8, ["class", "style"]), (f(!0), s(r, null, m(t.marks, (e, t) => (f(), s("span", {
|
|
187
204
|
key: `mark-${t}`,
|
|
188
205
|
class: u(z.value),
|
|
189
206
|
style: d(U(e)),
|
|
190
207
|
"aria-hidden": "true"
|
|
191
208
|
}, null, 6))), 128))]),
|
|
192
|
-
_:
|
|
193
|
-
},
|
|
209
|
+
_: 2
|
|
210
|
+
}, 1032, ["class"]),
|
|
194
211
|
(f(!0), s(r, null, m(V.value, (e, n) => (f(), a(g(x), {
|
|
195
212
|
key: n,
|
|
196
213
|
class: u(L.value),
|
|
197
214
|
"aria-describedby": t.showTooltip && N.value === n ? P : void 0,
|
|
198
|
-
onFocus: (e) =>
|
|
199
|
-
onBlur: (e) =>
|
|
200
|
-
onPointerenter: (e) =>
|
|
201
|
-
onPointerleave: (e) =>
|
|
215
|
+
onFocus: (e) => J(n),
|
|
216
|
+
onBlur: (e) => Y(n),
|
|
217
|
+
onPointerenter: (e) => X(n),
|
|
218
|
+
onPointerleave: (e) => Z(n)
|
|
202
219
|
}, null, 8, [
|
|
203
220
|
"class",
|
|
204
221
|
"aria-describedby",
|
|
@@ -211,9 +228,9 @@ var w = {
|
|
|
211
228
|
key: 0,
|
|
212
229
|
id: P,
|
|
213
230
|
class: u(B.value),
|
|
214
|
-
style: d(
|
|
231
|
+
style: d(q(e)),
|
|
215
232
|
role: "tooltip"
|
|
216
|
-
}, h(
|
|
233
|
+
}, h(K(e)), 7)) : o("", !0)
|
|
217
234
|
]),
|
|
218
235
|
_: 1
|
|
219
236
|
}, 8, [
|
|
@@ -38,7 +38,7 @@ var b = y([
|
|
|
38
38
|
variants: {
|
|
39
39
|
orientation: {
|
|
40
40
|
horizontal: "flex-1 h-[3px] mx-2",
|
|
41
|
-
vertical: "w-[var(--brutal-border-width,3px)] flex-1 my-2 ml-[calc(var(--brutal-border-width,3px)/
|
|
41
|
+
vertical: "w-[var(--brutal-border-width,3px)] flex-1 my-2 ml-[calc(var(--brutal-border-width,3px)/2_+_var(--stepper-dot-size,2rem)/2_-_3px/2)]"
|
|
42
42
|
},
|
|
43
43
|
completed: {
|
|
44
44
|
true: "bg-brutal-success",
|
|
@@ -62,16 +62,16 @@ var b = y([
|
|
|
62
62
|
} } }), w = ["aria-label", "aria-orientation"], T = ["aria-current"], E = {
|
|
63
63
|
key: 0,
|
|
64
64
|
class: "flex items-center w-full"
|
|
65
|
-
}, D = ["aria-label", "onClick"], O = { key: 1 },
|
|
65
|
+
}, D = ["aria-label", "onClick"], O = { key: 1 }, k = { class: "text-xs font-black tracking-wide truncate" }, ee = {
|
|
66
66
|
key: 0,
|
|
67
67
|
class: "text-xs font-medium opacity-60 mt-0.5 truncate"
|
|
68
|
-
},
|
|
68
|
+
}, te = ["aria-label", "onClick"], ne = { key: 1 }, A = { class: "text-sm font-black tracking-wide" }, j = {
|
|
69
69
|
key: 0,
|
|
70
70
|
class: "text-xs font-medium opacity-60 mt-0.5"
|
|
71
|
-
},
|
|
71
|
+
}, M = {
|
|
72
72
|
key: 1,
|
|
73
73
|
class: "mt-3"
|
|
74
|
-
},
|
|
74
|
+
}, N = "2rem", P = /* @__PURE__ */ u({
|
|
75
75
|
__name: "Stepper",
|
|
76
76
|
props: {
|
|
77
77
|
steps: {},
|
|
@@ -87,30 +87,36 @@ var b = y([
|
|
|
87
87
|
},
|
|
88
88
|
emits: ["update:modelValue", "step-click"],
|
|
89
89
|
setup(t, { expose: n, emit: u }) {
|
|
90
|
-
let y = t, { t: C } = r(),
|
|
90
|
+
let y = t, { t: C } = r(), P = u, F = a(() => y.modelValue), I = a(() => y.steps.length), L = a(() => F.value === 0), R = a(() => F.value === I.value - 1), z = a(() => {
|
|
91
|
+
switch (y.size) {
|
|
92
|
+
case "sm": return "1.5rem";
|
|
93
|
+
case "lg": return "2.5rem";
|
|
94
|
+
default: return "2rem";
|
|
95
|
+
}
|
|
96
|
+
});
|
|
91
97
|
function B(e) {
|
|
92
|
-
e >= 0 && e <
|
|
98
|
+
e >= 0 && e < I.value && P("update:modelValue", e);
|
|
93
99
|
}
|
|
94
100
|
function V() {
|
|
95
|
-
|
|
101
|
+
R.value || P("update:modelValue", F.value + 1);
|
|
96
102
|
}
|
|
97
103
|
function H() {
|
|
98
|
-
|
|
104
|
+
L.value || P("update:modelValue", F.value - 1);
|
|
99
105
|
}
|
|
100
106
|
n({
|
|
101
|
-
currentStep:
|
|
102
|
-
totalSteps:
|
|
107
|
+
currentStep: F,
|
|
108
|
+
totalSteps: I,
|
|
103
109
|
goToStep: B,
|
|
104
110
|
nextStep: V,
|
|
105
111
|
previousStep: H,
|
|
106
|
-
isFirstStep:
|
|
107
|
-
isLastStep:
|
|
112
|
+
isFirstStep: L,
|
|
113
|
+
isLastStep: R
|
|
108
114
|
});
|
|
109
115
|
function U(e) {
|
|
110
116
|
return e < y.modelValue ? "completed" : e === y.modelValue ? "active" : "upcoming";
|
|
111
117
|
}
|
|
112
118
|
function W(e) {
|
|
113
|
-
y.clickable && (
|
|
119
|
+
y.clickable && (P("update:modelValue", e), P("step-click", e));
|
|
114
120
|
}
|
|
115
121
|
function G(e) {
|
|
116
122
|
let t = e.target;
|
|
@@ -188,8 +194,11 @@ var b = y([
|
|
|
188
194
|
t.orientation === "horizontal" ? (p(), c("div", {
|
|
189
195
|
key: 1,
|
|
190
196
|
class: d(["mt-2 text-center px-1", Z.value[r]])
|
|
191
|
-
}, [l("p",
|
|
192
|
-
t.orientation === "vertical" ? (p(), c(i, { key: 2 }, [l("div",
|
|
197
|
+
}, [l("p", k, g(n.title), 1), n.description ? (p(), c("p", ee, g(n.description), 1)) : s("", !0)], 2)) : s("", !0),
|
|
198
|
+
t.orientation === "vertical" ? (p(), c(i, { key: 2 }, [l("div", {
|
|
199
|
+
class: "flex flex-col items-center",
|
|
200
|
+
style: f({ "--stepper-dot-size": z.value })
|
|
201
|
+
}, [l("button", {
|
|
193
202
|
class: d(Q.value[r]),
|
|
194
203
|
type: "button",
|
|
195
204
|
"data-step-button": "",
|
|
@@ -201,17 +210,17 @@ var b = y([
|
|
|
201
210
|
}, [J.value[r] === "completed" ? (p(), o(_(v), {
|
|
202
211
|
key: 0,
|
|
203
212
|
class: "w-4 h-4"
|
|
204
|
-
})) : (p(), c("span",
|
|
213
|
+
})) : (p(), c("span", ne, g(r + 1), 1))], 10, te), r < t.steps.length - 1 ? (p(), c("div", {
|
|
205
214
|
key: 0,
|
|
206
215
|
class: d($.value[r]),
|
|
207
|
-
style: f({ minHeight:
|
|
208
|
-
}, null, 6)) : s("", !0)]), l("div", { class: d(["pb-6 min-w-0 flex-1", Z.value[r]]) }, [
|
|
209
|
-
l("p",
|
|
210
|
-
n.description ? (p(), c("p",
|
|
211
|
-
r === t.modelValue ? (p(), c("div",
|
|
216
|
+
style: f({ minHeight: N })
|
|
217
|
+
}, null, 6)) : s("", !0)], 4), l("div", { class: d(["pb-6 min-w-0 flex-1", Z.value[r]]) }, [
|
|
218
|
+
l("p", A, g(n.title), 1),
|
|
219
|
+
n.description ? (p(), c("p", j, g(n.description), 1)) : s("", !0),
|
|
220
|
+
r === t.modelValue ? (p(), c("div", M, [h(e.$slots, `step-${n.id}`)])) : s("", !0)
|
|
212
221
|
], 2)], 64)) : s("", !0)
|
|
213
222
|
], 10, T))), 128))], 42, w));
|
|
214
223
|
}
|
|
215
224
|
});
|
|
216
225
|
//#endregion
|
|
217
|
-
export { S as a, C as i, x as n, b as r,
|
|
226
|
+
export { S as a, C as i, x as n, b as r, P as t };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as e } from "./utils-CUXX1zll.js";
|
|
2
2
|
import { n as t, o as n } from "./brutal-interaction-variants-BAheBvSg.js";
|
|
3
3
|
import { useLocale as r } from "../composables/useLocale.js";
|
|
4
|
-
import { t as i } from "./Card-
|
|
4
|
+
import { t as i } from "./Card-BbuXTMF2.js";
|
|
5
5
|
import { t as a } from "./Result-DiJVipLS.js";
|
|
6
6
|
import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, normalizeClass as h, openBlock as g, provide as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, withCtx as C } from "vue";
|
|
7
7
|
import { TabsContent as w, TabsList as T, TabsRoot as E, TabsTrigger as D } from "reka-ui";
|
|
@@ -16,10 +16,10 @@ var P = N([
|
|
|
16
16
|
variants: {
|
|
17
17
|
variant: {
|
|
18
18
|
default: ["bg-brutal-bg text-brutal-fg", "shadow-brutal-lg"],
|
|
19
|
-
success: ["bg-brutal-success text-brutal-
|
|
20
|
-
error: ["bg-brutal-destructive text-brutal-
|
|
21
|
-
warning: ["bg-brutal-accent text-brutal-
|
|
22
|
-
info: ["bg-brutal-secondary text-brutal-
|
|
19
|
+
success: ["bg-brutal-success text-brutal-success-foreground", "shadow-brutal-lg"],
|
|
20
|
+
error: ["bg-brutal-destructive text-brutal-destructive-foreground", "shadow-brutal-lg"],
|
|
21
|
+
warning: ["bg-brutal-accent text-brutal-accent-foreground", "shadow-brutal-lg"],
|
|
22
|
+
info: ["bg-brutal-secondary text-brutal-secondary-foreground", "shadow-brutal-lg"]
|
|
23
23
|
},
|
|
24
24
|
size: {
|
|
25
25
|
sm: "w-72",
|
|
@@ -3,7 +3,7 @@ import { useLocale as t } from "../composables/useLocale.js";
|
|
|
3
3
|
import { t as n } from "./Button-UuduRGTk.js";
|
|
4
4
|
import { t as r } from "./Checkbox-BJKxAvEj.js";
|
|
5
5
|
import { t as i } from "./Input-Cgt7mldw.js";
|
|
6
|
-
import { t as a } from "./Card-
|
|
6
|
+
import { t as a } from "./Card-BbuXTMF2.js";
|
|
7
7
|
import { useTransferPanelSelection as o } from "../composables/useTransferPanelSelection.js";
|
|
8
8
|
import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, watch as ee, withCtx as x, withModifiers as S } from "vue";
|
|
9
9
|
import { ChevronLeft as te, ChevronRight as ne, Search as C } from "@lucide/vue";
|
|
@@ -41,21 +41,20 @@ function G(e, t) {
|
|
|
41
41
|
function K(e, t) {
|
|
42
42
|
let n = null;
|
|
43
43
|
function r(e) {
|
|
44
|
-
let
|
|
45
|
-
for (let
|
|
46
|
-
if (
|
|
47
|
-
n = i(
|
|
44
|
+
let r = [];
|
|
45
|
+
for (let a of e) {
|
|
46
|
+
if (a.id === t) {
|
|
47
|
+
n = i(a);
|
|
48
48
|
continue;
|
|
49
49
|
}
|
|
50
|
-
|
|
51
|
-
o.children && (e.children = r(o.children)), a.push(e);
|
|
50
|
+
r.push(i(a));
|
|
52
51
|
}
|
|
53
|
-
return
|
|
52
|
+
return r;
|
|
54
53
|
}
|
|
55
54
|
function i(e) {
|
|
56
55
|
return {
|
|
57
56
|
...e,
|
|
58
|
-
children: e.children ?
|
|
57
|
+
children: e.children ? r(e.children) : void 0
|
|
59
58
|
};
|
|
60
59
|
}
|
|
61
60
|
return [r(e), n];
|