@una-ui/preset-edge 0.47.2-29057101.32b4bb8 → 0.48.0-29058888.6b1b89f

package/dist/index.cjs

@@ -5,7 +5,7 @@ const colors = require('@unocss/preset-mini/colors');
 const rules = require('@unocss/preset-mini/rules');
 const utils = require('@unocss/preset-mini/utils');
 const unocss = require('unocss');
-const index = require('./shared/preset-edge.BSoLCXjz.cjs');
+const index = require('./shared/preset-edge.B8YElGH9.cjs');
 
 function presetUna(options = {
   // TODO: add options
@@ -81,15 +81,21 @@ function presetUna(options = {
       animation: {
         keyframes: {
           "collapsible-down": "{from{height: 0}to{height:var(--reka-collapsible-content-height)}}",
-          "collapsible-up": "{from{height:var(--reka-collapsible-content-height)}to{height: 0}}"
+          "collapsible-up": "{from{height:var(--reka-collapsible-content-height)}to{height: 0}}",
+          "fadeIn": "{from{ opacity: 0 }to{ opacity: 1 }}",
+          "fadeOut": "{from{ opacity: 1 }to{ opacity: 0 }}"
         },
         durations: {
           "collapsible-down": "0.2s",
-          "collapsible-up": "0.2s"
+          "collapsible-up": "0.2s",
+          "fadeIn": "0.2s",
+          "fadeOut": "0.2s"
         },
         timingFns: {
           "collapsible-down": "ease-in-out",
-          "collapsible-up": "ease-in-out"
+          "collapsible-up": "ease-in-out",
+          "fadeIn": "ease-out",
+          "fadeOut": "ease-out"
         }
       }
     }),

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { colors } from '@unocss/preset-mini/colors';
 import { fonts } from '@unocss/preset-mini/rules';
 import { handler, parseColor } from '@unocss/preset-mini/utils';
 import { mergeDeep } from 'unocss';
-import { s as shortcuts } from './shared/preset-edge.BO3lxtaI.mjs';
+import { s as shortcuts } from './shared/preset-edge.BoI8VEGP.mjs';
 
 function presetUna(options = {
   // TODO: add options
@@ -79,15 +79,21 @@ function presetUna(options = {
       animation: {
         keyframes: {
           "collapsible-down": "{from{height: 0}to{height:var(--reka-collapsible-content-height)}}",
-          "collapsible-up": "{from{height:var(--reka-collapsible-content-height)}to{height: 0}}"
+          "collapsible-up": "{from{height:var(--reka-collapsible-content-height)}to{height: 0}}",
+          "fadeIn": "{from{ opacity: 0 }to{ opacity: 1 }}",
+          "fadeOut": "{from{ opacity: 1 }to{ opacity: 0 }}"
         },
         durations: {
           "collapsible-down": "0.2s",
-          "collapsible-up": "0.2s"
+          "collapsible-up": "0.2s",
+          "fadeIn": "0.2s",
+          "fadeOut": "0.2s"
         },
         timingFns: {
           "collapsible-down": "ease-in-out",
-          "collapsible-up": "ease-in-out"
+          "collapsible-up": "ease-in-out",
+          "fadeIn": "ease-out",
+          "fadeOut": "ease-out"
         }
       }
     }),

package/dist/prefixes.cjs

@@ -64,6 +64,15 @@ const prefixes = [
   "kbd",
   "label",
   "link",
+  "navigation-menu",
+  "navigation-menu-content",
+  "navigation-menu-content-item",
+  "navigation-menu-indicator",
+  "navigation-menu-item",
+  "navigation-menu-link",
+  "navigation-menu-list",
+  "navigation-menu-trigger",
+  "navigation-menu-viewport",
   "pagination",
   "pagination-ellipsis",
   "pagination-selected",

package/dist/prefixes.mjs

@@ -62,6 +62,15 @@ const prefixes = [
   "kbd",
   "label",
   "link",
+  "navigation-menu",
+  "navigation-menu-content",
+  "navigation-menu-content-item",
+  "navigation-menu-indicator",
+  "navigation-menu-item",
+  "navigation-menu-link",
+  "navigation-menu-list",
+  "navigation-menu-trigger",
+  "navigation-menu-viewport",
   "pagination",
   "pagination-ellipsis",
   "pagination-selected",

package/dist/shared/{preset-edge.BSoLCXjz.cjs → preset-edge.B8YElGH9.cjs}

@@ -568,6 +568,39 @@ const link = [
   staticLink
 ];
 
+const staticNavigationMenu = {
+  // configurations
+  "navigation-menu": "relative z-10 flex max-w-max flex-1 items-center justify-center",
+  "navigation-menu-disabled": "n-disabled",
+  // components
+  "navigation-menu-indicator": "absolute data-[state=hidden]:opacity-0 duration-200 top-full data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut w-[--reka-navigation-menu-indicator-size] translate-x-[--reka-navigation-menu-indicator-position] mt--3px z-100 flex h-10px items-end justify-center overflow-hidden transition-all",
+  "navigation-menu-indicator-arrow": "relative top-70% h-12px w-12px rotate-45deg border bg-base",
+  "navigation-menu-content": "left-0 top-0 w-full md:absolute md:w-auto",
+  "navigation-menu-viewport": "origin-top-center relative mt-1.5 h-[--reka-navigation-menu-viewport-height] w-full overflow-hidden rounded-md border bg-popover text-popover shadow md:w-[--reka-navigation-menu-viewport-width]",
+  "navigation-menu-link": "",
+  "navigation-menu-trigger": "",
+  "navigation-menu-trigger-trailing": "size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
+  "navigation-menu-trigger-trailing-icon": "i-lucide-chevron-down",
+  "navigation-menu-content-item": "flex items-start select-none rounded-md p-3 h-unset leading-none no-underline outline-none transition-colors whitespace-normal justify-start",
+  "navigation-menu-content-list": "grid w-400px gap-3 p-4 md:grid-cols-2 lg:w-600px md:w-500px",
+  "navigation-menu-content-item-wrapper": "flex flex-col items-start gap-1",
+  "navigation-menu-content-item-label": "font-semibold leading-none",
+  "navigation-menu-content-item-description": "line-clamp-2 text-left text-muted leading-5",
+  "navigation-menu-list-horizontal": "flex flex-1 list-none items-center justify-center gap-x-1",
+  "navigation-menu-list-vertical": "max-w-none list-none flex-col items-start gap-1 space-x-0",
+  "navigation-menu-viewport-wrapper": "",
+  "navigation-menu-viewport-wrapper-horizontal": "absolute left-0 top-full flex justify-center",
+  "navigation-menu-viewport-wrapper-vertical": "absolute top-0 left-full ml-1.5"
+};
+const dynamicNavigationMenu = [
+  [/^navigation-menu-([^-]+)-([^-]+)$/, ([, v = "ghost", c = "white"]) => `btn-${v}-${c}`],
+  [/^navigation-menu-link-([^-]+)-([^-]+)$/, ([, v = "ghost", c = "white"]) => `btn-${v}-${c}`]
+];
+const navigationMenu = [
+  ...dynamicNavigationMenu,
+  staticNavigationMenu
+];
+
 const staticPagination = {
   // configurations
   "pagination": "overflow-hidden",
@@ -1102,6 +1135,7 @@ const shortcuts = [
   ...form,
   ...sheet,
   ...scrollArea,
+  ...navigationMenu,
   ...sidebar
 ];
 

package/dist/shared/{preset-edge.BO3lxtaI.mjs → preset-edge.BoI8VEGP.mjs}

@@ -566,6 +566,39 @@ const link = [
   staticLink
 ];
 
+const staticNavigationMenu = {
+  // configurations
+  "navigation-menu": "relative z-10 flex max-w-max flex-1 items-center justify-center",
+  "navigation-menu-disabled": "n-disabled",
+  // components
+  "navigation-menu-indicator": "absolute data-[state=hidden]:opacity-0 duration-200 top-full data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut w-[--reka-navigation-menu-indicator-size] translate-x-[--reka-navigation-menu-indicator-position] mt--3px z-100 flex h-10px items-end justify-center overflow-hidden transition-all",
+  "navigation-menu-indicator-arrow": "relative top-70% h-12px w-12px rotate-45deg border bg-base",
+  "navigation-menu-content": "left-0 top-0 w-full md:absolute md:w-auto",
+  "navigation-menu-viewport": "origin-top-center relative mt-1.5 h-[--reka-navigation-menu-viewport-height] w-full overflow-hidden rounded-md border bg-popover text-popover shadow md:w-[--reka-navigation-menu-viewport-width]",
+  "navigation-menu-link": "",
+  "navigation-menu-trigger": "",
+  "navigation-menu-trigger-trailing": "size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
+  "navigation-menu-trigger-trailing-icon": "i-lucide-chevron-down",
+  "navigation-menu-content-item": "flex items-start select-none rounded-md p-3 h-unset leading-none no-underline outline-none transition-colors whitespace-normal justify-start",
+  "navigation-menu-content-list": "grid w-400px gap-3 p-4 md:grid-cols-2 lg:w-600px md:w-500px",
+  "navigation-menu-content-item-wrapper": "flex flex-col items-start gap-1",
+  "navigation-menu-content-item-label": "font-semibold leading-none",
+  "navigation-menu-content-item-description": "line-clamp-2 text-left text-muted leading-5",
+  "navigation-menu-list-horizontal": "flex flex-1 list-none items-center justify-center gap-x-1",
+  "navigation-menu-list-vertical": "max-w-none list-none flex-col items-start gap-1 space-x-0",
+  "navigation-menu-viewport-wrapper": "",
+  "navigation-menu-viewport-wrapper-horizontal": "absolute left-0 top-full flex justify-center",
+  "navigation-menu-viewport-wrapper-vertical": "absolute top-0 left-full ml-1.5"
+};
+const dynamicNavigationMenu = [
+  [/^navigation-menu-([^-]+)-([^-]+)$/, ([, v = "ghost", c = "white"]) => `btn-${v}-${c}`],
+  [/^navigation-menu-link-([^-]+)-([^-]+)$/, ([, v = "ghost", c = "white"]) => `btn-${v}-${c}`]
+];
+const navigationMenu = [
+  ...dynamicNavigationMenu,
+  staticNavigationMenu
+];
+
 const staticPagination = {
   // configurations
   "pagination": "overflow-hidden",
@@ -1100,6 +1133,7 @@ const shortcuts = [
   ...form,
   ...sheet,
   ...scrollArea,
+  ...navigationMenu,
   ...sidebar
 ];
 

package/dist/shortcuts.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./shared/preset-edge.BSoLCXjz.cjs');
+const index = require('./shared/preset-edge.B8YElGH9.cjs');
 require('@unocss/preset-mini/utils');
 require('@unocss/preset-mini');
 

package/dist/shortcuts.mjs

@@ -1,3 +1,3 @@
-export { s as shortcuts } from './shared/preset-edge.BO3lxtaI.mjs';
+export { s as shortcuts } from './shared/preset-edge.BoI8VEGP.mjs';
 import '@unocss/preset-mini/utils';
 import '@unocss/preset-mini';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@una-ui/preset-edge",
-  "version": "0.47.2-29057101.32b4bb8",
+  "version": "0.48.0-29058888.6b1b89f",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",