@brumaombra/ui-vintage 0.6.5 → 0.6.7

package/dist/card.js

@@ -31,7 +31,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("p", {
         "data-slot": "card-description",
-        class: normalizeClass(unref(cn)("text-muted-foreground text-xs sm:text-sm", props.class))
+        class: normalizeClass(unref(cn)("text-muted-foreground text-xs sm:text-sm leading-5", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -48,7 +48,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         "data-slot": "card-header",
-        class: normalizeClass(unref(cn)("@container/card-header grid auto-rows-min items-start px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", props.class))
+        class: normalizeClass(unref(cn)("@container/card-header grid auto-rows-min items-start px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-2", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);

package/dist/field.js

@@ -58,7 +58,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("p", {
         "data-slot": "field-description",
         class: normalizeClass(unref(cn)(
-          "text-xs leading-6 font-normal text-(--text-secondary-light) dark:text-(--text-secondary-dark) group-has-[[data-orientation=horizontal]]/field:text-balance",
+          "!text-xs sm:!text-xs leading-5 font-normal text-(--text-secondary-light) dark:text-(--text-secondary-dark) group-has-[[data-orientation=horizontal]]/field:text-balance",
           "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
           "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
           props.class
@@ -102,7 +102,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         key: 0,
         role: "alert",
         "data-slot": "field-error",
-        class: normalizeClass(unref(cn)("text-destructive text-sm font-normal", props.class))
+        class: normalizeClass(unref(cn)("text-destructive text-xs font-normal", props.class))
       }, [
         _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : typeof content.value === "string" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createTextVNode(toDisplayString(content.value), 1)

package/dist/select.js

@@ -1830,7 +1830,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(SelectContent_default), mergeProps({ "data-slot": "select-content" }, { ..._ctx.$attrs, ...unref(forwarded) }, {
             class: unref(cn)(
-              "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",
+              "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 max-sm:w-[calc(100vw-1rem)] max-sm:max-w-[calc(100vw-1rem)] max-sm:min-w-0",
               _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",
               props.class
             )

package/dist/style.css

@@ -1383,12 +1383,6 @@
     margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
   }
 
-  :where(.space-y-6 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
-  }
-
   :where(.space-y-8 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
@@ -1878,6 +1872,11 @@
     vertical-align: top;
   }
 
+  .\!text-xs {
+    font-size: var(--text-xs) !important;
+    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  }
+
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -3485,10 +3484,6 @@
       width: auto;
     }
 
-    .sm\:max-w-\[30rem\] {
-      max-width: 30rem;
-    }
-
     .sm\:max-w-\[350px\] {
       max-width: 350px;
     }
@@ -3545,6 +3540,10 @@
       justify-content: flex-start;
     }
 
+    .sm\:\!gap-3 {
+      gap: calc(var(--spacing) * 3) !important;
+    }
+
     .sm\:\!gap-6 {
       gap: calc(var(--spacing) * 6) !important;
     }
@@ -3619,6 +3618,11 @@
       text-align: left;
     }
 
+    .sm\:\!text-xs {
+      font-size: var(--text-xs) !important;
+      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+    }
+
     .sm\:text-base {
       font-size: var(--text-base);
       line-height: var(--tw-leading, var(--text-base--line-height));

package/dist/switch-form-component.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createVNode } from "vue";
 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_1 = { class: "flex items-center justify-between gap-4" };
 const _hoisted_2 = { class: "text-sm font-semibold" };
 const _hoisted_3 = { class: "text-xs text-muted-foreground" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -17,17 +17,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), { class: "flex flex-row items-center justify-between gap-4 px-4 py-3" }, {
+      return openBlock(), createBlock(unref(_sfc_main$1), { class: "flex flex-col gap-2 sm:!gap-3 px-4 py-3" }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, toDisplayString(props.label), 1),
-            createElementVNode("div", _hoisted_3, toDisplayString(props.description), 1)
+            createVNode(unref(_sfc_main$2), {
+              id: props.id,
+              "model-value": props.modelValue,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("update:modelValue", $event))
+            }, null, 8, ["id", "model-value"])
           ]),
-          createVNode(unref(_sfc_main$2), {
-            id: props.id,
-            "model-value": props.modelValue,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("update:modelValue", $event))
-          }, null, 8, ["id", "model-value"])
+          createElementVNode("div", _hoisted_3, toDisplayString(props.description), 1)
         ]),
         _: 1
       });

package/package.json

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