@una-ui/preset 0.57.0 → 0.59.0

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { colors } from '@unocss/preset-mini/colors';
 import { fonts } from '@unocss/preset-mini/rules';
 import { handler, parseColor } from '@unocss/preset-mini/utils';
 import { mergeDeep } from 'unocss';
-import { s as shortcuts } from './shared/preset.BHGEskTu.mjs';
+import { s as shortcuts } from './shared/preset.BbwyXb2y.mjs';
 
 function presetUna(options = {
   // TODO: add options
@@ -12,6 +12,7 @@ function presetUna(options = {
     name: "@una-ui/preset",
     options,
     shortcuts,
+    separators: [":"],
     theme: mergeDeep(theme, {
       container: {
         center: true,

package/dist/prefixes.mjs

@@ -88,6 +88,10 @@ const prefixes = [
   "form-item",
   "form-label",
   "form-message",
+  "hover-card",
+  "hover-card-arrow",
+  "hover-card-content",
+  "hover-card-trigger",
   "icon",
   "indicator",
   "input",

package/dist/shared/{preset.BHGEskTu.mjs → preset.BbwyXb2y.mjs}

@@ -520,6 +520,8 @@ const staticGeneral = {
   "bg-accent-foreground": "bg-$c-accent-foreground",
   "bg-popover": "bg-$c-popover",
   "bg-popover-foreground": "bg-$c-popover-foreground",
+  "fill-base": "fill-$c-background",
+  "stroke-base": "stroke-$c-border",
   // transition
   "transition-base": "transition-all duration-100 ease-out",
   // overrides
@@ -535,6 +537,27 @@ const general = [
   staticIcons
 ];
 
+const staticHoverCard = {
+  // configurations
+  "hover-card": "",
+  "hover-card-default-variant": "outline-gray",
+  // components
+  "hover-card-trigger": "",
+  "hover-card-content": "bg-base text-popover animate-in fade-in-0 zoom-in-95 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 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden",
+  "hover-card-arrow": "!bg-transparent !border-none -mt-1px fill-base stroke-base",
+  // static variants
+  "hover-card-soft-gray": "bg-muted border border-base",
+  "hover-card-outline-gray": "bg-base border border-base"
+};
+const dynamicHoverCard = [
+  [/^hover-card-soft(-(\S+))?$/, ([, , c = "gray"]) => `bg-${c}-50 fill-${c}-50 stroke-${c}-200 border-${c}-200 dark:(bg-${c}-900 border-${c}-700/58 fill-${c}-900 stroke-${c}-700/58)`],
+  [/^hover-card-outline(-(\S+))?$/, ([, , c = "gray"]) => `border stroke-${c}-200 border-${c}-200 dark:(border-${c}-700/58 stroke-${c}-700/58)`]
+];
+const hoverCard = [
+  ...dynamicHoverCard,
+  staticHoverCard
+];
+
 const staticIcon = {
   // base
   "icon-base": "flex-none"
@@ -603,7 +626,7 @@ const staticInput = {
 const dynamicInput = [
   // config
   [/^input-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:ring-${c}-500 dark:focus-visible:ring-${c}-400 focus-visible:ring-1`],
-  [/^input-status(-(\S+))?$/, ([, , c = "info"]) => `text-${c}-700 dark:text-${c}-200 placeholder-${c}-500 dark:placeholder-${c}-400`],
+  [/^input-status(-(\S+))?$/, ([, , c = "info"]) => `text-${c}-700 dark:text-${c}-200 placeholder:text-${c}-500 dark:placeholder:text-${c}-400`],
   // variants
   [/^input-outline(-(\S+))?$/, ([, , c = "primary"]) => `border border-input input-focus-${c}`],
   [/^input-solid(-(\S+))?$/, ([, , c = "primary"]) => `input-focus-${c} border border-${c}-500 dark:border-${c}-400`]
@@ -1044,38 +1067,27 @@ const slider = [
 
 const staticSwitch = {
   // base
-  "switch": "bg-brand switch-focus h-1.25em w-2.25em switch-disabled inline-flex shrink-0 cursor-pointer items-center border-2 border-transparent rounded-full shadow-sm",
+  "switch": "h-1.25em w-2.25em switch-disabled inline-flex shrink-0 cursor-pointer items-center border-2 border-transparent rounded-full shadow-sm transition-colors",
   "switch-disabled": "data-[disabled]:n-disabled",
-  "switch-focus": "focus-visible:ring-brand focus-visible:ring-offset-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
   // thumb
-  "switch-thumb": "square-1em flex items-center justify-center absolute pointer-events-none block border border-base rounded-full bg-base shadow-lg ring-0 transition-transform",
+  "switch-thumb": "square-1em flex items-center justify-center pointer-events-none block rounded-full bg-base shadow-lg ring-0 transition-transform",
   "switch-thumb-checked": "translate-x-1.01em",
   "switch-thumb-unchecked": "translate-x-0.03em",
-  // icon
+  // icons
   "switch-icon": "text-0.7em",
   "switch-icon-unchecked": "text-muted",
   "switch-icon-checked": "text-muted",
   // loading
   "switch-loading-icon": "text-gray animate-spin text-0.8em",
-  "switch-loading-icon-name": "i-loading"
+  "switch-loading-icon-name": "i-loading",
+  "switch-focus-gray": "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-base focus-visible:ring-offset-2 focus-visible:ring-offset-background"
 };
 const dynamicSwitch = [
-  [
-    /^switch-checked(?:-([^-]+))?(?:-([^-]+))?$/,
-    ([, color = "primary"], { theme }) => {
-      const parsedColor = parseColor$1(color, theme);
-      if ((parsedColor?.cssColor?.type === "rgb" || parsedColor?.cssColor?.type === "rgba") && parsedColor.cssColor.components)
-        return `data-[state=checked]:n-${color}-600 dark:data-[state=checked]:n-${color}-500`;
-    }
-  ],
-  [
-    /^switch-unchecked(?:-([^-]+))?(?:-([^-]+))?$/,
-    ([, color = "gray"], { theme }) => {
-      const parsedColor = parseColor$1(color, theme);
-      if ((parsedColor?.cssColor?.type === "rgb" || parsedColor?.cssColor?.type === "rgba") && parsedColor.cssColor.components)
-        return `data-[state=unchecked]:n-${color}-200 dark:data-[state=unchecked]:n-${color}-700/58`;
-    }
-  ]
+  // base
+  [/^switch-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-${c}-600 dark:focus-visible:ring-${c}-500 focus-visible:ring-offset-2 focus-visible:ring-offset-background`],
+  // variants
+  [/^switch-checked(-(\S+))?$/, ([, , c = "primary"]) => `data-[state=checked]:switch-focus-${c} data-[state=checked]:bg-${c}-600 dark:data-[state=checked]:bg-${c}-500`],
+  [/^switch-unchecked(-(\S+))?$/, ([, , c = "gray"]) => `data-[state=unchecked]:switch-focus-${c} data-[state=unchecked]:bg-${c}-200 dark:data-[state=unchecked]:bg-${c}-700/58`]
 ];
 const _switch = [
   ...dynamicSwitch,
@@ -1250,7 +1262,8 @@ const shortcuts = [
   ...resizable,
   ...alertDialog,
   ...combobox,
-  ...drawer
+  ...drawer,
+  ...hoverCard
 ];
 
 export { shortcuts as s };

package/dist/shortcuts.mjs

@@ -1,3 +1,3 @@
-export { s as shortcuts } from './shared/preset.BHGEskTu.mjs';
+export { s as shortcuts } from './shared/preset.BbwyXb2y.mjs';
 import '@unocss/preset-mini/utils';
 import '@unocss/preset-mini';

package/package.json

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