@una-ui/preset 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { fonts } from '@unocss/preset-mini/rules';
 import { handler, parseColor } from '@unocss/preset-mini/utils';
 import { colors } from '@unocss/preset-wind4/colors';
-import { s as shortcuts } from './shared/preset.CWR84hRp.mjs';
+import { s as shortcuts } from './shared/preset.DRPVRXmI.mjs';
 import '@unocss/preset-mini';
 
 function presetUna(options = {

package/dist/prefixes.mjs

@@ -127,6 +127,10 @@ const prefixes = [
   "pagination-list-item",
   "pagination-next",
   "pagination-prev",
+  "pin-input",
+  "pin-input-group",
+  "pin-input-separator",
+  "pin-input-slot",
   "popover",
   "popover-content",
   "progress",

package/dist/shared/{preset.CWR84hRp.mjs → preset.DRPVRXmI.mjs}

@@ -232,7 +232,7 @@ const staticBtn = {
   "btn-text": "btn-text-primary",
   "btn-text-gray": "hover:text-secondary-foreground text-secondary-foreground/90 btn-focus",
   "btn-text-black": "hover:text-foreground text-foreground/90 btn-focus",
-  "btn-text-muted": "hover:text-foreground text-foreground/90 btn-focus",
+  "btn-text-muted": "hover:text-muted-foreground text-muted-foreground/90 btn-focus",
   "btn-text-accent": "hover:text-accent-foreground text-accent-foreground/90 btn-focus",
   "btn-soft-primary": "bg-primary/10 text-primary shadow-xs hover:bg-primary/15 btn-focus",
   "btn-soft": "btn-soft-primary",
@@ -632,7 +632,7 @@ const staticInput = {
 };
 const dynamicInput = [
   // config
-  [/^input-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:ring-3px focus-visible:border-${c}-400 dark:focus-visible:border-${c}-800 focus-visible:ring-${c}-400/50 dark:focus-visible:ring-${c}-800/50`],
+  [/^input-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus-visible:ring-3px focus-visible:border-${c}-400 dark:focus-visible:border-${c}-500 focus-visible:ring-${c}-400/50 dark:focus-visible:ring-${c}-500/50`],
   [/^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"]) => `shadow-xs border bg-transparent dark:bg-input/30 border-input input-focus-${c}`],
@@ -773,6 +773,30 @@ const pagination = [
   staticPagination
 ];
 
+const staticPinInput = {
+  // configurations
+  "pin-input": "flex items-center gap-2 has-disabled:opacity-50 disabled:cursor-not-allowed",
+  "pin-input-separator-icon": "i-lucide-minus",
+  // components
+  "pin-input-slot": "relative flex square-2.5714285714285716em items-center justify-center shadow-xs border-y border-r first:rounded-l-md first:border-l last:rounded-r-md text-0.875em leading-1.4285714285714286em transition-all outline-none text-center",
+  "pin-input-group": "flex items-center",
+  "pin-input-separator": "grid",
+  "pin-input-solid-primary": "shadow-xs bg-transparent dark:bg-input/30 border border-ring pin-input-focus",
+  "pin-input-solid": "pin-input-solid-primary",
+  "pin-input-focus-primary": "focus:ring-3px focus:border focus:border-ring focus:ring-ring/50",
+  "pin-input-focus": "pin-input-focus-primary"
+};
+const dynamicPinInput = [
+  [/^pin-input-focus(-(\S+))?$/, ([, , c = "primary"]) => `focus:ring-3px focus:border focus:border-${c}-400 dark:focus:border-${c}-500 focus:ring-${c}-400/50 dark:focus:ring-${c}-500/50 focus:z-10`],
+  // dynamic preset
+  [/^pin-input-outline(-(\S+))?$/, ([, , c = "primary"]) => `bg-transparent dark:bg-input/30 border-input pin-input-focus-${c}`],
+  [/^pin-input-solid(-(\S+))?$/, ([, , c = "primary"]) => `bg-transparent dark:bg-input/30 border-${c}-500 dark:border-${c}-400 pin-input-focus-${c}`]
+];
+const pinInput = [
+  ...dynamicPinInput,
+  staticPinInput
+];
+
 const staticPopover = {
   "popover-content": "z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground 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"
 };
@@ -1284,6 +1308,7 @@ const shortcuts = [
   ...popover,
   ...tooltip,
   ...pagination,
+  ...pinInput,
   ...toast,
   ...toggle,
   ...collapsible,

package/dist/shortcuts.mjs

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

package/package.json

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