@geomak/ui 6.0.1 → 6.2.0

package/dist/styles.css

@@ -834,6 +834,9 @@ video {
 .left-4 {
   left: 1rem;
 }
+.left-full {
+  left: 100%;
+}
 .right-0 {
   right: 0px;
 }
@@ -861,14 +864,17 @@ video {
 .top-4 {
   top: 1rem;
 }
+.top-full {
+  top: 100%;
+}
 .isolate {
   isolation: isolate;
 }
 .z-10 {
   z-index: 10;
 }
-.z-20 {
-  z-index: 20;
+.z-30 {
+  z-index: 30;
 }
 .z-50 {
   z-index: 50;
@@ -968,6 +974,9 @@ video {
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -986,6 +995,9 @@ video {
 .mt-1 {
   margin-top: 0.25rem;
 }
+.mt-1\.5 {
+  margin-top: 0.375rem;
+}
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -1106,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);
 }
@@ -1149,6 +1164,9 @@ video {
 .min-h-\[36px\] {
   min-height: 36px;
 }
+.min-h-\[460px\] {
+  min-height: 460px;
+}
 .min-h-\[80px\] {
   min-height: 80px;
 }
@@ -1269,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;
@@ -1292,12 +1313,18 @@ video {
 .min-w-\[180px\] {
   min-width: 180px;
 }
+.min-w-\[184px\] {
+  min-width: 184px;
+}
 .min-w-\[18px\] {
   min-width: 18px;
 }
 .min-w-\[200px\] {
   min-width: 200px;
 }
+.min-w-\[220px\] {
+  min-width: 220px;
+}
 .min-w-\[224px\] {
   min-width: 224px;
 }
@@ -1319,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%;
 }
@@ -1354,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));
@@ -1429,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));
 }
@@ -1555,6 +1594,9 @@ video {
 .gap-0 {
   gap: 0px;
 }
+.gap-0\.5 {
+  gap: 0.125rem;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1627,6 +1669,9 @@ video {
 .self-start {
   align-self: flex-start;
 }
+.self-center {
+  align-self: center;
+}
 .self-stretch {
   align-self: stretch;
 }
@@ -1936,6 +1981,9 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -1969,6 +2017,9 @@ video {
 .pt-3 {
   padding-top: 0.75rem;
 }
+.pt-4 {
+  padding-top: 1rem;
+}
 .text-left {
   text-align: left;
 }
@@ -2252,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);
@@ -2385,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);
 }
@@ -2501,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);
 }
@@ -2560,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);
 }
@@ -2572,15 +2637,24 @@ 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);
 }
+.data-\[expanded\=true\]\:text-foreground[data-expanded="true"] {
+  color: var(--color-foreground);
+}
 .data-\[highlighted\]\:text-accent-fg[data-highlighted] {
   color: var(--color-accent-foreground);
 }
 .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;
 }
@@ -2593,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.0.1",
+  "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",