@vinicunca/unocss-preset 1.9.0 → 1.10.0

package/dist/chunks/index3.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const utils = require('@unocss/preset-mini/utils');
-const index = require('../shared/unocss-preset.QV10hHtz.cjs');
+const index = require('../shared/unocss-preset.BuL5TkXK.cjs');
 require('@unocss/core');
 require('@vinicunca/perkakas');
 

package/dist/chunks/index3.mjs

@@ -1,5 +1,5 @@
 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.Bn_T_a8U.mjs';
 import '@unocss/core';
 import '@vinicunca/perkakas';
 

package/dist/chunks/index5.cjs

@@ -0,0 +1,275 @@
+'use strict';
+
+const index = require('../shared/unocss-preset.BuL5TkXK.cjs');
+require('@unocss/core');
+require('@vinicunca/perkakas');
+
+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,273 @@
+import { c as compressCSS } from '../shared/unocss-preset.Bn_T_a8U.mjs';
+import '@unocss/core';
+import '@vinicunca/perkakas';
+
+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,7 +1,7 @@
 'use strict';
 
 require('@unocss/core');
-const index = require('./shared/unocss-preset.QV10hHtz.cjs');
+const index = require('./shared/unocss-preset.BuL5TkXK.cjs');
 require('@vinicunca/perkakas');
 
 

package/dist/index.d.cts

@@ -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

@@ -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

@@ -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,3 @@
 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.Bn_T_a8U.mjs';
 import '@vinicunca/perkakas';

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

@@ -589,6 +589,7 @@ const defaultOptions = {
   magicCss: false,
   animation: true,
   fluid: true,
+  akar: false,
   // transformers
   directives: true,
   variantGroup: true
@@ -628,7 +629,8 @@ async function resolveOptions(options) {
     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.BuL5TkXK.cjs}

@@ -591,6 +591,7 @@ const defaultOptions = {
   magicCss: false,
   animation: true,
   fluid: true,
+  akar: false,
   // transformers
   directives: true,
   variantGroup: true
@@ -630,7 +631,8 @@ async function resolveOptions(options) {
     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.10.0",
   "description": "Opinionated UnoCSS preset",
   "author": "praburangki<https://github.com/praburangki>",
   "license": "MIT",
@@ -42,7 +42,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@vinicunca/perkakas": "^1.3.0",
+    "@vinicunca/perkakas": "^1.4.0",
     "unocss": "^66.0.0"
   },
   "publishConfig": {