@geomak/ui 6.1.0 → 6.2.0

package/dist/styles.css

@@ -1118,6 +1118,9 @@ video {
 .h-\[60\%\] {
   height: 60%;
 }
+.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
+  height: var(--radix-navigation-menu-viewport-height);
+}
 .h-control-lg {
   height: var(--height-control-lg);
 }
@@ -1161,6 +1164,9 @@ video {
 .min-h-\[36px\] {
   min-height: 36px;
 }
+.min-h-\[460px\] {
+  min-height: 460px;
+}
 .min-h-\[80px\] {
   min-height: 80px;
 }
@@ -1281,6 +1287,9 @@ video {
 .w-\[calc\(100\%-2rem\)\] {
   width: calc(100% - 2rem);
 }
+.w-\[var\(--radix-navigation-menu-viewport-width\)\] {
+  width: var(--radix-navigation-menu-viewport-width);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1313,6 +1322,9 @@ video {
 .min-w-\[200px\] {
   min-width: 200px;
 }
+.min-w-\[220px\] {
+  min-width: 220px;
+}
 .min-w-\[224px\] {
   min-width: 224px;
 }
@@ -1334,6 +1346,9 @@ video {
 .max-w-\[220px\] {
   max-width: 220px;
 }
+.max-w-\[min\(92vw\2c 860px\)\] {
+  max-width: min(92vw, 860px);
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1369,6 +1384,9 @@ video {
   --tw-border-spacing-y: 0px;
   border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
 }
+.origin-top {
+  transform-origin: top;
+}
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1444,6 +1462,12 @@ video {
 .list-none {
   list-style-type: none;
 }
+.auto-cols-fr {
+  grid-auto-columns: minmax(0, 1fr);
+}
+.grid-flow-col {
+  grid-auto-flow: column;
+}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1570,6 +1594,9 @@ video {
 .gap-0 {
   gap: 0px;
 }
+.gap-0\.5 {
+  gap: 0.125rem;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1954,6 +1981,9 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -1987,6 +2017,9 @@ video {
 .pt-3 {
   padding-top: 0.75rem;
 }
+.pt-4 {
+  padding-top: 1rem;
+}
 .text-left {
   text-align: left;
 }
@@ -2270,6 +2303,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-\[width\2c height\] {
+  transition-property: width,height;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2403,6 +2441,9 @@ video {
 .hover\:text-accent-fg:hover {
   color: var(--color-accent-foreground);
 }
+.hover\:text-accent-hover:hover {
+  color: var(--color-accent-hover);
+}
 .hover\:text-foreground:hover {
   color: var(--color-foreground);
 }
@@ -2519,6 +2560,9 @@ video {
 .disabled\:hover\:bg-transparent:hover:disabled {
   background-color: rgba(255, 255, 255, .0);
 }
+.group\/link:hover .group-hover\/link\:bg-surface {
+  background-color: var(--color-surface);
+}
 .group:hover .group-hover\:bg-accent {
   background-color: var(--color-accent);
 }
@@ -2578,6 +2622,9 @@ video {
 .data-\[state\=open\]\:border-status-error[data-state="open"] {
   border-color: var(--color-error);
 }
+.data-\[active\]\:bg-surface-raised[data-active] {
+  background-color: var(--color-surface-raised);
+}
 .data-\[disabled\]\:bg-transparent[data-disabled] {
   background-color: rgba(255, 255, 255, .0);
 }
@@ -2590,6 +2637,9 @@ video {
 .data-\[state\=on\]\:bg-surface[data-state="on"] {
   background-color: var(--color-surface);
 }
+.data-\[active\]\:text-accent[data-active] {
+  color: var(--color-accent);
+}
 .data-\[disabled\]\:text-foreground-muted[data-disabled] {
   color: var(--color-foreground-muted);
 }
@@ -2602,6 +2652,9 @@ video {
 .data-\[state\=on\]\:text-accent[data-state="on"] {
   color: var(--color-accent);
 }
+.data-\[state\=open\]\:text-accent[data-state="open"] {
+  color: var(--color-accent);
+}
 .data-\[disabled\]\:opacity-40[data-disabled] {
   opacity: 0.4;
 }
@@ -2614,10 +2667,23 @@ video {
   --tw-rotate: -90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.group\/top[data-state="open"] .group-data-\[state\=open\]\/top\:rotate-180 {
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .group[data-state="open"] .group-data-\[state\=open\]\:rotate-0 {
   --tw-rotate: 0deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.group\/link[data-active] .group-data-\[active\]\/link\:bg-surface {
+  background-color: var(--color-surface);
+}
+.group\/link[data-active] .group-data-\[active\]\/link\:text-accent {
+  color: var(--color-accent);
+}
+.group\/top[data-state="open"] .group-data-\[state\=open\]\/top\:text-accent {
+  color: var(--color-accent);
+}
 .dark\:bg-independence:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 92 / var(--tw-bg-opacity, 1));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geomak/ui",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "description": "Oxygen Design System — reusable UI primitives built with Radix UI behaviours and Tailwind CSS styling",
   "author": "G-MAKROGLOU",
   "license": "MIT",
@@ -52,6 +52,7 @@
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
     "@radix-ui/react-popover": "^1.1.14",
     "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-scroll-area": "^1.2.9",