@brumaombra/ui-vintage 0.6.3 → 0.6.4

package/dist/sidebar.js

@@ -1,11 +1,11 @@
 var _a;
 import { c as cva } from "./index-FpH8cK6B.js";
-import { defineComponent, openBlock, createElementBlock, mergeProps, unref, renderSlot, createBlock, withCtx, createVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeClass, normalizeProps, guardReactiveProps, Fragment, toDisplayString, resolveDynamicComponent, computed, createCommentVNode, ref } from "vue";
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref, renderSlot, createBlock, withCtx, createVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeClass, normalizeProps, guardReactiveProps, Fragment, toDisplayString, resolveDynamicComponent, createCommentVNode, ref, computed } from "vue";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 import { _ as _sfc_main$o, a as _sfc_main$p, c as _sfc_main$q, d as _sfc_main$r, b as _sfc_main$s } from "./SheetTitle.vue_vue_type_script_setup_true_lang-Ja7-gmXd.js";
 import { c as createContext } from "./createContext-BabAT1K8.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { _ as _sfc_main$t } from "./Input.vue_vue_type_script_setup_true_lang-BdjbS5s7.js";
+import { _ as _sfc_main$t } from "./Input.vue_vue_type_script_setup_true_lang-KQETSF2I.js";
 import { _ as _sfc_main$u, b as _sfc_main$v, a as _sfc_main$w, T as TooltipProvider_default } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-BMdZRPa3.js";
 import { _ as _sfc_main$x } from "./Skeleton.vue_vue_type_script_setup_true_lang-BSbVyZz7.js";
 import { g as useMediaQuery, a as useVModel, c as useEventListener, h as defaultDocument } from "./index-Dw56kNV0.js";
@@ -35,6 +35,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     side: { default: "left" },
     variant: { default: "sidebar" },
     collapsible: { default: "offcanvas" },
+    compact: { type: Boolean, default: false },
     class: {}
   },
   setup(__props) {
@@ -50,7 +51,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return _ctx.collapsible === "none" ? (openBlock(), createElementBlock("div", mergeProps({
         key: 0,
         "data-slot": "sidebar",
-        class: unref(cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", props.class)
+        class: unref(cn)("group/sidebar-wrapper bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", props.class)
       }, _ctx.$attrs), [
         renderSlot(_ctx.$slots, "default")
       ], 16)) : unref(isMobile) ? (openBlock(), createBlock(unref(_sfc_main$o), mergeProps({
@@ -62,8 +63,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             "data-sidebar": "sidebar",
             "data-slot": "sidebar",
             "data-mobile": "true",
+            "data-compact": props.compact ? "true" : "false",
             side: _ctx.side,
-            class: "border-sidebar-border bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+            class: "group/sidebar-wrapper border-sidebar-border bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
             style: normalizeStyle({
               "--sidebar-width": unref(SIDEBAR_WIDTH_MOBILE)
             })
@@ -94,12 +96,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               ])
             ]),
             _: 3
-          }, 8, ["side", "style"])
+          }, 8, ["data-compact", "side", "style"])
         ]),
         _: 3
       }, 16, ["open", "onUpdate:open"])) : (openBlock(), createElementBlock("div", {
         key: 2,
-        class: "group peer text-sidebar-foreground hidden md:block",
+        class: "group/sidebar-wrapper group peer text-sidebar-foreground hidden md:block",
         "data-slot": "sidebar",
         "data-state": unref(state),
         "data-collapsible": unref(state) === "collapsed" ? _ctx.collapsible : "",
@@ -142,7 +144,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         "data-slot": "sidebar-content",
         "data-sidebar": "content",
-        class: normalizeClass(unref(cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", props.class))
+        class: normalizeClass(unref(cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[collapsible=icon]:overflow-hidden", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -160,7 +162,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         "data-slot": "sidebar-footer",
         "data-sidebar": "footer",
-        class: normalizeClass(unref(cn)("flex flex-col gap-2 p-2", props.class))
+        class: normalizeClass(unref(cn)("flex flex-col gap-2 p-2 group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:p-2.5", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -178,7 +180,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         "data-slot": "sidebar-group",
         "data-sidebar": "group",
-        class: normalizeClass(unref(cn)("relative flex w-full min-w-0 flex-col p-2", props.class))
+        class: normalizeClass(unref(cn)("relative flex w-full min-w-0 flex-col p-2 group-data-[compact=true]/sidebar-wrapper:p-2.5", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -249,7 +251,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         as: _ctx.as,
         "as-child": _ctx.asChild,
         class: normalizeClass(unref(cn)(
-          "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+          "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-semibold outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 group-data-[compact=true]/sidebar-wrapper:h-7 group-data-[compact=true]/sidebar-wrapper:px-1.5 [&>svg]:size-4 [&>svg]:shrink-0",
           "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
           props.class
         ))
@@ -273,7 +275,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         "data-slot": "sidebar-header",
         "data-sidebar": "header",
-        class: normalizeClass(unref(cn)("flex flex-col gap-2 p-2", props.class))
+        class: normalizeClass(unref(cn)("flex flex-col gap-2 p-2 group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:p-2.5", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -292,7 +294,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         "data-slot": "sidebar-input",
         "data-sidebar": "input",
         class: normalizeClass(unref(cn)(
-          "bg-background h-8 w-full shadow-none",
+          "bg-background h-8 w-full shadow-none group-data-[compact=true]/sidebar-wrapper:h-7 group-data-[compact=true]/sidebar-wrapper:text-xs",
           props.class
         ))
       }, {
@@ -363,6 +365,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           "peer-data-[size=sm]/menu-button:top-1",
           "peer-data-[size=default]/menu-button:top-1.5",
           "peer-data-[size=lg]/menu-button:top-2.5",
+          "group-data-[compact=true]/sidebar-wrapper:top-1",
           "group-data-[collapsible=icon]:hidden",
           _ctx.showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
           props.class
@@ -390,11 +393,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         "data-slot": "sidebar-menu-badge",
         "data-sidebar": "menu-badge",
         class: normalizeClass(unref(cn)(
-          "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+          "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-semibold tabular-nums select-none",
           "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
           "peer-data-[size=sm]/menu-button:top-1",
           "peer-data-[size=default]/menu-button:top-1.5",
           "peer-data-[size=lg]/menu-button:top-2.5",
+          "group-data-[compact=true]/sidebar-wrapper:top-1",
           "group-data-[collapsible=icon]:hidden",
           props.class
         ))
@@ -507,6 +511,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const width = "72%";
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSkeleton",
   props: {
@@ -515,24 +520,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const width = computed(() => {
-      return `${Math.floor(Math.random() * 40) + 50}%`;
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         "data-slot": "sidebar-menu-skeleton",
         "data-sidebar": "menu-skeleton",
-        class: normalizeClass(unref(cn)("flex h-8 items-center gap-2 rounded-md px-2", props.class))
+        class: normalizeClass(unref(cn)("flex h-8 items-center gap-2 rounded-md px-2 group-data-[compact=true]/sidebar-wrapper:h-7 group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:px-1.5", props.class))
       }, [
         _ctx.showIcon ? (openBlock(), createBlock(unref(_sfc_main$x), {
           key: 0,
-          class: "size-4 rounded-md",
+          class: "size-4 rounded-md group-data-[compact=true]/sidebar-wrapper:size-3.5",
           "data-sidebar": "menu-skeleton-icon"
         })) : createCommentVNode("", true),
         createVNode(unref(_sfc_main$x), {
           class: "h-4 max-w-(--skeleton-width) flex-1",
           "data-sidebar": "menu-skeleton-text",
-          style: normalizeStyle({ "--skeleton-width": width.value })
+          style: normalizeStyle({ "--skeleton-width": width })
         }, null, 8, ["style"])
       ], 2);
     };
@@ -580,10 +582,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         "data-size": _ctx.size,
         "data-active": _ctx.isActive,
         class: normalizeClass(unref(cn)(
-          "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+          "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex min-h-7 min-w-0 -translate-x-px items-center gap-2 rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[compact=true]/sidebar-wrapper:min-h-6 group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:px-1.5 group-data-[compact=true]/sidebar-wrapper:[&>svg]:size-3.5 [&>svg]:size-4 [&>svg]:shrink-0",
           "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
           _ctx.size === "sm" && "text-xs",
-          _ctx.size === "md" && "text-sm",
+          _ctx.size === "md" && "text-sm group-data-[compact=true]/sidebar-wrapper:text-xs",
           "group-data-[collapsible=icon]:hidden",
           props.class
         ))
@@ -619,6 +621,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     defaultOpen: { type: Boolean, default: !((_a = defaultDocument) == null ? void 0 : _a.cookie.includes(`${SIDEBAR_COOKIE_NAME}=false`)) },
     open: { type: Boolean, default: void 0 },
+    compact: { type: Boolean, default: false },
     class: {}
   },
   emits: ["update:open"],
@@ -756,7 +759,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-2 rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,min-height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-semibold data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! group-data-[compact=true]/sidebar-wrapper:gap-1.5 group-data-[compact=true]/sidebar-wrapper:p-2.5 group-data-[compact=true]/sidebar-wrapper:[&>svg]:size-3.5 [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -764,9 +767,9 @@ const sidebarMenuButtonVariants = cva(
         outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
       },
       size: {
-        default: "h-8 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+        default: "min-h-8 text-sm group-data-[compact=true]/sidebar-wrapper:min-h-7 group-data-[compact=true]/sidebar-wrapper:text-xs",
+        sm: "min-h-7 text-xs group-data-[compact=true]/sidebar-wrapper:min-h-6",
+        lg: "min-h-12 text-sm group-data-[compact=true]/sidebar-wrapper:min-h-10 group-data-[collapsible=icon]:p-0!"
       }
     },
     defaultVariants: {

package/dist/single-value-card.js

@@ -3,7 +3,7 @@ import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
 import { _ as _sfc_main$1 } from "./Card.vue_vue_type_script_setup_true_lang-DwBhZuSq.js";
 import { _ as _sfc_main$2 } from "./CardContent.vue_vue_type_script_setup_true_lang-dBzO0q1t.js";
 const _hoisted_1 = { class: "flex flex-col" };
-const _hoisted_2 = { class: "mb-1 text-xs font-medium text-[var(--text-secondary-light)] dark:text-[var(--text-secondary-dark)]" };
+const _hoisted_2 = { class: "mb-1 text-xs font-semibold text-[var(--text-secondary-light)] dark:text-[var(--text-secondary-dark)]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SingleValueCard",
   props: {

package/dist/slider-form-component.js

@@ -3,12 +3,12 @@ import { _ as _sfc_main$1 } from "./Card.vue_vue_type_script_setup_true_lang-DwB
 import { _ as _sfc_main$2 } from "./Slider.vue_vue_type_script_setup_true_lang-CSOSwGGr.js";
 const _hoisted_1 = { class: "flex items-center justify-between gap-3" };
 const _hoisted_2 = { class: "space-y-2" };
-const _hoisted_3 = { class: "text-sm font-medium" };
+const _hoisted_3 = { class: "text-sm font-semibold" };
 const _hoisted_4 = {
   key: 0,
   class: "text-xs text-muted-foreground"
 };
-const _hoisted_5 = { class: "rounded border border-border bg-background px-2 py-1 text-xs font-medium" };
+const _hoisted_5 = { class: "rounded border border-border bg-background px-2 py-1 text-xs font-semibold" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SliderFormComponent",
   props: {

package/dist/style.css

@@ -1,10 +1,10 @@
 
-.busy-fade-enter-active[data-v-17fe0986],
-.busy-fade-leave-active[data-v-17fe0986] {
+.busy-fade-enter-active[data-v-642423ef],
+.busy-fade-leave-active[data-v-642423ef] {
   transition: opacity 0.3s ease-out;
 }
-.busy-fade-enter-from[data-v-17fe0986],
-.busy-fade-leave-to[data-v-17fe0986] {
+.busy-fade-enter-from[data-v-642423ef],
+.busy-fade-leave-to[data-v-642423ef] {
   opacity: 0;
 }
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@@ -169,7 +169,6 @@
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
     --font-weight-normal: 400;
-    --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-tight: -.025em;
@@ -610,6 +609,10 @@
     z-index: 50;
   }
 
+  .z-\[60\] {
+    z-index: 60;
+  }
+
   .col-start-2 {
     grid-column-start: 2;
   }
@@ -987,6 +990,14 @@
     min-height: calc(var(--spacing) * 4);
   }
 
+  .min-h-7 {
+    min-height: calc(var(--spacing) * 7);
+  }
+
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
+
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
@@ -1318,6 +1329,10 @@
     gap: calc(var(--spacing) * 0);
   }
 
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * .5);
+  }
+
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1951,11 +1966,6 @@
     font-weight: var(--font-weight-bold);
   }
 
-  .font-medium {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
-  }
-
   .font-normal {
     --tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
@@ -1994,6 +2004,10 @@
     overflow-wrap: break-word;
   }
 
+  .whitespace-normal {
+    white-space: normal;
+  }
+
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2277,8 +2291,8 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
-  .transition-\[width\,height\,padding\] {
-    transition-property: width, height, padding;
+  .transition-\[width\,min-height\,padding\] {
+    transition-property: width, min-height, padding;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2432,6 +2446,48 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:top-1:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    top: calc(var(--spacing) * 1);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:size-3\.5:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:h-7:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    height: calc(var(--spacing) * 7);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:min-h-6:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    min-height: calc(var(--spacing) * 6);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:min-h-7:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    min-height: calc(var(--spacing) * 7);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:min-h-10:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    min-height: calc(var(--spacing) * 10);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:gap-1\.5:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    gap: calc(var(--spacing) * 1.5);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:p-2\.5:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    padding: calc(var(--spacing) * 2.5);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:px-1\.5:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:text-xs:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+
   .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
     pointer-events: none;
   }
@@ -2552,9 +2608,9 @@
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
 
-  .file\:font-medium::file-selector-button {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
+  .file\:font-semibold::file-selector-button {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
   }
 
   .file\:text-foreground::file-selector-button {
@@ -2814,10 +2870,6 @@
     outline-width: 1px;
   }
 
-  .focus-visible\:outline-ring:focus-visible {
-    outline-color: var(--ring);
-  }
-
   .focus-visible\:outline-none:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
@@ -2979,9 +3031,9 @@
     background-color: var(--sidebar-accent);
   }
 
-  .data-\[active\=true\]\:font-medium[data-active="true"] {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
+  .data-\[active\=true\]\:font-semibold[data-active="true"] {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
   }
 
   .data-\[active\=true\]\:text-\[var\(--text-primary-light\)\][data-active="true"] {
@@ -3327,6 +3379,40 @@
     margin-top: calc(var(--spacing) * -1);
   }
 
+  @media not all and (min-width: 40rem) {
+    .max-sm\:\[display\:-webkit-box\] {
+      display: -webkit-box;
+    }
+
+    .max-sm\:w-\[calc\(100vw-1rem\)\] {
+      width: calc(100vw - 1rem);
+    }
+
+    .max-sm\:max-w-\[calc\(100vw-1rem\)\] {
+      max-width: calc(100vw - 1rem);
+    }
+
+    .max-sm\:min-w-0 {
+      min-width: calc(var(--spacing) * 0);
+    }
+
+    .max-sm\:\[overflow\:hidden\] {
+      overflow: hidden;
+    }
+
+    .max-sm\:\[-webkit-box-orient\:vertical\] {
+      -webkit-box-orient: vertical;
+    }
+
+    .max-sm\:\[-webkit-line-clamp\:2\] {
+      -webkit-line-clamp: 2;
+    }
+
+    .max-sm\:\[-webkit-line-clamp\:3\] {
+      -webkit-line-clamp: 3;
+    }
+  }
+
   @media (min-width: 40rem) {
     .sm\:inset-x-auto {
       inset-inline: auto;
@@ -3360,6 +3446,11 @@
       display: inline;
     }
 
+    .sm\:size-4 {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+
     .sm\:size-9 {
       width: calc(var(--spacing) * 9);
       height: calc(var(--spacing) * 9);
@@ -3394,6 +3485,10 @@
       width: auto;
     }
 
+    .sm\:max-w-\[30rem\] {
+      max-width: 30rem;
+    }
+
     .sm\:max-w-\[350px\] {
       max-width: 350px;
     }
@@ -3462,6 +3557,10 @@
       gap: calc(var(--spacing) * 1);
     }
 
+    .sm\:gap-2 {
+      gap: calc(var(--spacing) * 2);
+    }
+
     .sm\:gap-2\.5 {
       gap: calc(var(--spacing) * 2.5);
     }
@@ -3482,6 +3581,12 @@
       align-self: flex-start;
     }
 
+    .sm\:truncate {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+
     .sm\:px-4 {
       padding-inline: calc(var(--spacing) * 4);
     }
@@ -3523,6 +3628,16 @@
       font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
+
+    .sm\:text-xs {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+
+    .sm\:leading-5 {
+      --tw-leading: calc(var(--spacing) * 5);
+      line-height: calc(var(--spacing) * 5);
+    }
   }
 
   @media (min-width: 48rem) {
@@ -4309,12 +4424,6 @@
     display: none;
   }
 
-  .\[\&\>span\:last-child\]\:truncate > span:last-child {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
   .\[\&\>svg\]\:size-3\.5 > svg {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);
@@ -4342,6 +4451,11 @@
     color: var(--sidebar-accent-foreground);
   }
 
+  .group-data-\[compact\=true\]\/sidebar-wrapper\:\[\&\>svg\]\:size-3\.5:is(:where(.group\/sidebar-wrapper)[data-compact="true"] *) > svg {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+
   .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0;
@@ -4996,15 +5110,15 @@ body {
   }
 }
 
-.toast-enter-active[data-v-f8ab11a2],
-.toast-leave-active[data-v-f8ab11a2] {
+.toast-enter-active[data-v-09cd0f70],
+.toast-leave-active[data-v-09cd0f70] {
     transition: all 0.3s ease-in-out;
 }
-.toast-enter-from[data-v-f8ab11a2] {
+.toast-enter-from[data-v-09cd0f70] {
     transform: translateY(100%);
     opacity: 0;
 }
-.toast-leave-to[data-v-f8ab11a2] {
+.toast-leave-to[data-v-09cd0f70] {
     transform: translateY(8px);
     opacity: 0;
 }

package/dist/switch-form-component.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, unref, withCtx, createElementV
 import { _ as _sfc_main$1 } from "./Card.vue_vue_type_script_setup_true_lang-DwBhZuSq.js";
 import { _ as _sfc_main$2 } from "./Switch.vue_vue_type_script_setup_true_lang-C8mqOepU.js";
 const _hoisted_1 = { class: "space-y-2" };
-const _hoisted_2 = { class: "text-sm font-medium" };
+const _hoisted_2 = { class: "text-sm font-semibold" };
 const _hoisted_3 = { class: "text-xs text-muted-foreground" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SwitchFormComponent",

package/dist/table.js

@@ -139,7 +139,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("tfoot", {
         "data-slot": "table-footer",
-        class: normalizeClass(unref(cn)("bg-muted/50 border-t border-border font-medium [&>tr]:last:border-b-0", props.class))
+        class: normalizeClass(unref(cn)("bg-muted/50 border-t border-border font-semibold [&>tr]:last:border-b-0", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);

package/dist/tabs.js

@@ -638,7 +638,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(TabsTrigger_default), mergeProps({
         "data-slot": "tabs-trigger",
         class: unref(cn)(
-          "text-muted-foreground hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex min-h-9 flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-sm border border-transparent bg-transparent px-4 py-2 text-sm font-medium whitespace-nowrap transition-colors duration-300 ease-in-out focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:cursor-pointer data-[state=active]:border-foreground data-[state=active]:bg-muted data-[state=active]:font-semibold data-[state=active]:outline-1 data-[state=active]:outline-border data-[state=active]:outline-offset-0 data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+          "text-muted-foreground hover:text-foreground focus-visible:outline-none inline-flex min-h-9 flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-sm border border-transparent bg-transparent px-4 py-2 text-sm font-semibold whitespace-nowrap transition-colors duration-300 ease-in-out disabled:pointer-events-none disabled:opacity-50 data-[state=active]:cursor-pointer data-[state=active]:border-foreground data-[state=active]:bg-muted data-[state=active]:font-semibold data-[state=active]:outline-1 data-[state=active]:outline-border data-[state=active]:outline-offset-0 data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
           props.class
         )
       }, unref(forwardedProps)), {

package/dist/text-link.js

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps(getLinkProps(), {
-        class: "cursor-pointer font-medium text-[var(--text-primary-light)] hover:underline dark:text-[var(--text-primary-dark)]",
+        class: "cursor-pointer font-semibold text-[var(--text-primary-light)] hover:underline dark:text-[var(--text-primary-dark)]",
         onClick: handleClick
       }), {
         default: withCtx(() => [

package/dist/textarea.js

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
         "data-slot": "textarea",
         class: normalizeClass(unref(cn)(
-          "selection:bg-primary selection:text-primary-foreground flex field-sizing-content min-h-[120px] 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 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",
+          "selection:bg-primary selection:text-primary-foreground flex field-sizing-content min-h-[120px] 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 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",
           "focus-visible:border-(--border-hover-light) focus-visible:ring-0 dark:focus-visible:border-(--border-hover-dark)",
           "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
           props.class

package/dist/time-picker.js

@@ -1,4 +1,4 @@
-import { _, _ as _2 } from "./TimePicker.vue_vue_type_script_setup_true_lang-tbOoMfZu.js";
+import { _, _ as _2 } from "./TimePicker.vue_vue_type_script_setup_true_lang-CwuwDICo.js";
 export {
   _ as TimePicker,
   _2 as default

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@brumaombra/ui-vintage",
-    "version": "0.6.3",
+    "version": "0.6.4",
     "description": "Vue 3 component library with shadcn-style primitives, app shells, dialogs, and shared theme tokens.",
     "private": false,
     "author": "Mauro Brambilla",