@una-ui/preset 0.36.0-beta.1 → 0.37.0-beta.1

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.CEFcXWEY.cjs');
+const index = require('./shared/preset.frTThEzw.cjs');
 
 function presetUna(options = {
   // TODO: add options

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { colors } from '@unocss/preset-mini/colors';
 import { fonts } from '@unocss/preset-mini/rules';
 import { parseColor } from '@unocss/preset-mini/utils';
 import { mergeDeep } from 'unocss';
-import { s as shortcuts } from './shared/preset.D2JHtZxD.mjs';
+import { s as shortcuts } from './shared/preset.nbSNq5ip.mjs';
 
 function presetUna(options = {
   // TODO: add options

package/dist/prefixes.cjs

@@ -98,6 +98,14 @@ const prefixes = [
   "select-trigger",
   "select-value",
   "separator",
+  "sheet",
+  "sheet-close",
+  "sheet-content",
+  "sheet-description",
+  "sheet-footer",
+  "sheet-header",
+  "sheet-title",
+  "sheet-trigger",
   "size",
   "skeleton",
   "slider",

package/dist/prefixes.mjs

@@ -96,6 +96,14 @@ const prefixes = [
   "select-trigger",
   "select-value",
   "separator",
+  "sheet",
+  "sheet-close",
+  "sheet-content",
+  "sheet-description",
+  "sheet-footer",
+  "sheet-header",
+  "sheet-title",
+  "sheet-trigger",
   "size",
   "skeleton",
   "slider",

package/dist/shared/{preset.CEFcXWEY.cjs → preset.frTThEzw.cjs}

@@ -810,6 +810,32 @@ const separator = [
   staticSeparator
 ];
 
+const staticSheet = {
+  // base
+  "sheet": "",
+  // sub components
+  "sheet-content": "fixed z-50 gap-4 bg-base p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "sheet-portal": "",
+  "sheet-overlay": "fixed inset-0 z-50 data-[state=closed]:animate-out data-[state=open]:animate-in bg-black/80 data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+  "sheet-close": "absolute right-4 top-4",
+  "sheet-description": "text-sm text-muted",
+  "sheet-footer": "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2",
+  "sheet-header": "flex flex-col gap-y-2 text-center sm:text-left",
+  "sheet-title": "text-lg font-semibold text-base",
+  // static variants
+  "sheet-top": "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+  "sheet-right": "inset-y-0 right-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+  "sheet-bottom": "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+  "sheet-left": "inset-y-0 left-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm"
+};
+const dynamicSheet = [
+  // dynamic preset
+];
+const sheet = [
+  ...dynamicSheet,
+  staticSheet
+];
+
 const staticSkeleton = {
   // base
   skeleton: "skeleton-gray text-md animate-pulse rounded-md w-full h-0.5em bg-brand"
@@ -1056,7 +1082,8 @@ const shortcuts = [
   ...toggle,
   ...collapsible,
   ...radioGroup,
-  ...form
+  ...form,
+  ...sheet
 ];
 
 exports.shortcuts = shortcuts;

package/dist/shared/{preset.D2JHtZxD.mjs → preset.nbSNq5ip.mjs}

@@ -808,6 +808,32 @@ const separator = [
   staticSeparator
 ];
 
+const staticSheet = {
+  // base
+  "sheet": "",
+  // sub components
+  "sheet-content": "fixed z-50 gap-4 bg-base p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "sheet-portal": "",
+  "sheet-overlay": "fixed inset-0 z-50 data-[state=closed]:animate-out data-[state=open]:animate-in bg-black/80 data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+  "sheet-close": "absolute right-4 top-4",
+  "sheet-description": "text-sm text-muted",
+  "sheet-footer": "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2",
+  "sheet-header": "flex flex-col gap-y-2 text-center sm:text-left",
+  "sheet-title": "text-lg font-semibold text-base",
+  // static variants
+  "sheet-top": "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+  "sheet-right": "inset-y-0 right-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+  "sheet-bottom": "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+  "sheet-left": "inset-y-0 left-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm"
+};
+const dynamicSheet = [
+  // dynamic preset
+];
+const sheet = [
+  ...dynamicSheet,
+  staticSheet
+];
+
 const staticSkeleton = {
   // base
   skeleton: "skeleton-gray text-md animate-pulse rounded-md w-full h-0.5em bg-brand"
@@ -1054,7 +1080,8 @@ const shortcuts = [
   ...toggle,
   ...collapsible,
   ...radioGroup,
-  ...form
+  ...form,
+  ...sheet
 ];
 
 export { shortcuts as s };

package/dist/shortcuts.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./shared/preset.CEFcXWEY.cjs');
+const index = require('./shared/preset.frTThEzw.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.D2JHtZxD.mjs';
+export { s as shortcuts } from './shared/preset.nbSNq5ip.mjs';
 import '@unocss/preset-mini/utils';
 import '@unocss/preset-mini';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@una-ui/preset",
-  "version": "0.36.0-beta.1",
+  "version": "0.37.0-beta.1",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",