@brumaombra/ui-vintage 0.6.3 → 0.6.4
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/{Busy-BaCc_Jo8.js → Busy-DRHkNObd.js} +2 -2
- package/dist/{CalendarPrevButton.vue_vue_type_script_setup_true_lang-DdzS6YGM.js → CalendarPrevButton.vue_vue_type_script_setup_true_lang-D4jkKsDX.js} +3 -3
- package/dist/{DatePicker.vue_vue_type_script_setup_true_lang-C2Ug81pX.js → DatePicker.vue_vue_type_script_setup_true_lang-C_bocxOu.js} +1 -1
- package/dist/{DialogTitle.vue_vue_type_script_setup_true_lang-CycrzAMT.js → DialogTitle.vue_vue_type_script_setup_true_lang-B79YbKSf.js} +1 -1
- package/dist/{Input.vue_vue_type_script_setup_true_lang-BdjbS5s7.js → Input.vue_vue_type_script_setup_true_lang-KQETSF2I.js} +1 -1
- package/dist/{Label.vue_vue_type_script_setup_true_lang-CdLIMAdF.js → Label.vue_vue_type_script_setup_true_lang-BzHEIagR.js} +1 -1
- package/dist/{LandingFooter.vue_vue_type_script_setup_true_lang-B8TcoKDG.js → LandingFooter.vue_vue_type_script_setup_true_lang-Dxc03HyK.js} +3 -3
- package/dist/{LandingNavbar.vue_vue_type_script_setup_true_lang-0jX2tmdb.js → LandingNavbar.vue_vue_type_script_setup_true_lang-DDB1dSjS.js} +4 -0
- package/dist/{MessageToast-Bq8GKXzJ.js → MessageToast-DBztWhRL.js} +3 -3
- package/dist/{TimePicker.vue_vue_type_script_setup_true_lang-tbOoMfZu.js → TimePicker.vue_vue_type_script_setup_true_lang-CwuwDICo.js} +1 -1
- package/dist/badge.js +13 -3
- package/dist/busy-indicator.js +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.js +1 -1
- package/dist/calendar.js +1 -1
- package/dist/command.js +2 -2
- package/dist/components/ui/badge/Badge.vue.d.ts +5 -0
- package/dist/components/ui/select/SelectContent.vue.d.ts +3 -0
- package/dist/components/ui/sidebar/Sidebar.vue.d.ts +1 -0
- package/dist/components/ui/sidebar/SidebarProvider.vue.d.ts +2 -0
- package/dist/components/ui/sidebar/index.d.ts +1 -0
- package/dist/dashboard-shell.js +1 -1
- package/dist/data-list.js +1 -1
- package/dist/date-picker.js +1 -1
- package/dist/date-time-picker.js +3 -3
- package/dist/dialog.js +1 -1
- package/dist/field.js +4 -4
- package/dist/input.js +1 -1
- package/dist/label.js +1 -1
- package/dist/landing-footer.js +1 -1
- package/dist/landing-navbar.js +1 -1
- package/dist/landing.js +2 -2
- package/dist/message-toast.js +1 -1
- package/dist/progress-component.js +2 -2
- package/dist/select.js +34 -33
- package/dist/sidebar.js +28 -25
- package/dist/single-value-card.js +1 -1
- package/dist/slider-form-component.js +2 -2
- package/dist/style.css +146 -32
- package/dist/switch-form-component.js +1 -1
- package/dist/table.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/text-link.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/time-picker.js +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
|
|
|
6
6
|
const _hoisted_1 = {
|
|
7
7
|
key: 0,
|
|
8
8
|
"data-slot": "busy-label",
|
|
9
|
-
class: "text-xs font-
|
|
9
|
+
class: "text-xs font-semibold text-foreground sm:text-sm"
|
|
10
10
|
};
|
|
11
11
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
12
|
__name: "Busy",
|
|
@@ -49,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
const Busy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
52
|
+
const Busy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-642423ef"]]);
|
|
53
53
|
export {
|
|
54
54
|
Busy as B
|
|
55
55
|
};
|
|
@@ -3315,7 +3315,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
3315
3315
|
createElementVNode("div", _hoisted_2, [
|
|
3316
3316
|
createElementVNode("div", _hoisted_3, toDisplayString(unref(formatter).custom(unref(toDate)(date), { month: "short" })), 1),
|
|
3317
3317
|
createVNode(unref(_sfc_main$c), {
|
|
3318
|
-
class: "relative z-20 h-full min-h-0 w-[92px] rounded-none border-0 bg-transparent pl-2 pr-6 text-xs font-
|
|
3318
|
+
class: "relative z-20 h-full min-h-0 w-[92px] rounded-none border-0 bg-transparent pl-2 pr-6 text-xs font-semibold text-transparent shadow-none transition-all duration-300 ease-in-out outline-none ring-0 focus-visible:border-0 focus-visible:ring-0 dark:bg-transparent sm:text-sm",
|
|
3319
3319
|
"model-value": date.month,
|
|
3320
3320
|
onChange: _cache[0] || (_cache[0] = (e) => {
|
|
3321
3321
|
var _a;
|
|
@@ -3351,7 +3351,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
3351
3351
|
createElementVNode("div", _hoisted_5, [
|
|
3352
3352
|
createElementVNode("div", _hoisted_6, toDisplayString(unref(formatter).custom(unref(toDate)(date), { year: "numeric" })), 1),
|
|
3353
3353
|
createVNode(unref(_sfc_main$c), {
|
|
3354
|
-
class: "relative z-20 h-full min-h-0 w-[96px] rounded-none border-0 bg-transparent pl-2 pr-6 text-xs font-
|
|
3354
|
+
class: "relative z-20 h-full min-h-0 w-[96px] rounded-none border-0 bg-transparent pl-2 pr-6 text-xs font-semibold text-transparent shadow-none transition-all duration-300 ease-in-out outline-none ring-0 focus-visible:border-0 focus-visible:ring-0 dark:bg-transparent sm:text-sm",
|
|
3355
3355
|
"model-value": date.year,
|
|
3356
3356
|
onChange: _cache[1] || (_cache[1] = (e) => {
|
|
3357
3357
|
var _a;
|
|
@@ -3699,7 +3699,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3699
3699
|
return (_ctx, _cache) => {
|
|
3700
3700
|
return openBlock(), createBlock(unref(CalendarHeading_default), mergeProps({
|
|
3701
3701
|
"data-slot": "calendar-heading",
|
|
3702
|
-
class: unref(cn)("text-sm font-
|
|
3702
|
+
class: unref(cn)("text-sm font-semibold", props.class)
|
|
3703
3703
|
}, unref(forwardedProps)), {
|
|
3704
3704
|
default: withCtx(({ headingValue }) => [
|
|
3705
3705
|
renderSlot(_ctx.$slots, "default", { headingValue }, () => [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
|
|
2
|
-
import { $ as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, l as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, m as $fb18d541ea1ad717$export$ad991b66133851cf, _ as _sfc_main$5 } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { $ as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, l as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, m as $fb18d541ea1ad717$export$ad991b66133851cf, _ as _sfc_main$5 } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-D4jkKsDX.js";
|
|
3
3
|
import { f as cL } from "./index.min-CZ9FIOXr.js";
|
|
4
4
|
import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
|
|
5
5
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
@@ -124,7 +124,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
124
124
|
const forwardedProps = useForwardProps(delegatedProps);
|
|
125
125
|
return (_ctx, _cache) => {
|
|
126
126
|
return openBlock(), createBlock(unref(DialogDescription_default), mergeProps({ "data-slot": "dialog-description" }, unref(forwardedProps), {
|
|
127
|
-
class: unref(cn)("text-sm leading-6 text-muted-foreground", props.class)
|
|
127
|
+
class: unref(cn)("text-xs sm:text-sm leading-6 text-muted-foreground", props.class)
|
|
128
128
|
}), {
|
|
129
129
|
default: withCtx(() => [
|
|
130
130
|
renderSlot(_ctx.$slots, "default")
|
|
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
21
21
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
|
|
22
22
|
"data-slot": "input",
|
|
23
23
|
class: normalizeClass(unref(cn)(
|
|
24
|
-
"file:text-foreground selection:bg-primary selection:text-primary-foreground h-[52px] w-full min-w-0 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-
|
|
24
|
+
"file:text-foreground selection:bg-primary selection:text-primary-foreground h-[52px] w-full min-w-0 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-semibold text-(--text-primary-light) outline-none transition-all duration-300 ease-in-out placeholder:text-(--text-secondary-light) placeholder:opacity-60 file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:text-(--text-primary-dark) dark:placeholder:text-(--text-secondary-dark) sm:text-sm",
|
|
25
25
|
"focus-visible:border-(--border-hover-light) focus-visible:ring-0 dark:focus-visible:border-(--border-hover-dark)",
|
|
26
26
|
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
27
27
|
props.class
|
|
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
48
48
|
return (_ctx, _cache) => {
|
|
49
49
|
return openBlock(), createBlock(unref(Label_default), mergeProps({ "data-slot": "label" }, unref(delegatedProps), {
|
|
50
50
|
class: unref(cn)(
|
|
51
|
-
"flex items-center gap-2 text-sm leading-none font-
|
|
51
|
+
"flex items-center gap-2 text-sm leading-none font-semibold select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
|
|
52
52
|
props.class
|
|
53
53
|
)
|
|
54
54
|
}), {
|
|
@@ -94,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
94
94
|
return openBlock(), createElementBlock("li", {
|
|
95
95
|
key: link.id
|
|
96
96
|
}, [
|
|
97
|
-
(openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps({ ref_for: true }, getLinkProps(link), { class: "text-muted-foreground
|
|
97
|
+
(openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps({ ref_for: true }, getLinkProps(link), { class: "text-muted-foreground hover:underline" }), {
|
|
98
98
|
default: withCtx(() => [
|
|
99
99
|
createTextVNode(toDisplayString(link.label), 1)
|
|
100
100
|
]),
|
|
@@ -116,7 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
116
116
|
return openBlock(), createElementBlock("li", {
|
|
117
117
|
key: link.id
|
|
118
118
|
}, [
|
|
119
|
-
(openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps({ ref_for: true }, getLinkProps(link), { class: "text-muted-foreground
|
|
119
|
+
(openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps({ ref_for: true }, getLinkProps(link), { class: "text-muted-foreground hover:underline" }), {
|
|
120
120
|
default: withCtx(() => [
|
|
121
121
|
createTextVNode(toDisplayString(link.label), 1)
|
|
122
122
|
]),
|
|
@@ -145,7 +145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
145
145
|
href: props.authorLink,
|
|
146
146
|
target: "_blank",
|
|
147
147
|
rel: "noopener noreferrer",
|
|
148
|
-
class: "font-
|
|
148
|
+
class: "font-semibold text-foreground hover:underline"
|
|
149
149
|
}, toDisplayString(props.authorName), 9, _hoisted_11)
|
|
150
150
|
])) : createCommentVNode("", true)
|
|
151
151
|
], 2)) : createCommentVNode("", true)
|
|
@@ -38,6 +38,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
key: 0,
|
|
39
39
|
src: props.appLogo,
|
|
40
40
|
alt: `${props.appName} logo`,
|
|
41
|
+
width: "44",
|
|
42
|
+
height: "44",
|
|
43
|
+
loading: "eager",
|
|
44
|
+
fetchpriority: "high",
|
|
41
45
|
class: "size-11 sm:size-9 shrink-0 object-contain"
|
|
42
46
|
}, null, 8, _hoisted_2)) : createCommentVNode("", true),
|
|
43
47
|
props.appName ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(props.appName), 1)) : createCommentVNode("", true)
|
|
@@ -7,7 +7,7 @@ import { messageToastState, closeMessageToast } from "./message-toast.js";
|
|
|
7
7
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
|
|
8
8
|
const _hoisted_1 = ["aria-live"];
|
|
9
9
|
const _hoisted_2 = { class: "flex items-center gap-4" };
|
|
10
|
-
const _hoisted_3 = { class: "m-0 flex-1 text-sm font-
|
|
10
|
+
const _hoisted_3 = { class: "m-0 flex-1 text-sm font-normal leading-5" };
|
|
11
11
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
12
|
__name: "MessageToast",
|
|
13
13
|
setup(__props) {
|
|
@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
return [
|
|
39
39
|
unref(messageToastState).current && unref(messageToastState).isOpen ? (openBlock(), createElementBlock("div", {
|
|
40
40
|
key: 0,
|
|
41
|
-
class: "fixed inset-x-3 bottom-3 z-
|
|
41
|
+
class: "fixed inset-x-3 bottom-3 z-[60] rounded border border-border bg-card p-4 text-card-foreground transition-colors duration-300 ease-in-out sm:inset-x-auto sm:right-6 sm:bottom-6 sm:max-w-[350px] sm:min-w-[250px]",
|
|
42
42
|
role: "alert",
|
|
43
43
|
"aria-live": toastAriaLive.value,
|
|
44
44
|
"aria-atomic": "true"
|
|
@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
});
|
|
76
|
-
const MessageToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
76
|
+
const MessageToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09cd0f70"]]);
|
|
77
77
|
export {
|
|
78
78
|
MessageToast as default
|
|
79
79
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, openBlock, createBlock, unref, normalizeClass } from "vue";
|
|
2
2
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
3
|
-
import { _ as _sfc_main$1 } from "./Input.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
import { _ as _sfc_main$1 } from "./Input.vue_vue_type_script_setup_true_lang-KQETSF2I.js";
|
|
4
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
5
|
__name: "TimePicker",
|
|
6
6
|
props: {
|
package/dist/badge.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString } from "vue";
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
|
|
2
|
+
import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
|
|
2
3
|
import { g as getSurfaceToneClasses } from "./color-tokens-D9BviGPK.js";
|
|
3
4
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
4
5
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
6
|
__name: "Badge",
|
|
6
7
|
props: {
|
|
7
8
|
text: {},
|
|
9
|
+
icon: { default: null },
|
|
8
10
|
color: { default: "gray" },
|
|
9
11
|
class: {}
|
|
10
12
|
},
|
|
@@ -13,8 +15,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
13
15
|
return (_ctx, _cache) => {
|
|
14
16
|
return openBlock(), createElementBlock("span", {
|
|
15
17
|
"data-slot": "badge",
|
|
16
|
-
class: normalizeClass(unref(cn)("inline-flex w-fit items-center justify-center whitespace-nowrap rounded border px-2 py-0.5 text-xs font-semibold transition-colors duration-300 ease-in-out", unref(getSurfaceToneClasses)(props.color), props.class))
|
|
17
|
-
},
|
|
18
|
+
class: normalizeClass(unref(cn)("inline-flex w-fit items-center justify-center gap-1.5 whitespace-nowrap rounded border px-2 py-0.5 text-xs font-semibold transition-colors duration-300 ease-in-out", unref(getSurfaceToneClasses)(props.color), props.class))
|
|
19
|
+
}, [
|
|
20
|
+
props.icon ? (openBlock(), createBlock(unref(HugeiconsIcon), {
|
|
21
|
+
key: 0,
|
|
22
|
+
icon: props.icon,
|
|
23
|
+
class: "size-3.5 shrink-0",
|
|
24
|
+
"stroke-width": 1.8
|
|
25
|
+
}, null, 8, ["icon"])) : createCommentVNode("", true),
|
|
26
|
+
createTextVNode(" " + toDisplayString(props.text), 1)
|
|
27
|
+
], 2);
|
|
18
28
|
};
|
|
19
29
|
}
|
|
20
30
|
});
|
package/dist/busy-indicator.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { reactive, render, h, defineComponent, openBlock, createBlock, unref, normalizeClass } from "vue";
|
|
2
|
-
import { B as Busy } from "./Busy-
|
|
2
|
+
import { B as Busy } from "./Busy-DRHkNObd.js";
|
|
3
3
|
const BUSY_INDICATOR_ROOT_ID = "ui-vintage-busy-indicator-root";
|
|
4
4
|
let busyIndicatorMountPromise = null;
|
|
5
5
|
const busyIndicatorState = reactive({
|
package/dist/busy.js
CHANGED
package/dist/button.js
CHANGED
|
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
const buttonVariants = cva(
|
|
35
|
-
"inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded text-xs font-
|
|
35
|
+
"inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded text-xs font-semibold transition-all duration-300 ease-in-out disabled:pointer-events-none disabled:opacity-50 enabled:active:scale-[0.98] sm:text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
36
36
|
{
|
|
37
37
|
variants: {
|
|
38
38
|
variant: {
|
package/dist/calendar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-D4jkKsDX.js";
|
|
2
2
|
export {
|
|
3
3
|
_ as Calendar,
|
|
4
4
|
a as CalendarCell,
|
package/dist/command.js
CHANGED
|
@@ -13,7 +13,7 @@ import { g as getFocusIntent } from "./utils-hdwtyAF3.js";
|
|
|
13
13
|
import { a as useVModel, f as useCurrentElement } from "./index-Dw56kNV0.js";
|
|
14
14
|
import { o as createEventHook, g as refAutoReset, r as reactiveOmit } from "./index-DDJjWaIl.js";
|
|
15
15
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
16
|
-
import { _ as _sfc_main$9, a as _sfc_main$a, c as _sfc_main$b, e as _sfc_main$c, b as _sfc_main$d } from "./DialogTitle.vue_vue_type_script_setup_true_lang-
|
|
16
|
+
import { _ as _sfc_main$9, a as _sfc_main$a, c as _sfc_main$b, e as _sfc_main$c, b as _sfc_main$d } from "./DialogTitle.vue_vue_type_script_setup_true_lang-B79YbKSf.js";
|
|
17
17
|
import { u as useId } from "./useId-CF6wz41D.js";
|
|
18
18
|
import { p as pkr } from "./index.min-CZ9FIOXr.js";
|
|
19
19
|
import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
|
|
@@ -1000,7 +1000,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
1000
1000
|
ref_key: "itemRef",
|
|
1001
1001
|
ref: itemRef,
|
|
1002
1002
|
"data-slot": "command-item",
|
|
1003
|
-
class: unref(cn)("relative flex cursor-pointer items-center gap-3 rounded px-3 py-2 text-left text-sm font-
|
|
1003
|
+
class: unref(cn)("relative flex cursor-pointer items-center gap-3 rounded px-3 py-2 text-left text-sm font-semibold text-(--text-secondary-light) outline-hidden transition-colors duration-200 select-none data-[highlighted]:bg-(--bg-selected-light) data-[highlighted]:text-(--text-primary-light) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:text-(--text-secondary-dark) dark:data-[highlighted]:bg-(--bg-selected-dark) dark:data-[highlighted]:text-(--text-primary-dark) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-current", props.class),
|
|
1004
1004
|
onSelect: _cache[0] || (_cache[0] = () => {
|
|
1005
1005
|
unref(filterState).search = "";
|
|
1006
1006
|
})
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'vue';
|
|
2
2
|
import { ToneColor } from '../../../lib/color-tokens';
|
|
3
|
+
type HugeiconsIconDefinition = readonly (readonly [string, {
|
|
4
|
+
readonly [key: string]: string | number;
|
|
5
|
+
}])[];
|
|
3
6
|
type __VLS_Props = {
|
|
4
7
|
text: string;
|
|
8
|
+
icon?: HugeiconsIconDefinition | null;
|
|
5
9
|
color?: ToneColor;
|
|
6
10
|
class?: HTMLAttributes["class"];
|
|
7
11
|
};
|
|
8
12
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
13
|
+
icon: HugeiconsIconDefinition | null;
|
|
9
14
|
color: ToneColor;
|
|
10
15
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
11
16
|
export default _default;
|
|
@@ -21,6 +21,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
21
21
|
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
22
22
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
23
23
|
}>, {
|
|
24
|
+
sideOffset: number;
|
|
25
|
+
align: "start" | "center" | "end";
|
|
26
|
+
collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
|
|
24
27
|
position: "item-aligned" | "popper";
|
|
25
28
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
29
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -14,6 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<SidebarProps, {}, {
|
|
|
14
14
|
variant: "sidebar" | "floating" | "inset";
|
|
15
15
|
side: "left" | "right";
|
|
16
16
|
collapsible: "offcanvas" | "icon" | "none";
|
|
17
|
+
compact: boolean;
|
|
17
18
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
19
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
20
|
export default _default;
|
|
@@ -2,6 +2,7 @@ import { HTMLAttributes } from 'vue';
|
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
defaultOpen?: boolean;
|
|
4
4
|
open?: boolean;
|
|
5
|
+
compact?: boolean;
|
|
5
6
|
class?: HTMLAttributes["class"];
|
|
6
7
|
};
|
|
7
8
|
declare function __VLS_template(): {
|
|
@@ -20,6 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
20
21
|
}>, {
|
|
21
22
|
open: boolean;
|
|
22
23
|
defaultOpen: boolean;
|
|
24
|
+
compact: boolean;
|
|
23
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
24
26
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
25
27
|
export default _default;
|
package/dist/dashboard-shell.js
CHANGED
|
@@ -17,7 +17,7 @@ const _hoisted_6 = {
|
|
|
17
17
|
class: "mt-0.5 text-[11px] leading-4 text-sidebar-foreground/65"
|
|
18
18
|
};
|
|
19
19
|
const _hoisted_7 = { class: "min-w-0 flex-1" };
|
|
20
|
-
const _hoisted_8 = { class: "truncate text-sm font-
|
|
20
|
+
const _hoisted_8 = { class: "truncate text-sm font-semibold" };
|
|
21
21
|
const _hoisted_9 = {
|
|
22
22
|
key: 0,
|
|
23
23
|
class: "truncate text-xs text-muted-foreground"
|
package/dist/data-list.js
CHANGED
|
@@ -81,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
81
81
|
return (_ctx, _cache) => {
|
|
82
82
|
return openBlock(), createElementBlock("td", {
|
|
83
83
|
"data-slot": "data-list-value",
|
|
84
|
-
class: normalizeClass(unref(cn)("py-3 pl-2 align-top text-right font-
|
|
84
|
+
class: normalizeClass(unref(cn)("py-3 pl-2 align-top text-right font-semibold text-foreground", props.class))
|
|
85
85
|
}, [
|
|
86
86
|
renderSlot(_ctx.$slots, "default")
|
|
87
87
|
], 2);
|
package/dist/date-picker.js
CHANGED
package/dist/date-time-picker.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode } from "vue";
|
|
2
|
-
import { l as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, n as $11d87f3f76e88657$export$93522d1a439f3617, o as $11d87f3f76e88657$export$e57ff100d91bd4b9 } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { l as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, n as $11d87f3f76e88657$export$93522d1a439f3617, o as $11d87f3f76e88657$export$e57ff100d91bd4b9 } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-D4jkKsDX.js";
|
|
3
3
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
4
|
-
import { _ as _sfc_main$1 } from "./DatePicker.vue_vue_type_script_setup_true_lang-
|
|
5
|
-
import { _ as _sfc_main$2 } from "./TimePicker.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as _sfc_main$1 } from "./DatePicker.vue_vue_type_script_setup_true_lang-C_bocxOu.js";
|
|
5
|
+
import { _ as _sfc_main$2 } from "./TimePicker.vue_vue_type_script_setup_true_lang-CwuwDICo.js";
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
__name: "DateTimePicker",
|
|
8
8
|
props: {
|
package/dist/dialog.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-B79YbKSf.js";
|
|
2
2
|
import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createElementVNode, createCommentVNode } from "vue";
|
|
3
3
|
import { D as DialogClose_default } from "./DialogClose-DxCTEp0d.js";
|
|
4
4
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
package/dist/field.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { c as cva } from "./index-FpH8cK6B.js";
|
|
2
2
|
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, computed, Fragment, createTextVNode, toDisplayString, renderList, createCommentVNode, createBlock, withCtx, createVNode } from "vue";
|
|
3
3
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
4
|
-
import { _ as _sfc_main$a } from "./Label.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as _sfc_main$a } from "./Label.vue_vue_type_script_setup_true_lang-BzHEIagR.js";
|
|
5
5
|
import { _ as _sfc_main$b } from "./Separator.vue_vue_type_script_setup_true_lang-D9BozdWD.js";
|
|
6
6
|
const _hoisted_1$3 = ["data-orientation"];
|
|
7
7
|
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
@@ -58,7 +58,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
58
58
|
return openBlock(), createElementBlock("p", {
|
|
59
59
|
"data-slot": "field-description",
|
|
60
60
|
class: normalizeClass(unref(cn)(
|
|
61
|
-
"text-xs leading-6 font-normal text-(--text-secondary-light)
|
|
61
|
+
"text-xs leading-6 font-normal text-(--text-secondary-light) dark:text-(--text-secondary-dark) group-has-[[data-orientation=horizontal]]/field:text-balance",
|
|
62
62
|
"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
|
|
63
63
|
"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
|
|
64
64
|
props.class
|
|
@@ -174,7 +174,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
174
174
|
"data-slot": "field-legend",
|
|
175
175
|
"data-variant": _ctx.variant,
|
|
176
176
|
class: normalizeClass(unref(cn)(
|
|
177
|
-
"mb-3 font-
|
|
177
|
+
"mb-3 font-semibold",
|
|
178
178
|
"data-[variant=legend]:text-base",
|
|
179
179
|
"data-[variant=label]:text-sm",
|
|
180
180
|
props.class
|
|
@@ -247,7 +247,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
247
247
|
return openBlock(), createElementBlock("div", {
|
|
248
248
|
"data-slot": "field-label",
|
|
249
249
|
class: normalizeClass(unref(cn)(
|
|
250
|
-
"flex w-fit items-center gap-2 text-sm leading-snug font-
|
|
250
|
+
"flex w-fit items-center gap-2 text-sm leading-snug font-semibold group-data-[disabled=true]/field:opacity-50",
|
|
251
251
|
props.class
|
|
252
252
|
))
|
|
253
253
|
}, [
|
package/dist/input.js
CHANGED
package/dist/label.js
CHANGED
package/dist/landing-footer.js
CHANGED
package/dist/landing-navbar.js
CHANGED
package/dist/landing.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _, _ as _2 } from "./LandingNavbar.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _, _ as _2 } from "./LandingNavbar.vue_vue_type_script_setup_true_lang-DDB1dSjS.js";
|
|
2
2
|
import { _ as _3 } from "./LandingContent.vue_vue_type_script_setup_true_lang-Wgtl_yeD.js";
|
|
3
3
|
import { _ as _4 } from "./LandingShell.vue_vue_type_script_setup_true_lang-B1PnJ78g.js";
|
|
4
|
-
import { _ as _5 } from "./LandingFooter.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as _5 } from "./LandingFooter.vue_vue_type_script_setup_true_lang-Dxc03HyK.js";
|
|
5
5
|
export {
|
|
6
6
|
_3 as LandingContent,
|
|
7
7
|
_5 as LandingFooter,
|
package/dist/message-toast.js
CHANGED
|
@@ -23,7 +23,7 @@ const ensureMessageToastMounted = () => {
|
|
|
23
23
|
return messageToastMountPromise;
|
|
24
24
|
}
|
|
25
25
|
messageToastMountPromise = (async () => {
|
|
26
|
-
const { default: MessageToast } = await import("./MessageToast-
|
|
26
|
+
const { default: MessageToast } = await import("./MessageToast-DBztWhRL.js");
|
|
27
27
|
if (document.getElementById(MESSAGE_TOAST_ROOT_ID)) {
|
|
28
28
|
return;
|
|
29
29
|
}
|
|
@@ -2,8 +2,8 @@ import { defineComponent, openBlock, createElementBlock, createElementVNode, toD
|
|
|
2
2
|
import { _ as _sfc_main$1 } from "./Progress.vue_vue_type_script_setup_true_lang-BDJfyW-d.js";
|
|
3
3
|
const _hoisted_1 = { class: "space-y-3" };
|
|
4
4
|
const _hoisted_2 = { class: "flex items-center justify-between" };
|
|
5
|
-
const _hoisted_3 = { class: "text-sm font-
|
|
6
|
-
const _hoisted_4 = { class: "text-sm font-
|
|
5
|
+
const _hoisted_3 = { class: "text-sm font-semibold text-[var(--text-primary-light)] dark:text-[var(--text-primary-dark)]" };
|
|
6
|
+
const _hoisted_4 = { class: "text-sm font-semibold text-[var(--text-primary-light)] dark:text-[var(--text-primary-dark)]" };
|
|
7
7
|
const _hoisted_5 = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "flex items-center justify-between text-xs"
|
package/dist/select.js
CHANGED
|
@@ -1797,14 +1797,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
1797
1797
|
position: { default: "popper" },
|
|
1798
1798
|
bodyLock: { type: Boolean },
|
|
1799
1799
|
side: {},
|
|
1800
|
-
sideOffset: {},
|
|
1800
|
+
sideOffset: { default: 4 },
|
|
1801
1801
|
sideFlip: { type: Boolean },
|
|
1802
|
-
align: {},
|
|
1802
|
+
align: { default: "start" },
|
|
1803
1803
|
alignOffset: {},
|
|
1804
1804
|
alignFlip: { type: Boolean },
|
|
1805
1805
|
avoidCollisions: { type: Boolean },
|
|
1806
1806
|
collisionBoundary: {},
|
|
1807
|
-
collisionPadding: {},
|
|
1807
|
+
collisionPadding: { default: 8 },
|
|
1808
1808
|
arrowPadding: {},
|
|
1809
1809
|
hideShiftedArrow: { type: Boolean },
|
|
1810
1810
|
sticky: {},
|
|
@@ -1830,7 +1830,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
1830
1830
|
default: withCtx(() => [
|
|
1831
1831
|
createVNode(unref(SelectContent_default), mergeProps({ "data-slot": "select-content" }, { ..._ctx.$attrs, ...unref(forwarded) }, {
|
|
1832
1832
|
class: unref(cn)(
|
|
1833
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded border border-border transition-colors duration-300 ease-in-out",
|
|
1833
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded border border-border transition-colors duration-300 ease-in-out sm:max-w-[30rem] max-sm:w-[calc(100vw-1rem)] max-sm:max-w-[calc(100vw-1rem)] max-sm:min-w-0",
|
|
1834
1834
|
_ctx.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
1835
1835
|
props.class
|
|
1836
1836
|
)
|
|
@@ -1933,7 +1933,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
1933
1933
|
};
|
|
1934
1934
|
}
|
|
1935
1935
|
});
|
|
1936
|
-
const _hoisted_1$1 = { class: "flex min-w-0 flex-1 flex-col" };
|
|
1936
|
+
const _hoisted_1$1 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
|
|
1937
1937
|
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
1938
1938
|
__name: "SelectItemContent",
|
|
1939
1939
|
props: {
|
|
@@ -1950,27 +1950,27 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
1950
1950
|
return (_ctx, _cache) => {
|
|
1951
1951
|
return openBlock(), createElementBlock("div", {
|
|
1952
1952
|
"data-slot": "select-item-content",
|
|
1953
|
-
class: normalizeClass(unref(cn)("flex min-w-0 flex-1 items-
|
|
1953
|
+
class: normalizeClass(unref(cn)("flex min-w-0 flex-1 items-center gap-2", props.class))
|
|
1954
1954
|
}, [
|
|
1955
1955
|
props.icon ? (openBlock(), createElementBlock("div", {
|
|
1956
1956
|
key: 0,
|
|
1957
1957
|
"data-slot": "select-item-content-icon",
|
|
1958
|
-
class: normalizeClass(unref(cn)("
|
|
1958
|
+
class: normalizeClass(unref(cn)("shrink-0 self-center", props.iconClass))
|
|
1959
1959
|
}, [
|
|
1960
1960
|
createVNode(unref(HugeiconsIcon), {
|
|
1961
1961
|
icon: props.icon,
|
|
1962
|
-
"
|
|
1962
|
+
class: "block size-3 sm:size-4"
|
|
1963
1963
|
}, null, 8, ["icon"])
|
|
1964
1964
|
], 2)) : createCommentVNode("", true),
|
|
1965
1965
|
createElementVNode("div", _hoisted_1$1, [
|
|
1966
1966
|
createElementVNode("span", {
|
|
1967
1967
|
"data-slot": "select-item-content-text",
|
|
1968
|
-
class: normalizeClass(unref(cn)("min-w-0 truncate", props.textClass))
|
|
1968
|
+
class: normalizeClass(unref(cn)("min-w-0 truncate font-semibold text-xs sm:text-sm leading-5", props.textClass))
|
|
1969
1969
|
}, toDisplayString(props.label), 3),
|
|
1970
1970
|
props.description ? (openBlock(), createElementBlock("span", {
|
|
1971
1971
|
key: 0,
|
|
1972
1972
|
"data-slot": "select-item-content-description",
|
|
1973
|
-
class: normalizeClass(unref(cn)("text-xs text-(--text-secondary-light) dark:text-(--text-secondary-dark)", props.descriptionClass))
|
|
1973
|
+
class: normalizeClass(unref(cn)("font-regular text-[11px] sm:text-xs leading-4 sm:leading-5 text-(--text-secondary-light) dark:text-(--text-secondary-dark)", props.descriptionClass))
|
|
1974
1974
|
}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
|
|
1975
1975
|
])
|
|
1976
1976
|
], 2);
|
|
@@ -2111,7 +2111,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
2111
2111
|
"data-size": _ctx.size
|
|
2112
2112
|
}, unref(forwardedProps), {
|
|
2113
2113
|
class: unref(cn)(
|
|
2114
|
-
"data-[placeholder]:text-(--text-secondary-light) [&_svg:not([class*='text-'])]:text-(--text-secondary-light) flex w-fit cursor-pointer items-center justify-between gap-2 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-
|
|
2114
|
+
"data-[placeholder]:text-(--text-secondary-light) [&_svg:not([class*='text-'])]:text-(--text-secondary-light) flex w-fit cursor-pointer items-center justify-between gap-2 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-semibold whitespace-nowrap text-(--text-primary-light) transition-all duration-300 ease-in-out outline-none disabled:cursor-not-allowed disabled:opacity-60 data-[size=default]:h-[52px] data-[size=sm]:h-10 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:text-(--text-primary-dark) dark:data-[placeholder]:text-(--text-secondary-dark) dark:[&_svg:not([class*='text-'])]:text-(--text-secondary-dark) sm:text-sm",
|
|
2115
2115
|
"focus-visible:border-(--border-hover-light) focus-visible:ring-0 dark:focus-visible:border-(--border-hover-dark)",
|
|
2116
2116
|
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
2117
2117
|
props.class
|
|
@@ -2153,7 +2153,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
2153
2153
|
};
|
|
2154
2154
|
}
|
|
2155
2155
|
});
|
|
2156
|
-
const _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col" };
|
|
2156
|
+
const _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
|
|
2157
2157
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
2158
2158
|
__name: "SelectValueContent",
|
|
2159
2159
|
props: {
|
|
@@ -2174,30 +2174,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2174
2174
|
return openBlock(), createBlock(unref(SelectValue_default), {
|
|
2175
2175
|
"data-slot": "select-value-content",
|
|
2176
2176
|
placeholder: props.placeholder,
|
|
2177
|
-
class: normalizeClass(unref(cn)("flex min-w-0 flex-1 gap-
|
|
2177
|
+
class: normalizeClass(unref(cn)("flex min-w-0 flex-1 gap-1.5 text-left sm:gap-2", props.description ? "items-start" : "items-center", props.class))
|
|
2178
2178
|
}, {
|
|
2179
2179
|
default: withCtx(() => [
|
|
2180
|
-
props.
|
|
2181
|
-
|
|
2182
|
-
"data-slot": "select-value-content-icon",
|
|
2183
|
-
class: normalizeClass(unref(cn)("shrink-0", props.iconClass))
|
|
2184
|
-
}, [
|
|
2185
|
-
createVNode(unref(HugeiconsIcon), {
|
|
2186
|
-
icon: props.icon,
|
|
2187
|
-
"stroke-width": 1.8
|
|
2188
|
-
}, null, 8, ["icon"])
|
|
2189
|
-
], 2)) : createCommentVNode("", true),
|
|
2190
|
-
createElementVNode("div", _hoisted_1, [
|
|
2191
|
-
createElementVNode("span", {
|
|
2192
|
-
"data-slot": "select-value-content-text",
|
|
2193
|
-
class: normalizeClass(unref(cn)("min-w-0 truncate", props.textClass))
|
|
2194
|
-
}, toDisplayString(props.label), 3),
|
|
2195
|
-
props.description ? (openBlock(), createElementBlock("span", {
|
|
2180
|
+
props.label != null || props.description != null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
2181
|
+
props.icon ? (openBlock(), createElementBlock("div", {
|
|
2196
2182
|
key: 0,
|
|
2197
|
-
"data-slot": "select-value-content-
|
|
2198
|
-
class: normalizeClass(unref(cn)("
|
|
2199
|
-
},
|
|
2200
|
-
|
|
2183
|
+
"data-slot": "select-value-content-icon",
|
|
2184
|
+
class: normalizeClass(unref(cn)("shrink-0", props.iconClass))
|
|
2185
|
+
}, [
|
|
2186
|
+
createVNode(unref(HugeiconsIcon), {
|
|
2187
|
+
icon: props.icon
|
|
2188
|
+
}, null, 8, ["icon"])
|
|
2189
|
+
], 2)) : createCommentVNode("", true),
|
|
2190
|
+
createElementVNode("div", _hoisted_1, [
|
|
2191
|
+
createElementVNode("span", {
|
|
2192
|
+
"data-slot": "select-value-content-text",
|
|
2193
|
+
class: normalizeClass(unref(cn)("min-w-0 whitespace-normal break-words text-xs leading-5 sm:truncate sm:text-sm max-sm:[display:-webkit-box] max-sm:[overflow:hidden] max-sm:[-webkit-box-orient:vertical] max-sm:[-webkit-line-clamp:2]", props.textClass))
|
|
2194
|
+
}, toDisplayString(props.label), 3),
|
|
2195
|
+
props.description ? (openBlock(), createElementBlock("span", {
|
|
2196
|
+
key: 0,
|
|
2197
|
+
"data-slot": "select-value-content-description",
|
|
2198
|
+
class: normalizeClass(unref(cn)("min-w-0 whitespace-normal break-words text-[11px] leading-4 text-(--text-secondary-light) dark:text-(--text-secondary-dark) sm:text-xs sm:leading-5 max-sm:[display:-webkit-box] max-sm:[overflow:hidden] max-sm:[-webkit-box-orient:vertical] max-sm:[-webkit-line-clamp:3]", props.descriptionClass))
|
|
2199
|
+
}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
|
|
2200
|
+
])
|
|
2201
|
+
], 64)) : createCommentVNode("", true)
|
|
2201
2202
|
]),
|
|
2202
2203
|
_: 1
|
|
2203
2204
|
}, 8, ["placeholder", "class"]);
|