@vinicunca/unocss-preset 1.9.0 → 1.12.0

package/dist/chunks/index3.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
 const utils = require('@unocss/preset-mini/utils');
-const index = require('../shared/unocss-preset.QV10hHtz.cjs');
+const index = require('../shared/unocss-preset.DmsJc854.cjs');
 require('@unocss/core');
 require('@vinicunca/perkakas');
+require('defu');
 
 const CSS_VARIABLE_PREFIX = "--vin";
 const ENTER_ANIMATION_NAME = "vin-in";
@@ -146,9 +147,9 @@ for (const rule of animationRules) {
 }
 
 function animationShortcuts(options) {
-  function getSharedAnimationProperties(theme) {
+  function getSharedAnimationProperties() {
     return {
-      "animation-duration": options.duration ? `${options.duration}${options.unit}` : theme.duration?.DEFAULT,
+      "animation-duration": options.duration ? `${options.duration}${options.unit}` : "150ms",
       ...options.delay && { "animation-delay": `${options.delay}${options.unit}` },
       ...options.direction && { "animation-direction": options.direction },
       ...options.fillMode && { "animation-fill-mode": options.fillMode },
@@ -160,11 +161,11 @@ function animationShortcuts(options) {
   return [
     [
       /^animate-in$/,
-      (_, { theme }) => [
+      () => [
         `keyframes-${ENTER_ANIMATION_NAME}`,
         {
           "animation-name": ENTER_ANIMATION_NAME,
-          ...getSharedAnimationProperties(theme),
+          ...getSharedAnimationProperties(),
           [`${CSS_VARIABLE_PREFIX}-enter-opacity`]: "initial",
           [`${CSS_VARIABLE_PREFIX}-enter-scale`]: "initial",
           [`${CSS_VARIABLE_PREFIX}-enter-rotate`]: "initial",
@@ -176,11 +177,11 @@ function animationShortcuts(options) {
     ],
     [
       /^animate-out$/,
-      (_, { theme }) => [
+      () => [
         `keyframes-${EXIT_ANIMATION_NAME}`,
         {
           "animation-name": EXIT_ANIMATION_NAME,
-          ...getSharedAnimationProperties(theme),
+          ...getSharedAnimationProperties(),
           [`${CSS_VARIABLE_PREFIX}-exit-opacity`]: "initial",
           [`${CSS_VARIABLE_PREFIX}-exit-scale`]: "initial",
           [`${CSS_VARIABLE_PREFIX}-exit-rotate`]: "initial",

package/dist/chunks/index3.mjs

@@ -1,7 +1,8 @@
 import { h } from '@unocss/preset-mini/utils';
-import { l as layerMeta } from '../shared/unocss-preset.CzfTbObb.mjs';
+import { l as layerMeta } from '../shared/unocss-preset.Ba2EAs94.mjs';
 import '@unocss/core';
 import '@vinicunca/perkakas';
+import 'defu';
 
 const CSS_VARIABLE_PREFIX = "--vin";
 const ENTER_ANIMATION_NAME = "vin-in";
@@ -144,9 +145,9 @@ for (const rule of animationRules) {
 }
 
 function animationShortcuts(options) {
-  function getSharedAnimationProperties(theme) {
+  function getSharedAnimationProperties() {
     return {
-      "animation-duration": options.duration ? `${options.duration}${options.unit}` : theme.duration?.DEFAULT,
+      "animation-duration": options.duration ? `${options.duration}${options.unit}` : "150ms",
       ...options.delay && { "animation-delay": `${options.delay}${options.unit}` },
       ...options.direction && { "animation-direction": options.direction },
       ...options.fillMode && { "animation-fill-mode": options.fillMode },
@@ -158,11 +159,11 @@ function animationShortcuts(options) {
   return [
     [
       /^animate-in$/,
-      (_, { theme }) => [
+      () => [
         `keyframes-${ENTER_ANIMATION_NAME}`,
         {
           "animation-name": ENTER_ANIMATION_NAME,
-          ...getSharedAnimationProperties(theme),
+          ...getSharedAnimationProperties(),
           [`${CSS_VARIABLE_PREFIX}-enter-opacity`]: "initial",
           [`${CSS_VARIABLE_PREFIX}-enter-scale`]: "initial",
           [`${CSS_VARIABLE_PREFIX}-enter-rotate`]: "initial",
@@ -174,11 +175,11 @@ function animationShortcuts(options) {
     ],
     [
       /^animate-out$/,
-      (_, { theme }) => [
+      () => [
         `keyframes-${EXIT_ANIMATION_NAME}`,
         {
           "animation-name": EXIT_ANIMATION_NAME,
-          ...getSharedAnimationProperties(theme),
+          ...getSharedAnimationProperties(),
           [`${CSS_VARIABLE_PREFIX}-exit-opacity`]: "initial",
           [`${CSS_VARIABLE_PREFIX}-exit-scale`]: "initial",
           [`${CSS_VARIABLE_PREFIX}-exit-rotate`]: "initial",

package/dist/chunks/index5.cjs

@@ -0,0 +1,276 @@
+'use strict';
+
+const index = require('../shared/unocss-preset.DmsJc854.cjs');
+require('@unocss/core');
+require('@vinicunca/perkakas');
+require('defu');
+
+const drawerAkarCss = `
+[data-akar-drawer] {
+  touch-action: none;
+  will-change: transform;
+  transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+  animation-duration: 0.5s;
+  animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='bottom'][data-state='open'] {
+  animation-name: drawer-slide-from-bottom;
+}
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='bottom'][data-state='closed'] {
+  animation-name: drawer-slide-to-bottom;
+}
+
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='top'][data-state='open'] {
+  animation-name: drawer-slide-from-top;
+}
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='top'][data-state='closed'] {
+  animation-name: drawer-slide-to-top;
+}
+
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='left'][data-state='open'] {
+  animation-name: drawer-slide-from-left;
+}
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='left'][data-state='closed'] {
+  animation-name: drawer-slide-to-left;
+}
+
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='right'][data-state='open'] {
+  animation-name: drawer-slide-from-right;
+}
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='right'][data-state='closed'] {
+  animation-name: drawer-slide-to-right;
+}
+
+[data-akar-drawer][data-akar-snap-points='true'][data-akar-drawer-direction='bottom'] {
+  transform: translate3d(0, var(--initial-transform, 100%), 0);
+}
+
+[data-akar-drawer][data-akar-snap-points='true'][data-akar-drawer-direction='top'] {
+  transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
+}
+
+[data-akar-drawer][data-akar-snap-points='true'][data-akar-drawer-direction='left'] {
+  transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
+}
+
+[data-akar-drawer][data-akar-snap-points='true'][data-akar-drawer-direction='right'] {
+  transform: translate3d(var(--initial-transform, 100%), 0, 0);
+}
+
+[data-akar-drawer][data-akar-delayed-snap-points='true'][data-akar-drawer-direction='top'] {
+  transform: translate3d(0, var(--snap-point-height, 0), 0);
+}
+
+[data-akar-drawer][data-akar-delayed-snap-points='true'][data-akar-drawer-direction='bottom'] {
+  transform: translate3d(0, var(--snap-point-height, 0), 0);
+}
+
+[data-akar-drawer][data-akar-delayed-snap-points='true'][data-akar-drawer-direction='left'] {
+  transform: translate3d(var(--snap-point-height, 0), 0, 0);
+}
+
+[data-akar-drawer][data-akar-delayed-snap-points='true'][data-akar-drawer-direction='right'] {
+  transform: translate3d(var(--snap-point-height, 0), 0, 0);
+}
+
+[data-akar-overlay][data-akar-snap-points='false'] {
+  animation-duration: 0.5s;
+  animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
+}
+[data-akar-overlay][data-akar-snap-points='false'][data-state='open'] {
+  animation-name: drawer-fade-in;
+}
+[data-akar-overlay][data-state='closed'] {
+  animation-name: drawer-fade-out;
+}
+
+[data-akar-animate='false'] {
+  animation: none !important;
+}
+
+[data-akar-overlay][data-akar-snap-points='true'] {
+  opacity: 0;
+  transition: opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+[data-akar-overlay][data-akar-snap-points='true'] {
+  opacity: 1;
+}
+
+[data-akar-drawer]:not([data-akar-custom-container='true'])::after {
+  content: '';
+  position: absolute;
+  background: inherit;
+  background-color: inherit;
+}
+
+[data-akar-drawer][data-akar-drawer-direction='top']::after {
+  top: initial;
+  bottom: 100%;
+  left: 0;
+  right: 0;
+  height: 200%;
+}
+
+[data-akar-drawer][data-akar-drawer-direction='bottom']::after {
+  top: 100%;
+  bottom: initial;
+  left: 0;
+  right: 0;
+  height: 200%;
+}
+
+[data-akar-drawer][data-akar-drawer-direction='left']::after {
+  left: initial;
+  right: 100%;
+  top: 0;
+  bottom: 0;
+  width: 200%;
+}
+
+[data-akar-drawer][data-akar-drawer-direction='right']::after {
+  left: 100%;
+  right: initial;
+  top: 0;
+  bottom: 0;
+  width: 200%;
+}
+
+[data-akar-overlay][data-akar-snap-points='true']:not(
+    [data-akar-snap-points-overlay='true']
+  ):not([data-state='closed']) {
+  opacity: 0;
+}
+
+[data-akar-overlay][data-akar-snap-points-overlay='true'] {
+  opacity: 1;
+}
+
+[data-akar-handle] {
+  display: block;
+  position: relative;
+  opacity: 0.7;
+  background: #e2e2e4;
+  margin-left: auto;
+  margin-right: auto;
+  height: 5px;
+  width: 32px;
+  border-radius: 1rem;
+  touch-action: pan-y;
+}
+
+[data-akar-handle]:hover,
+[data-akar-handle]:active {
+  opacity: 1;
+}
+
+[data-akar-handle-hitarea] {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: max(100%, 2.75rem); /* 44px */
+  height: max(100%, 2.75rem); /* 44px */
+  touch-action: inherit;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  [data-akar-drawer] {
+    user-select: none;
+  }
+}
+
+@media (pointer: fine) {
+  [data-akar-handle-hitarea]: {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+@keyframes drawer-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes drawer-fade-out {
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes drawer-slide-from-bottom {
+  from {
+    transform: translate3d(0, var(--initial-transform, 100%), 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes drawer-slide-to-bottom {
+  to {
+    transform: translate3d(0, var(--initial-transform, 100%), 0);
+  }
+}
+
+@keyframes drawer-slide-from-top {
+  from {
+    transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes drawer-slide-to-top {
+  to {
+    transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
+  }
+}
+
+@keyframes drawer-slide-from-left {
+  from {
+    transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes drawer-slide-to-left {
+  to {
+    transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
+  }
+}
+
+@keyframes drawer-slide-from-right {
+  from {
+    transform: translate3d(var(--initial-transform, 100%), 0, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes drawer-slide-to-right {
+  to {
+    transform: translate3d(var(--initial-transform, 100%), 0, 0);
+  }
+}`;
+function presetAkar() {
+  return {
+    name: "unocss-preset-akar",
+    preflights: [
+      {
+        getCSS: () => index.compressCSS(drawerAkarCss)
+      }
+    ]
+  };
+}
+
+exports.presetAkar = presetAkar;

package/dist/chunks/index5.mjs

@@ -0,0 +1,274 @@
+import { c as compressCSS } from '../shared/unocss-preset.Ba2EAs94.mjs';
+import '@unocss/core';
+import '@vinicunca/perkakas';
+import 'defu';
+
+const drawerAkarCss = `
+[data-akar-drawer] {
+  touch-action: none;
+  will-change: transform;
+  transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+  animation-duration: 0.5s;
+  animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='bottom'][data-state='open'] {
+  animation-name: drawer-slide-from-bottom;
+}
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='bottom'][data-state='closed'] {
+  animation-name: drawer-slide-to-bottom;
+}
+
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='top'][data-state='open'] {
+  animation-name: drawer-slide-from-top;
+}
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='top'][data-state='closed'] {
+  animation-name: drawer-slide-to-top;
+}
+
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='left'][data-state='open'] {
+  animation-name: drawer-slide-from-left;
+}
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='left'][data-state='closed'] {
+  animation-name: drawer-slide-to-left;
+}
+
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='right'][data-state='open'] {
+  animation-name: drawer-slide-from-right;
+}
+[data-akar-drawer][data-akar-snap-points='false'][data-akar-drawer-direction='right'][data-state='closed'] {
+  animation-name: drawer-slide-to-right;
+}
+
+[data-akar-drawer][data-akar-snap-points='true'][data-akar-drawer-direction='bottom'] {
+  transform: translate3d(0, var(--initial-transform, 100%), 0);
+}
+
+[data-akar-drawer][data-akar-snap-points='true'][data-akar-drawer-direction='top'] {
+  transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
+}
+
+[data-akar-drawer][data-akar-snap-points='true'][data-akar-drawer-direction='left'] {
+  transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
+}
+
+[data-akar-drawer][data-akar-snap-points='true'][data-akar-drawer-direction='right'] {
+  transform: translate3d(var(--initial-transform, 100%), 0, 0);
+}
+
+[data-akar-drawer][data-akar-delayed-snap-points='true'][data-akar-drawer-direction='top'] {
+  transform: translate3d(0, var(--snap-point-height, 0), 0);
+}
+
+[data-akar-drawer][data-akar-delayed-snap-points='true'][data-akar-drawer-direction='bottom'] {
+  transform: translate3d(0, var(--snap-point-height, 0), 0);
+}
+
+[data-akar-drawer][data-akar-delayed-snap-points='true'][data-akar-drawer-direction='left'] {
+  transform: translate3d(var(--snap-point-height, 0), 0, 0);
+}
+
+[data-akar-drawer][data-akar-delayed-snap-points='true'][data-akar-drawer-direction='right'] {
+  transform: translate3d(var(--snap-point-height, 0), 0, 0);
+}
+
+[data-akar-overlay][data-akar-snap-points='false'] {
+  animation-duration: 0.5s;
+  animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
+}
+[data-akar-overlay][data-akar-snap-points='false'][data-state='open'] {
+  animation-name: drawer-fade-in;
+}
+[data-akar-overlay][data-state='closed'] {
+  animation-name: drawer-fade-out;
+}
+
+[data-akar-animate='false'] {
+  animation: none !important;
+}
+
+[data-akar-overlay][data-akar-snap-points='true'] {
+  opacity: 0;
+  transition: opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+[data-akar-overlay][data-akar-snap-points='true'] {
+  opacity: 1;
+}
+
+[data-akar-drawer]:not([data-akar-custom-container='true'])::after {
+  content: '';
+  position: absolute;
+  background: inherit;
+  background-color: inherit;
+}
+
+[data-akar-drawer][data-akar-drawer-direction='top']::after {
+  top: initial;
+  bottom: 100%;
+  left: 0;
+  right: 0;
+  height: 200%;
+}
+
+[data-akar-drawer][data-akar-drawer-direction='bottom']::after {
+  top: 100%;
+  bottom: initial;
+  left: 0;
+  right: 0;
+  height: 200%;
+}
+
+[data-akar-drawer][data-akar-drawer-direction='left']::after {
+  left: initial;
+  right: 100%;
+  top: 0;
+  bottom: 0;
+  width: 200%;
+}
+
+[data-akar-drawer][data-akar-drawer-direction='right']::after {
+  left: 100%;
+  right: initial;
+  top: 0;
+  bottom: 0;
+  width: 200%;
+}
+
+[data-akar-overlay][data-akar-snap-points='true']:not(
+    [data-akar-snap-points-overlay='true']
+  ):not([data-state='closed']) {
+  opacity: 0;
+}
+
+[data-akar-overlay][data-akar-snap-points-overlay='true'] {
+  opacity: 1;
+}
+
+[data-akar-handle] {
+  display: block;
+  position: relative;
+  opacity: 0.7;
+  background: #e2e2e4;
+  margin-left: auto;
+  margin-right: auto;
+  height: 5px;
+  width: 32px;
+  border-radius: 1rem;
+  touch-action: pan-y;
+}
+
+[data-akar-handle]:hover,
+[data-akar-handle]:active {
+  opacity: 1;
+}
+
+[data-akar-handle-hitarea] {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: max(100%, 2.75rem); /* 44px */
+  height: max(100%, 2.75rem); /* 44px */
+  touch-action: inherit;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  [data-akar-drawer] {
+    user-select: none;
+  }
+}
+
+@media (pointer: fine) {
+  [data-akar-handle-hitarea]: {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+@keyframes drawer-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes drawer-fade-out {
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes drawer-slide-from-bottom {
+  from {
+    transform: translate3d(0, var(--initial-transform, 100%), 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes drawer-slide-to-bottom {
+  to {
+    transform: translate3d(0, var(--initial-transform, 100%), 0);
+  }
+}
+
+@keyframes drawer-slide-from-top {
+  from {
+    transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes drawer-slide-to-top {
+  to {
+    transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
+  }
+}
+
+@keyframes drawer-slide-from-left {
+  from {
+    transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes drawer-slide-to-left {
+  to {
+    transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
+  }
+}
+
+@keyframes drawer-slide-from-right {
+  from {
+    transform: translate3d(var(--initial-transform, 100%), 0, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes drawer-slide-to-right {
+  to {
+    transform: translate3d(var(--initial-transform, 100%), 0, 0);
+  }
+}`;
+function presetAkar() {
+  return {
+    name: "unocss-preset-akar",
+    preflights: [
+      {
+        getCSS: () => compressCSS(drawerAkarCss)
+      }
+    ]
+  };
+}
+
+export { presetAkar };

package/dist/index.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
 require('@unocss/core');
-const index = require('./shared/unocss-preset.QV10hHtz.cjs');
+const index = require('./shared/unocss-preset.DmsJc854.cjs');
 require('@vinicunca/perkakas');
+require('defu');
 
 
 

package/dist/index.d.cts

@@ -4,7 +4,7 @@ import { IconsOptions } from '@unocss/preset-icons';
 import { Theme } from '@unocss/preset-mini';
 import { TypographyOptions } from '@unocss/preset-typography';
 import { WebFontsOptions } from '@unocss/preset-web-fonts';
-import { PresetWind3Options } from '@unocss/preset-wind3';
+import { PresetWind4Options } from '@unocss/preset-wind4';
 import { TransformerDirectivesOptions } from '@unocss/transformer-directives';
 import { TransformerVariantGroupOptions } from '@unocss/transformer-variant-group';
 
@@ -223,10 +223,10 @@ interface PresetVinicuncaOptions {
      * Enable the default preset
      * Only works when `presets` is not specified
      *
-     * @about [@unocss/preset-wind3](https://unocss.dev/presets/wind)
+     * @about [@unocss/preset-wind4](https://unocss.dev/presets/wind)
      * @default true
      */
-    wind?: boolean | PresetWind3Options;
+    wind?: boolean | PresetWind4Options;
     /**
      * Enable icons preset and the options of it
      * Only works when `presets` is not specified
@@ -299,6 +299,10 @@ interface PresetVinicuncaOptions {
      * Enable transform alias transformer and the options of it
      */
     alias?: boolean | TransformerAliasOptions;
+    /**
+     * Enable akar preset
+     */
+    akar?: boolean;
 }
 interface FluidOptions {
     /**

package/dist/index.d.mts

@@ -4,7 +4,7 @@ import { IconsOptions } from '@unocss/preset-icons';
 import { Theme } from '@unocss/preset-mini';
 import { TypographyOptions } from '@unocss/preset-typography';
 import { WebFontsOptions } from '@unocss/preset-web-fonts';
-import { PresetWind3Options } from '@unocss/preset-wind3';
+import { PresetWind4Options } from '@unocss/preset-wind4';
 import { TransformerDirectivesOptions } from '@unocss/transformer-directives';
 import { TransformerVariantGroupOptions } from '@unocss/transformer-variant-group';
 
@@ -223,10 +223,10 @@ interface PresetVinicuncaOptions {
      * Enable the default preset
      * Only works when `presets` is not specified
      *
-     * @about [@unocss/preset-wind3](https://unocss.dev/presets/wind)
+     * @about [@unocss/preset-wind4](https://unocss.dev/presets/wind)
      * @default true
      */
-    wind?: boolean | PresetWind3Options;
+    wind?: boolean | PresetWind4Options;
     /**
      * Enable icons preset and the options of it
      * Only works when `presets` is not specified
@@ -299,6 +299,10 @@ interface PresetVinicuncaOptions {
      * Enable transform alias transformer and the options of it
      */
     alias?: boolean | TransformerAliasOptions;
+    /**
+     * Enable akar preset
+     */
+    akar?: boolean;
 }
 interface FluidOptions {
     /**

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { IconsOptions } from '@unocss/preset-icons';
 import { Theme } from '@unocss/preset-mini';
 import { TypographyOptions } from '@unocss/preset-typography';
 import { WebFontsOptions } from '@unocss/preset-web-fonts';
-import { PresetWind3Options } from '@unocss/preset-wind3';
+import { PresetWind4Options } from '@unocss/preset-wind4';
 import { TransformerDirectivesOptions } from '@unocss/transformer-directives';
 import { TransformerVariantGroupOptions } from '@unocss/transformer-variant-group';
 
@@ -223,10 +223,10 @@ interface PresetVinicuncaOptions {
      * Enable the default preset
      * Only works when `presets` is not specified
      *
-     * @about [@unocss/preset-wind3](https://unocss.dev/presets/wind)
+     * @about [@unocss/preset-wind4](https://unocss.dev/presets/wind)
      * @default true
      */
-    wind?: boolean | PresetWind3Options;
+    wind?: boolean | PresetWind4Options;
     /**
      * Enable icons preset and the options of it
      * Only works when `presets` is not specified
@@ -299,6 +299,10 @@ interface PresetVinicuncaOptions {
      * Enable transform alias transformer and the options of it
      */
     alias?: boolean | TransformerAliasOptions;
+    /**
+     * Enable akar preset
+     */
+    akar?: boolean;
 }
 interface FluidOptions {
     /**

package/dist/index.mjs

@@ -1,3 +1,4 @@
 import '@unocss/core';
-export { a as defineConfig, d as defineVinicuncaConfig, p as presetVinicunca } from './shared/unocss-preset.CzfTbObb.mjs';
+export { a as defineConfig, d as defineVinicuncaConfig, p as presetVinicunca } from './shared/unocss-preset.Ba2EAs94.mjs';
 import '@vinicunca/perkakas';
+import 'defu';

package/dist/shared/{unocss-preset.CzfTbObb.mjs → unocss-preset.Ba2EAs94.mjs}

@@ -1,5 +1,6 @@
 import { definePreset, mergeConfigs } from '@unocss/core';
 import { isString, isBoolean, isPlainObject, mergeDeep } from '@vinicunca/perkakas';
+import { defu } from 'defu';
 
 const RE_RGB = /rgb\(([\d\s]+?)\s*\/\s*([^)]+)\)/;
 const RE_RGBA = /rgba\(([\d\s,]+),\s*([^)]+)\)/;
@@ -580,7 +581,7 @@ const defaultOptions = {
   preflights: true,
   // presets
   wind: {
-    preflight: true
+    reset: false
   },
   icons: true,
   webFonts: false,
@@ -589,6 +590,7 @@ const defaultOptions = {
   magicCss: false,
   animation: true,
   fluid: true,
+  akar: false,
   // transformers
   directives: true,
   variantGroup: true
@@ -610,10 +612,9 @@ const defaultPresetOptions = {
   }
 };
 async function resolveOptions(options) {
-  const optionsWithDefault = Object.assign(
-    {},
-    defaultOptions,
-    options
+  const optionsWithDefault = defu(
+    options,
+    defaultOptions
   );
   if (!isString(optionsWithDefault.unColor)) {
     optionsWithDefault.unColor = optionsWithDefault.unColor ? "--un-color" : false;
@@ -621,14 +622,15 @@ async function resolveOptions(options) {
   const presets = [];
   const transformers = [];
   const presetMap = {
-    wind: import('@unocss/preset-wind3').then((mod) => mod.presetWind3),
+    wind: import('@unocss/preset-wind4').then((mod) => mod.presetWind4),
     icons: import('@unocss/preset-icons').then((mod) => mod.presetIcons),
     webFonts: import('@unocss/preset-web-fonts').then((mod) => mod.presetWebFonts),
     typography: import('@unocss/preset-typography').then((mod) => mod.presetTypography),
     scrollbar: import('../chunks/index.mjs').then((mod) => mod.presetScrollbar),
     magicCss: import('../chunks/index2.mjs').then((mod) => mod.presetMagicss),
     animation: import('../chunks/index3.mjs').then((mod) => mod.presetAnimation),
-    fluid: import('../chunks/index4.mjs').then((mod) => mod.presetFluid)
+    fluid: import('../chunks/index4.mjs').then((mod) => mod.presetFluid),
+    akar: import('../chunks/index5.mjs').then((mod) => mod.presetAkar)
   };
   const transformerMap = {
     directives: import('unocss').then((mod) => mod.transformerDirectives),
@@ -732,4 +734,4 @@ function defineConfig(config) {
   return config;
 }
 
-export { defineConfig as a, defineVinicuncaConfig as d, layerMeta as l, presetVinicunca as p };
+export { defineConfig as a, compressCSS as c, defineVinicuncaConfig as d, layerMeta as l, presetVinicunca as p };

package/dist/shared/{unocss-preset.QV10hHtz.cjs → unocss-preset.DmsJc854.cjs}

@@ -2,6 +2,7 @@
 
 const core = require('@unocss/core');
 const perkakas = require('@vinicunca/perkakas');
+const defu = require('defu');
 
 const RE_RGB = /rgb\(([\d\s]+?)\s*\/\s*([^)]+)\)/;
 const RE_RGBA = /rgba\(([\d\s,]+),\s*([^)]+)\)/;
@@ -582,7 +583,7 @@ const defaultOptions = {
   preflights: true,
   // presets
   wind: {
-    preflight: true
+    reset: false
   },
   icons: true,
   webFonts: false,
@@ -591,6 +592,7 @@ const defaultOptions = {
   magicCss: false,
   animation: true,
   fluid: true,
+  akar: false,
   // transformers
   directives: true,
   variantGroup: true
@@ -612,10 +614,9 @@ const defaultPresetOptions = {
   }
 };
 async function resolveOptions(options) {
-  const optionsWithDefault = Object.assign(
-    {},
-    defaultOptions,
-    options
+  const optionsWithDefault = defu.defu(
+    options,
+    defaultOptions
   );
   if (!perkakas.isString(optionsWithDefault.unColor)) {
     optionsWithDefault.unColor = optionsWithDefault.unColor ? "--un-color" : false;
@@ -623,14 +624,15 @@ async function resolveOptions(options) {
   const presets = [];
   const transformers = [];
   const presetMap = {
-    wind: import('@unocss/preset-wind3').then((mod) => mod.presetWind3),
+    wind: import('@unocss/preset-wind4').then((mod) => mod.presetWind4),
     icons: import('@unocss/preset-icons').then((mod) => mod.presetIcons),
     webFonts: import('@unocss/preset-web-fonts').then((mod) => mod.presetWebFonts),
     typography: import('@unocss/preset-typography').then((mod) => mod.presetTypography),
     scrollbar: import('../chunks/index.cjs').then((mod) => mod.presetScrollbar),
     magicCss: import('../chunks/index2.cjs').then((mod) => mod.presetMagicss),
     animation: import('../chunks/index3.cjs').then((mod) => mod.presetAnimation),
-    fluid: import('../chunks/index4.cjs').then((mod) => mod.presetFluid)
+    fluid: import('../chunks/index4.cjs').then((mod) => mod.presetFluid),
+    akar: import('../chunks/index5.cjs').then((mod) => mod.presetAkar)
   };
   const transformerMap = {
     directives: import('unocss').then((mod) => mod.transformerDirectives),
@@ -734,6 +736,7 @@ function defineConfig(config) {
   return config;
 }
 
+exports.compressCSS = compressCSS;
 exports.defineConfig = defineConfig;
 exports.defineVinicuncaConfig = defineVinicuncaConfig;
 exports.layerMeta = layerMeta;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vinicunca/unocss-preset",
   "type": "module",
-  "version": "1.9.0",
+  "version": "1.12.0",
   "description": "Opinionated UnoCSS preset",
   "author": "praburangki<https://github.com/praburangki>",
   "license": "MIT",
@@ -42,21 +42,22 @@
     "dist"
   ],
   "peerDependencies": {
-    "@vinicunca/perkakas": "^1.3.0",
-    "unocss": "^66.0.0"
+    "@vinicunca/perkakas": "^1.4.0",
+    "unocss": "^66.1.0-beta.7"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@unocss/core": "^66.0.0",
-    "@unocss/preset-icons": "^66.0.0",
-    "@unocss/preset-mini": "^66.0.0",
-    "@unocss/preset-typography": "^66.0.0",
-    "@unocss/preset-web-fonts": "^66.0.0",
-    "@unocss/preset-wind3": "^66.0.0",
-    "@unocss/transformer-directives": "^66.0.0",
-    "@unocss/transformer-variant-group": "^66.0.0",
+    "@unocss/core": "^66.1.0-beta.7",
+    "@unocss/preset-icons": "^66.1.0-beta.7",
+    "@unocss/preset-mini": "^66.1.0-beta.7",
+    "@unocss/preset-typography": "^66.1.0-beta.7",
+    "@unocss/preset-web-fonts": "^66.1.0-beta.7",
+    "@unocss/preset-wind4": "^66.1.0-beta.7",
+    "@unocss/transformer-directives": "^66.1.0-beta.7",
+    "@unocss/transformer-variant-group": "^66.1.0-beta.7",
+    "defu": "^6.1.4",
     "postcss": "^8.5.3",
     "postcss-js": "^4.0.1"
   },