@brumaombra/ui-vintage 0.6.2 → 0.6.4

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.2",
+    "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",