@una-ui/preset 0.10.0-beta.1 → 0.11.0-beta.1

package/dist/prefixes.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "theme-switcher", "checkbox", "form-group", "input", "radio", "slider", "switch", "nav-link", "nav-link-group", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "resize", "size", "btn"];
+const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "checkbox", "form-group", "input", "radio", "slider", "switch", "theme-switcher", "nav-link", "nav-link-group", "card", "card-content", "card-description", "card-footer", "card-header", "card-title", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "resize", "size", "btn"];
 
 module.exports = prefixes;

package/dist/prefixes.mjs

@@ -1,3 +1,3 @@
-const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "theme-switcher", "checkbox", "form-group", "input", "radio", "slider", "switch", "nav-link", "nav-link-group", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "resize", "size", "btn"];
+const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "checkbox", "form-group", "input", "radio", "slider", "switch", "theme-switcher", "nav-link", "nav-link-group", "card", "card-content", "card-description", "card-footer", "card-header", "card-title", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "resize", "size", "btn"];
 
 export { prefixes as default };

package/dist/shortcuts.cjs

@@ -573,6 +573,7 @@ const tabs = [
 const staticSelect = {
   // configurations
   "select": "",
+  "select-default-variant": "btn-outline-white",
   "select-disabled": "n-disabled",
   "select-scroll": "flex cursor-default items-center justify-center py-1",
   "select-trigger-info-icon": "i-info",
@@ -584,7 +585,7 @@ const staticSelect = {
   "select-trigger": "min-h-2.5em w-full",
   // [&>span]:line-clamp-1
   "select-trigger-trailing-icon": "i-lucide-chevrons-up-down !text-1.042em",
-  "select-trigger-trailing": "ml-auto",
+  "select-trigger-trailing": "ml-auto n-disabled",
   "select-trigger-leading": "",
   "select-value": "h-1.5em",
   "select-content": "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-base bg-popover text-popover shadow-md 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",
@@ -605,11 +606,7 @@ const staticSelect = {
   "select-item-selectItem": ""
 };
 const dynamicSelect = [
-  [/^select-(.*)$/, ([, body], { theme }) => {
-    const color = utils.parseColor(body, theme);
-    if ((color?.cssColor?.type === "rgb" || color?.cssColor?.type === "rgba") && color.cssColor.components)
-      return `n-${body}-600 dark:n-${body}-500`;
-  }],
+  [/^select-(\S+)-(\S+)$/, ([, v = "solid", c = "gray"]) => `btn-${v}-${c}`],
   [/^select-item(-(\S+))?$/, ([, , c = "gray"]) => `focus:bg-${c}-100 focus:text-${c}-800 dark:focus:bg-${c}-800 dark:focus:text-${c}-100`]
 ];
 const select = [
@@ -648,6 +645,31 @@ const separator = [
   staticSeparator
 ];
 
+const staticCard = {
+  // base
+  "card": "relative flex flex-col rounded-lg overflow-hidden shadow-sm",
+  "card-default-variant": "card-outline-gray",
+  // components
+  "card-header": "",
+  "card-title": "text-2xl font-semibold leading-none tracking-tight",
+  "card-description": "text-sm text-muted",
+  "card-content": "px-4 py-5 pt-0 sm:p-6 sm:pt-0",
+  "card-footer": "flex items-center p-6 pt-0",
+  "card-about": "flex flex-col gap-y-1.5 px-4 py-5 sm:p-6",
+  // static variants
+  "card-soft-gray": "bg-muted border border-base",
+  "card-outline-gray": "bg-base border border-base"
+};
+const dynamicCard = [
+  // dynamic variants
+  [/^card-soft(-(\S+))?$/, ([, , c = "gray"]) => `bg-${c}-50 dark:bg-${c}-900 border-${c}-200 dark:border-${c}-700/58`],
+  [/^card-outline(-(\S+))?$/, ([, , c = "gray"]) => `border border-${c}-200 dark:border-${c}-700/58`]
+];
+const card = [
+  ...dynamicCard,
+  staticCard
+];
+
 const shortcuts = [
   ...general,
   ...accordion,
@@ -672,7 +694,8 @@ const shortcuts = [
   ...skeleton,
   ...tabs,
   ...select,
-  ...separator
+  ...separator,
+  ...card
 ];
 
 exports.shortcuts = shortcuts;

package/dist/shortcuts.mjs

@@ -571,6 +571,7 @@ const tabs = [
 const staticSelect = {
   // configurations
   "select": "",
+  "select-default-variant": "btn-outline-white",
   "select-disabled": "n-disabled",
   "select-scroll": "flex cursor-default items-center justify-center py-1",
   "select-trigger-info-icon": "i-info",
@@ -582,7 +583,7 @@ const staticSelect = {
   "select-trigger": "min-h-2.5em w-full",
   // [&>span]:line-clamp-1
   "select-trigger-trailing-icon": "i-lucide-chevrons-up-down !text-1.042em",
-  "select-trigger-trailing": "ml-auto",
+  "select-trigger-trailing": "ml-auto n-disabled",
   "select-trigger-leading": "",
   "select-value": "h-1.5em",
   "select-content": "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-base bg-popover text-popover shadow-md 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",
@@ -603,11 +604,7 @@ const staticSelect = {
   "select-item-selectItem": ""
 };
 const dynamicSelect = [
-  [/^select-(.*)$/, ([, body], { theme }) => {
-    const color = parseColor(body, theme);
-    if ((color?.cssColor?.type === "rgb" || color?.cssColor?.type === "rgba") && color.cssColor.components)
-      return `n-${body}-600 dark:n-${body}-500`;
-  }],
+  [/^select-(\S+)-(\S+)$/, ([, v = "solid", c = "gray"]) => `btn-${v}-${c}`],
   [/^select-item(-(\S+))?$/, ([, , c = "gray"]) => `focus:bg-${c}-100 focus:text-${c}-800 dark:focus:bg-${c}-800 dark:focus:text-${c}-100`]
 ];
 const select = [
@@ -646,6 +643,31 @@ const separator = [
   staticSeparator
 ];
 
+const staticCard = {
+  // base
+  "card": "relative flex flex-col rounded-lg overflow-hidden shadow-sm",
+  "card-default-variant": "card-outline-gray",
+  // components
+  "card-header": "",
+  "card-title": "text-2xl font-semibold leading-none tracking-tight",
+  "card-description": "text-sm text-muted",
+  "card-content": "px-4 py-5 pt-0 sm:p-6 sm:pt-0",
+  "card-footer": "flex items-center p-6 pt-0",
+  "card-about": "flex flex-col gap-y-1.5 px-4 py-5 sm:p-6",
+  // static variants
+  "card-soft-gray": "bg-muted border border-base",
+  "card-outline-gray": "bg-base border border-base"
+};
+const dynamicCard = [
+  // dynamic variants
+  [/^card-soft(-(\S+))?$/, ([, , c = "gray"]) => `bg-${c}-50 dark:bg-${c}-900 border-${c}-200 dark:border-${c}-700/58`],
+  [/^card-outline(-(\S+))?$/, ([, , c = "gray"]) => `border border-${c}-200 dark:border-${c}-700/58`]
+];
+const card = [
+  ...dynamicCard,
+  staticCard
+];
+
 const shortcuts = [
   ...general,
   ...accordion,
@@ -670,7 +692,8 @@ const shortcuts = [
   ...skeleton,
   ...tabs,
   ...select,
-  ...separator
+  ...separator,
+  ...card
 ];
 
 export { shortcuts };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@una-ui/preset",
-  "version": "0.10.0-beta.1",
+  "version": "0.11.0-beta.1",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -49,9 +49,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@unocss/core": "^0.61.5",
-    "@unocss/preset-mini": "^0.61.5",
-    "unocss": "^0.61.5"
+    "@unocss/core": "^0.61.9",
+    "@unocss/preset-mini": "^0.61.9",
+    "unocss": "^0.61.9"
   },
   "scripts": {
     "build": "unbuild",