@una-ui/preset 0.25.0-beta.1 → 0.26.0-beta.2

package/dist/prefixes.cjs

@@ -25,6 +25,15 @@ const prefixes = [
   "card-header",
   "card-title",
   "checkbox",
+  "dialog",
+  "dialog-close",
+  "dialog-content",
+  "dialog-description",
+  "dialog-footer",
+  "dialog-header",
+  "dialog-overlay",
+  "dialog-scroll-content",
+  "dialog-title",
   "dropdown-menu",
   "dropdown-menu-content",
   "dropdown-menu-group",

package/dist/prefixes.mjs

@@ -23,6 +23,15 @@ const prefixes = [
   "card-header",
   "card-title",
   "checkbox",
+  "dialog",
+  "dialog-close",
+  "dialog-content",
+  "dialog-description",
+  "dialog-footer",
+  "dialog-header",
+  "dialog-overlay",
+  "dialog-scroll-content",
+  "dialog-title",
   "dropdown-menu",
   "dropdown-menu-content",
   "dropdown-menu-group",

package/dist/shortcuts.cjs

@@ -190,7 +190,8 @@ const staticBtn = {
   "btn-link-black": "text-base btn-focus hover:underline underline-offset-4",
   "btn-text-black": "text-base btn-focus",
   "btn-soft-black": "text-base bg-base btn-focus shadow-sm",
-  "btn-text-muted": "text-muted btn-focus hover:text-accent"
+  "btn-text-muted": "text-muted btn-focus hover:text-accent",
+  "btn-link-muted": "text-muted btn-focus hover:underline underline-offset-4"
 };
 const dynamicBtn = [
   // base
@@ -259,6 +260,28 @@ const checkbox = [
   staticCheckbox
 ];
 
+const staticDialog = {
+  // base
+  "dialog": "",
+  // sub-components
+  "dialog-overlay": "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  "dialog-content": "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border border-base bg-base p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48% sm:rounded-lg",
+  "dialog-scroll-overlay": "fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  "dialog-scroll-content": "relative z-50 grid w-full max-w-lg my-8 gap-4 border border-base bg-base p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
+  "dialog-header": "flex flex-col gap-y-1.5 text-center sm:text-left",
+  "dialog-title": "text-lg font-semibold leading-none tracking-tight",
+  "dialog-description": "text-sm text-muted",
+  "dialog-close": "absolute right-4 top-4",
+  "dialog-footer": "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2"
+};
+const dynamicDialog = [
+  // dynamic preset
+];
+const dialog = [
+  ...dynamicDialog,
+  staticDialog
+];
+
 const staticDropdownMenu = {
   // configurations
   "dropdown-menu": "",
@@ -580,7 +603,7 @@ const pagination = [
 ];
 
 const staticPopover = {
-  "popover-content": "w-72 rounded-md border border-base bg-popover p-4 text-popover shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+  "popover-content": "z-50 w-72 rounded-md border border-base bg-popover p-4 text-popover shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
 };
 const dynamicPopover = [
   // dynamic preset
@@ -876,6 +899,7 @@ const shortcuts = [
   ...breadcrumb,
   ...accordion,
   ...btn,
+  ...dialog,
   ...formGroup,
   ...input,
   ...icon,

package/dist/shortcuts.mjs

@@ -188,7 +188,8 @@ const staticBtn = {
   "btn-link-black": "text-base btn-focus hover:underline underline-offset-4",
   "btn-text-black": "text-base btn-focus",
   "btn-soft-black": "text-base bg-base btn-focus shadow-sm",
-  "btn-text-muted": "text-muted btn-focus hover:text-accent"
+  "btn-text-muted": "text-muted btn-focus hover:text-accent",
+  "btn-link-muted": "text-muted btn-focus hover:underline underline-offset-4"
 };
 const dynamicBtn = [
   // base
@@ -257,6 +258,28 @@ const checkbox = [
   staticCheckbox
 ];
 
+const staticDialog = {
+  // base
+  "dialog": "",
+  // sub-components
+  "dialog-overlay": "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  "dialog-content": "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border border-base bg-base p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48% sm:rounded-lg",
+  "dialog-scroll-overlay": "fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  "dialog-scroll-content": "relative z-50 grid w-full max-w-lg my-8 gap-4 border border-base bg-base p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
+  "dialog-header": "flex flex-col gap-y-1.5 text-center sm:text-left",
+  "dialog-title": "text-lg font-semibold leading-none tracking-tight",
+  "dialog-description": "text-sm text-muted",
+  "dialog-close": "absolute right-4 top-4",
+  "dialog-footer": "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2"
+};
+const dynamicDialog = [
+  // dynamic preset
+];
+const dialog = [
+  ...dynamicDialog,
+  staticDialog
+];
+
 const staticDropdownMenu = {
   // configurations
   "dropdown-menu": "",
@@ -578,7 +601,7 @@ const pagination = [
 ];
 
 const staticPopover = {
-  "popover-content": "w-72 rounded-md border border-base bg-popover p-4 text-popover shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+  "popover-content": "z-50 w-72 rounded-md border border-base bg-popover p-4 text-popover shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
 };
 const dynamicPopover = [
   // dynamic preset
@@ -874,6 +897,7 @@ const shortcuts = [
   ...breadcrumb,
   ...accordion,
   ...btn,
+  ...dialog,
   ...formGroup,
   ...input,
   ...icon,

package/package.json

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