@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.
Files changed (46) hide show
  1. package/dist/{Busy-BaCc_Jo8.js → Busy-DRHkNObd.js} +2 -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
  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
  4. package/dist/{DialogTitle.vue_vue_type_script_setup_true_lang-CycrzAMT.js → DialogTitle.vue_vue_type_script_setup_true_lang-B79YbKSf.js} +1 -1
  5. package/dist/{Input.vue_vue_type_script_setup_true_lang-BdjbS5s7.js → Input.vue_vue_type_script_setup_true_lang-KQETSF2I.js} +1 -1
  6. package/dist/{Label.vue_vue_type_script_setup_true_lang-CdLIMAdF.js → Label.vue_vue_type_script_setup_true_lang-BzHEIagR.js} +1 -1
  7. package/dist/{LandingFooter.vue_vue_type_script_setup_true_lang-B8TcoKDG.js → LandingFooter.vue_vue_type_script_setup_true_lang-Dxc03HyK.js} +3 -3
  8. package/dist/{LandingNavbar.vue_vue_type_script_setup_true_lang-0jX2tmdb.js → LandingNavbar.vue_vue_type_script_setup_true_lang-DDB1dSjS.js} +4 -0
  9. package/dist/{MessageToast-Bq8GKXzJ.js → MessageToast-DBztWhRL.js} +3 -3
  10. package/dist/{TimePicker.vue_vue_type_script_setup_true_lang-tbOoMfZu.js → TimePicker.vue_vue_type_script_setup_true_lang-CwuwDICo.js} +1 -1
  11. package/dist/badge.js +13 -3
  12. package/dist/busy-indicator.js +1 -1
  13. package/dist/busy.js +1 -1
  14. package/dist/button.js +1 -1
  15. package/dist/calendar.js +1 -1
  16. package/dist/command.js +2 -2
  17. package/dist/components/ui/badge/Badge.vue.d.ts +5 -0
  18. package/dist/components/ui/select/SelectContent.vue.d.ts +3 -0
  19. package/dist/components/ui/sidebar/Sidebar.vue.d.ts +1 -0
  20. package/dist/components/ui/sidebar/SidebarProvider.vue.d.ts +2 -0
  21. package/dist/components/ui/sidebar/index.d.ts +1 -0
  22. package/dist/dashboard-shell.js +1 -1
  23. package/dist/data-list.js +1 -1
  24. package/dist/date-picker.js +1 -1
  25. package/dist/date-time-picker.js +3 -3
  26. package/dist/dialog.js +1 -1
  27. package/dist/field.js +4 -4
  28. package/dist/input.js +1 -1
  29. package/dist/label.js +1 -1
  30. package/dist/landing-footer.js +1 -1
  31. package/dist/landing-navbar.js +1 -1
  32. package/dist/landing.js +2 -2
  33. package/dist/message-toast.js +1 -1
  34. package/dist/progress-component.js +2 -2
  35. package/dist/select.js +34 -33
  36. package/dist/sidebar.js +28 -25
  37. package/dist/single-value-card.js +1 -1
  38. package/dist/slider-form-component.js +2 -2
  39. package/dist/style.css +146 -32
  40. package/dist/switch-form-component.js +1 -1
  41. package/dist/table.js +1 -1
  42. package/dist/tabs.js +1 -1
  43. package/dist/text-link.js +1 -1
  44. package/dist/textarea.js +1 -1
  45. package/dist/time-picker.js +1 -1
  46. 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-medium text-foreground sm:text-sm"
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-17fe0986"]]);
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-medium 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",
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-medium 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",
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-medium", props.class)
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-DdzS6YGM.js";
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-medium 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-medium 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",
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-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
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 transition-colors duration-200 hover:text-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 transition-colors duration-200 hover:text-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-medium text-foreground hover:underline"
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-medium leading-5" };
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-30 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]",
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-f8ab11a2"]]);
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-BdjbS5s7.js";
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
- }, toDisplayString(props.text), 3);
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
  });
@@ -1,5 +1,5 @@
1
1
  import { reactive, render, h, defineComponent, openBlock, createBlock, unref, normalizeClass } from "vue";
2
- import { B as Busy } from "./Busy-BaCc_Jo8.js";
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
@@ -1,4 +1,4 @@
1
- import { B } from "./Busy-BaCc_Jo8.js";
1
+ import { B } from "./Busy-DRHkNObd.js";
2
2
  export {
3
3
  B as Busy
4
4
  };
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-medium 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",
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-DdzS6YGM.js";
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-CycrzAMT.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-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-medium 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),
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;
@@ -4,6 +4,7 @@ export interface SidebarProps {
4
4
  side?: "left" | "right";
5
5
  variant?: "sidebar" | "floating" | "inset";
6
6
  collapsible?: "offcanvas" | "icon" | "none";
7
+ compact?: boolean;
7
8
  class?: HTMLAttributes["class"];
8
9
  }
9
10
  export { default as Sidebar } from './Sidebar.vue';
@@ -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-medium" };
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-medium text-foreground", props.class))
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);
@@ -1,4 +1,4 @@
1
- import { _, _ as _2 } from "./DatePicker.vue_vue_type_script_setup_true_lang-C2Ug81pX.js";
1
+ import { _, _ as _2 } from "./DatePicker.vue_vue_type_script_setup_true_lang-C_bocxOu.js";
2
2
  export {
3
3
  _ as DatePicker,
4
4
  _2 as default
@@ -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-DdzS6YGM.js";
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-C2Ug81pX.js";
5
- import { _ as _sfc_main$2 } from "./TimePicker.vue_vue_type_script_setup_true_lang-tbOoMfZu.js";
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-CycrzAMT.js";
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-CdLIMAdF.js";
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) sm:text-sm dark:text-(--text-secondary-dark) group-has-[[data-orientation=horizontal]]/field:text-balance",
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-medium",
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-medium group-data-[disabled=true]/field:opacity-50",
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
@@ -1,4 +1,4 @@
1
- import { _ } from "./Input.vue_vue_type_script_setup_true_lang-BdjbS5s7.js";
1
+ import { _ } from "./Input.vue_vue_type_script_setup_true_lang-KQETSF2I.js";
2
2
  export {
3
3
  _ as Input
4
4
  };
package/dist/label.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ } from "./Label.vue_vue_type_script_setup_true_lang-CdLIMAdF.js";
1
+ import { _ } from "./Label.vue_vue_type_script_setup_true_lang-BzHEIagR.js";
2
2
  export {
3
3
  _ as Label
4
4
  };
@@ -1,4 +1,4 @@
1
- import { _, _ as _2 } from "./LandingFooter.vue_vue_type_script_setup_true_lang-B8TcoKDG.js";
1
+ import { _, _ as _2 } from "./LandingFooter.vue_vue_type_script_setup_true_lang-Dxc03HyK.js";
2
2
  export {
3
3
  _ as LandingFooter,
4
4
  _2 as default
@@ -1,4 +1,4 @@
1
- import { _, _ as _2 } from "./LandingNavbar.vue_vue_type_script_setup_true_lang-0jX2tmdb.js";
1
+ import { _, _ as _2 } from "./LandingNavbar.vue_vue_type_script_setup_true_lang-DDB1dSjS.js";
2
2
  export {
3
3
  _ as LandingNavbar,
4
4
  _2 as default
package/dist/landing.js CHANGED
@@ -1,7 +1,7 @@
1
- import { _, _ as _2 } from "./LandingNavbar.vue_vue_type_script_setup_true_lang-0jX2tmdb.js";
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-B8TcoKDG.js";
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,
@@ -23,7 +23,7 @@ const ensureMessageToastMounted = () => {
23
23
  return messageToastMountPromise;
24
24
  }
25
25
  messageToastMountPromise = (async () => {
26
- const { default: MessageToast } = await import("./MessageToast-Bq8GKXzJ.js");
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-medium text-[var(--text-primary-light)] dark:text-[var(--text-primary-dark)]" };
6
- const _hoisted_4 = { class: "text-sm font-medium text-[var(--text-primary-light)] dark:text-[var(--text-primary-dark)]" };
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-start gap-2", props.class))
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)("mt-0.5 shrink-0", props.iconClass))
1958
+ class: normalizeClass(unref(cn)("shrink-0 self-center", props.iconClass))
1959
1959
  }, [
1960
1960
  createVNode(unref(HugeiconsIcon), {
1961
1961
  icon: props.icon,
1962
- "stroke-width": 1.8
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-medium 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",
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-2 text-left", props.description ? "items-start" : "items-center", props.class))
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.icon ? (openBlock(), createElementBlock("div", {
2181
- key: 0,
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-description",
2198
- class: normalizeClass(unref(cn)("text-xs text-(--text-secondary-light) dark:text-(--text-secondary-dark)", props.descriptionClass))
2199
- }, toDisplayString(props.description), 3)) : createCommentVNode("", true)
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"]);