@una-ui/preset 1.0.0-alpha.8 → 1.0.0-alpha.9

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.Pc-YSIGz.mjs';
+import { s as shortcuts } from './shared/preset.21f-DOMW.mjs';
 import '@unocss/preset-mini';
 
 function presetUna(options = {

package/dist/prefixes.mjs

@@ -193,6 +193,16 @@ const prefixes = [
   "skeleton",
   "slider",
   "square",
+  "stepper",
+  "stepper-container",
+  "stepper-description",
+  "stepper-header",
+  "stepper-indicator",
+  "stepper-item",
+  "stepper-separator",
+  "stepper-title",
+  "stepper-trigger",
+  "stepper-wrapper",
   "switch",
   "switch-checked",
   "switch-unchecked",
@@ -225,6 +235,8 @@ const prefixes = [
   "toggle",
   "toggle-off",
   "toggle-on",
+  "toggle-group",
+  "toggle-group-item",
   "tooltip",
   "tooltip-content",
   "tooltip-provider",

package/dist/shared/{preset.Pc-YSIGz.mjs → preset.21f-DOMW.mjs}

@@ -1121,6 +1121,38 @@ const slider = [
   staticSlider
 ];
 
+const staticStepper = {
+  // configurations
+  "stepper": "flex gap-4",
+  "stepper-horizontal": "flex-col",
+  // components
+  "stepper-wrapper": "flex",
+  "stepper-wrapper-vertical": "flex-col gap-6",
+  "stepper-item": "text-center relative w-full data-[disabled]:pointer-events-none",
+  "stepper-item-vertical": "flex text-start gap-2.5",
+  "stepper-trigger": "rounded-full font-medium text-center align-middle flex items-center justify-center font-semibold text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  "stepper-header": "flex flex-col",
+  "stepper-header-horizontal": "mt-2.5",
+  "stepper-indicator": "inline-flex items-center justify-center rounded-full square-2.25em text-foreground/50 bg-muted group-data-[state=active]:text-foreground group-data-[state=completed]:text-foreground",
+  "stepper-separator": "bg-muted group-data-[disabled]:bg-muted group-data-[state=active]:!bg-muted group-data-[disabled]:opacity-50 absolute rounded-full group-data-[disabled]:opacity-75",
+  "stepper-separator-horizontal": "top-[calc(50%-2px)] h-0.5 start-[calc(50%+1.5em)] end-[calc(-50%+1.5em)]",
+  "stepper-separator-vertical": "start-[calc(50%-1px)] bottom-[calc(50%-2.8em)] w-0.5 top-[calc(50%+1em)]",
+  "stepper-title": "text-md font-semibold whitespace-nowrap",
+  "stepper-description": "text-muted-foreground text-wrap text-sm",
+  "stepper-container": "relative",
+  "stepper-container-horizontal": "flex justify-center",
+  // static variants
+  "stepper-solid-black": "group-data-[state=active]:bg-foreground group-data-[state=completed]:bg-foreground focus-visible:ring-foreground"
+};
+const dynamicStepper = [
+  // dynamic presets
+  [/^stepper-solid(-(\S+))?$/, ([, , c = "primary"]) => `group-data-[state=completed]:bg-${c}-600 group-data-[state=active]:bg-${c}-600 focus-visible:ring-${c}-600 dark:(group-data-[state=completed]:bg-${c}-500 group-data-[state=active]:bg-${c}-500 focus-visible:ring-${c}-500)`]
+];
+const stepper = [
+  ...dynamicStepper,
+  staticStepper
+];
+
 const staticSwitch = {
   // base
   "switch": "h-1.25em w-2.25em switch-disabled inline-flex shrink-0 cursor-pointer items-center border-2 border-transparent rounded-full shadow-xs transition-colors",
@@ -1262,6 +1294,20 @@ const toggle = [
   staticToggle
 ];
 
+const staticToggleGroup = {
+  // configurations
+  "toggle-group": "flex gap-1 flex-wrap w-fit rounded-md",
+  "toggle-group-horizontal": "flex-row items-center",
+  "toggle-group-vertical": "flex-col items-start",
+  // components
+  "toggle-group-item": ""
+};
+const dynamicToggleGroup = [];
+const toggleGroup = [
+  staticToggleGroup,
+  ...dynamicToggleGroup
+];
+
 const staticTooltip = {
   "tooltip-content": "z-50 overflow-hidden rounded-md px-0.75em py-0.375em text-xs shadow-md 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",
   "tooltip-white": "border border-border bg-popover text-popover-foreground",
@@ -1326,7 +1372,9 @@ const shortcuts = [
   ...alertDialog,
   ...combobox,
   ...drawer,
-  ...hoverCard
+  ...hoverCard,
+  ...stepper,
+  ...toggleGroup
 ];
 
 export { shortcuts as s };

package/dist/shortcuts.mjs

@@ -1,3 +1,3 @@
-export { s as shortcuts } from './shared/preset.Pc-YSIGz.mjs';
+export { s as shortcuts } from './shared/preset.21f-DOMW.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.8",
+  "version": "1.0.0-alpha.9",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -45,10 +45,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@unocss/core": "^66.2.0",
-    "@unocss/preset-mini": "^66.2.0",
-    "@unocss/preset-wind4": "^66.2.0",
-    "unocss": "^66.2.0"
+    "@unocss/core": "^66.4.2",
+    "@unocss/preset-mini": "^66.4.2",
+    "@unocss/preset-wind4": "^66.4.2",
+    "unocss": "^66.4.2"
   },
   "scripts": {
     "build": "unbuild",