@byyuurin/ui 0.0.7 → 0.0.9

package/dist/runtime/theme/progress.js

@@ -0,0 +1,95 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      wrapper: "gap-2",
+      root: "relative overflow-hidden rounded-full bg-soft-ui-cb/30",
+      indicator: "bg-ui-fill rounded-full size-full transition-transform duration-200 ease-out",
+      status: "flex justify-end color-ui-base/50 transition-[width] duration-200",
+      steps: "grid items-end color-ui-base/80",
+      step: "truncate text-end row-start-1 col-start-1 transition-opacity"
+    },
+    variants: {
+      size: {
+        xs: {
+          wrapper: "text-xs"
+        },
+        sm: {
+          wrapper: "text-sm"
+        },
+        md: {
+          wrapper: "text-base"
+        },
+        lg: {
+          wrapper: "text-lg"
+        },
+        xl: {
+          wrapper: "text-xl"
+        }
+      },
+      step: {
+        active: {
+          step: "opacity-100"
+        },
+        first: {
+          step: "opacity-100 color-ui-base/60"
+        },
+        other: {
+          step: "opacity-0"
+        },
+        last: {
+          step: ""
+        }
+      },
+      orientation: {
+        horizontal: {
+          wrapper: "w-full flex flex-col",
+          root: "w-full",
+          status: "flex-row"
+        },
+        vertical: {
+          wrapper: "h-full flex flex-row-reverse",
+          root: "h-full w-0.5em",
+          status: "flex-col"
+        }
+      },
+      inverted: {
+        true: {
+          status: "self-end"
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        orientation: "horizontal",
+        inverted: true,
+        class: {
+          step: "text-start",
+          status: "flex-row-reverse"
+        }
+      },
+      {
+        orientation: "vertical",
+        inverted: true,
+        class: {
+          steps: "items-start",
+          status: "flex-col-reverse"
+        }
+      },
+      { size: "xs", orientation: "horizontal", class: { root: "h-0.25em" } },
+      { size: "sm", orientation: "horizontal", class: { root: "h-0.5em" } },
+      { size: "md", orientation: "horizontal", class: { root: "h-0.75em" } },
+      { size: "lg", orientation: "horizontal", class: { root: "h-1em" } },
+      { size: "xl", orientation: "horizontal", class: { root: "h-1.25em" } },
+      { size: "xs", orientation: "vertical", class: { root: "w-0.25em" } },
+      { size: "sm", orientation: "vertical", class: { root: "w-0.5em" } },
+      { size: "md", orientation: "vertical", class: { root: "w-0.75em" } },
+      { size: "lg", orientation: "vertical", class: { root: "w-1em" } },
+      { size: "xl", orientation: "vertical", class: { root: "w-1.25em" } }
+    ],
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);

package/dist/runtime/theme/radio-group.d.ts

@@ -40,7 +40,7 @@ declare const _default: {
         };
         disabled: {
             true: {
-                root: string;
+                item: string;
             };
             false: {
                 label: string;
@@ -80,7 +80,7 @@ declare const _default: {
         };
         disabled: {
             true: {
-                root: string;
+                item: string;
             };
             false: {
                 label: string;

package/dist/runtime/theme/radio-group.js

@@ -3,16 +3,16 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "relative",
+      root: "",
       fieldset: "flex flex-wrap gap-2 gap-x-4",
-      legend: "mb-2 color-ui-cb",
-      item: "flex items-start",
-      base: "relative size-1.25em rounded-ui-radio ring ring-inset ring-ui-cb outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80 transition data-[state=checked]:ring-ui-base",
+      legend: "mb-2 color-ui-base",
+      item: "relative flex items-start",
+      base: "relative size-1.25em rounded-ui-radio ring ring-inset ring-ui-base outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80 transition data-[state=checked]:ring-ui-base",
       indicator: "absolute inset-0 scale-0 rounded-ui-radio bg-ui-fill transition data-[state=checked]:scale-66",
       container: "h-1.5em flex items-center",
       wrapper: "",
-      label: "block ps-2 color-ui-cb",
-      description: "ps-2 color-ui-cb/60"
+      label: "block ps-2 color-ui-base",
+      description: "ps-2 color-ui-base/60"
     },
     variants: {
       orientation: {
@@ -42,7 +42,7 @@ export default ct(
       },
       disabled: {
         true: {
-          root: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
+          item: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
         },
         false: {
           label: "cursor-pointer"

package/dist/runtime/theme/select.d.ts

@@ -12,14 +12,14 @@ declare const _default: {
         label: string;
         separator: string;
         item: string[];
-        itemPrefixIcon: string;
-        itemSuffix: string;
-        itemSuffixIcon: string;
+        itemLeadingIcon: string;
+        itemTrailing: string;
+        itemTrailingIcon: string;
         itemLabel: string;
-        prefix: string;
-        prefixIcon: string;
-        suffix: string;
-        suffixIcon: string;
+        leading: string;
+        leadingIcon: string;
+        trailing: string;
+        trailingIcon: string;
     };
     variants: {
         variant: {
@@ -61,10 +61,10 @@ declare const _default: {
                 item: string;
             };
         };
-        prefix: {
+        leading: {
             true: "";
         };
-        suffix: {
+        trailing: {
             true: "";
         };
         loading: {
@@ -125,10 +125,10 @@ declare const _default: {
                 item: string;
             };
         };
-        prefix: {
+        leading: {
             true: "";
         };
-        suffix: {
+        trailing: {
             true: "";
         };
         loading: {
@@ -160,14 +160,14 @@ declare const _default: {
         label: string;
         separator: string;
         item: string[];
-        itemPrefixIcon: string;
-        itemSuffix: string;
-        itemSuffixIcon: string;
+        itemLeadingIcon: string;
+        itemTrailing: string;
+        itemTrailingIcon: string;
         itemLabel: string;
-        prefix: string;
-        prefixIcon: string;
-        suffix: string;
-        suffixIcon: string;
+        leading: string;
+        leadingIcon: string;
+        trailing: string;
+        trailingIcon: string;
     }, undefined>;
     defaultVariants: {
         size: "md";

package/dist/runtime/theme/select.js

@@ -5,70 +5,70 @@ export default ct(
   {
     slots: {
       base: [
-        "relative group rounded-ui-base inline-flex items-center gap-x-2 focus:outline-none transition-colors",
+        "group inline-flex items-center gap-x-2 rounded-ui-base focus:outline-none transition-colors",
         "disabled:cursor-not-allowed disabled:opacity-50"
       ],
       value: "me-auto truncate pointer-events-none",
-      placeholder: "me-auto truncate color-ui-cb/50",
+      placeholder: "me-auto truncate color-ui-base/50",
       arrow: "fill-ui-cx stroke-ui-cb/20",
       content: [
-        "max-h-60 w-[var(--reka-popper-anchor-width)] bg-ui-cx shadow-lg rounded-[calc(var(--ui-radius-tabs)*0.66)] ring ring-ui-cb/20 overflow-hidden pointer-events-auto",
+        "z-1 max-h-60 w-[var(--reka-popper-anchor-width)] bg-ui-base shadow-lg rounded-[calc(var(--ui-radius-tabs)*0.66)] ring ring-ui-base/20 overflow-hidden pointer-events-auto",
         "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]"
       ],
-      viewport: "divide-y divide-ui-cb/10 scroll-py-1",
+      viewport: "divide-y divide-ui-base/10 scroll-py-1",
       group: "p-1 isolate",
-      empty: "py-2 text-center text-sm color-ui-cb/50",
-      label: "font-semibold color-ui-cb cursor-pointer",
+      empty: "py-2 text-center text-sm color-ui-base/50",
+      label: "font-semibold color-ui-base cursor-pointer",
       separator: "-mx-1 my-1 h-px bg-soft-ui-cb/10",
       item: [
-        "group relative w-full flex gap-2 items-center select-none outline-none color-ui-cb/50 transition-colors cursor-pointer",
+        "group relative w-full flex gap-2 items-center select-none outline-none color-ui-base/50 transition-colors cursor-pointer",
         "aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
         "before:content-empty before:absolute before:z-[-1] before:inset-px before:rounded-ui-base before:transition-colors",
-        "data-[highlighted]:color-ui-cb data-[highlighted]:before:bg-soft-ui-cb/3",
+        "data-[highlighted]:color-ui-base data-[highlighted]:before:bg-soft-ui-cb/3",
         "data-[state=checked]:color-ui-base"
       ],
-      itemPrefixIcon: "shrink-0 color-ui-cb/80 group-data-[highlighted]:color-ui-cb/80 transition-colors",
-      itemSuffix: "ms-auto inline-flex gap-1.5 items-center",
-      itemSuffixIcon: "shrink-0",
+      itemLeadingIcon: "shrink-0 color-ui-base/80 group-data-[highlighted]:color-ui-base/80 transition-colors",
+      itemTrailing: "ms-auto inline-flex gap-1.5 items-center",
+      itemTrailingIcon: "shrink-0",
       itemLabel: "truncate",
-      prefix: "flex items-center",
-      prefixIcon: "shrink-0 size-1.25em",
-      suffix: "flex items-center",
-      suffixIcon: "shrink-0 size-1.25em"
+      leading: "flex items-center",
+      leadingIcon: "shrink-0 size-1.25em",
+      trailing: "flex items-center",
+      trailingIcon: "shrink-0 size-1.25em"
     },
     variants: {
       ...buttonGroupVariant,
       variant: {
         "outline": {
           base: [
-            "color-ui-cb/80 bg-ui-cx ring ring-inset ring-ui-cb/30 data-[state=open]:ring-2 data-[state=open]:ring-ui-cb/50",
-            "focus-within:ring-2 focus-within:ring-ui-cb/50",
-            "disabled:ring-ui-cb/80 hover:disabled:ring-ui-cb/80"
+            "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30 data-[state=open]:ring-2 data-[state=open]:ring-ui-base/50",
+            "focus-within:ring-2 focus-within:ring-ui-base/50",
+            "disabled:ring-ui-base/80 hover:disabled:ring-ui-base/80"
           ]
         },
         "soft": {
           base: [
-            "color-ui-cb/80 bg-soft-ui-cb/5 data-[state=open]:bg-soft-ui-cb/5",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
-            "disabled:color-ui-content/80 disabled:bg-soft-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-soft-ui-fill/5"
+            "color-ui-base/80 bg-soft-ui-cb/5 data-[state=open]:bg-soft-ui-cb/5",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
+            "disabled:color-ui-fill/80 disabled:bg-soft-ui-fill/5 hover:disabled:color-ui-fill/80 hover:disabled:bg-soft-ui-fill/5"
           ]
         },
         "soft-outline": {
           base: [
-            "color-ui-cb/80 bg-soft-ui-cb/5 ring ring-inset ring-ui-cb/10 data-[state=open]:bg-soft-ui-cb/5 data-[state=open]:ring-ui-cb/25",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
-            "disabled:color-ui-content/80 disabled:bg-soft-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-soft-ui-fill/5"
+            "color-ui-base/80 bg-soft-ui-cb/5 ring ring-inset ring-ui-base/10 data-[state=open]:bg-soft-ui-cb/5 data-[state=open]:ring-ui-base/25",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
+            "disabled:color-ui-fill/80 disabled:bg-soft-ui-fill/5 hover:disabled:color-ui-fill/80 hover:disabled:bg-soft-ui-fill/5"
           ]
         },
         "ghost": {
           base: [
-            "color-ui-cb/80 bg-transparent data-[state=open]:bg-soft-ui-cb/8",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "color-ui-base/80 bg-transparent data-[state=open]:bg-soft-ui-cb/8",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
             "disabled:color-ui-fill/80 disabled:bg-transparent hover:disabled:color-ui-fill/80 hover:disabled:bg-transparent"
           ]
         },
         "none": {
-          base: "color-ui-cb bg-transparent"
+          base: "color-ui-base bg-transparent"
         }
       },
       size: {
@@ -93,10 +93,10 @@ export default ct(
           item: "text-xl"
         }
       },
-      prefix: {
+      leading: {
         true: ""
       },
-      suffix: {
+      trailing: {
         true: ""
       },
       loading: {
@@ -151,17 +151,17 @@ export default ct(
       },
       {
         loading: true,
-        prefix: true,
+        leading: true,
         class: {
-          prefixIcon: "animate-spin"
+          leadingIcon: "animate-spin"
         }
       },
       {
         loading: true,
-        prefix: false,
-        suffix: true,
+        leading: false,
+        trailing: true,
         class: {
-          suffixIcon: "animate-spin"
+          trailingIcon: "animate-spin"
         }
       }
     ],

package/dist/runtime/theme/separator.js

@@ -5,7 +5,7 @@ export default ct(
     slots: {
       root: "flex items-center justify-center text-center",
       line: "border-solid border-ui-fill/20",
-      container: "color-ui-cb/80 flex",
+      container: "color-ui-base/80 flex",
       icon: "shrink-0 size-5",
       label: ""
     },

package/dist/runtime/theme/skeleton.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    base: string;
+    slots: undefined;
+    variants: {};
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{}, undefined, "animate-pulse rounded-ui-base bg-soft-ui-cb/10">;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{}, undefined>;
+};
+export default _default;

package/dist/runtime/theme/skeleton.js

@@ -0,0 +1,7 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    base: "animate-pulse rounded-ui-base bg-soft-ui-cb/10"
+  }
+);

package/dist/runtime/theme/slider.js

@@ -11,7 +11,7 @@ export default ct(
       ],
       range: "absolute rounded-full bg-soft-ui-fill",
       thumb: [
-        "size-1em rounded-full bg-ui-cx ring-0.2em cursor-pointer focus-visible:outline-0.2em focus-visible:outline-offset-0.2em",
+        "size-1em rounded-full bg-ui-base ring-0.2em cursor-pointer focus-visible:outline-0.2em focus-visible:outline-offset-0.2em",
         "data-[disabled]:cursor-not-allowed",
         "ring-ui-fill outline-none focus-visible:outline-ui-fill/50"
       ]

package/dist/runtime/theme/switch.js

@@ -3,25 +3,25 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "relative flex items-start",
+      root: "relative inline-flex items-start",
       base: [
         "inline-flex items-center shrink-0 rounded-ui-switch border-2 border-transparent transition-colors duration-200",
-        "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80",
+        "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80",
         "data-[state=unchecked]:bg-soft-ui-cb/10 data-[state=checked]:bg-soft-ui-fill/80",
         "w-2.7em"
       ],
       container: "flex items-center h-1.5em",
       thumb: [
-        "group pointer-events-none rounded-ui-switch size-1.25em bg-ui-cx shadow-lg ring-0 transition-transform duration-200 flex items-center justify-center",
+        "group pointer-events-none rounded-ui-switch size-1.25em bg-ui-base shadow-lg ring-0 transition-transform duration-200 flex items-center justify-center",
         "data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:translate-x-0 data-[state=checked]:translate-x-1.25em data-[state=checked]:rtl:-translate-x-1.25em"
       ],
       icon: [
         "absolute shrink-0 opacity-0 size-10/12 transition-[color,opacity] duration-200",
-        "group-data-[state=unchecked]:color-ui-cb/50 group-data-[state=checked]:color-ui-base"
+        "group-data-[state=unchecked]:color-ui-base/50 group-data-[state=checked]:color-ui-base"
       ],
       wrapper: "ms-2",
-      label: "flex color-ui-cb/80",
-      description: "color-ui-cb/60"
+      label: "flex color-ui-base/80",
+      description: "color-ui-base/60"
     },
     variants: {
       size: {

package/dist/runtime/theme/table.js

@@ -7,22 +7,22 @@ export default ct(
       base: "min-w-full overflow-clip",
       caption: "sr-only",
       thead: "relative [&>tr]:after:absolute [&>tr]:after:inset-x-0 [&>tr]:after:bottom-0 [&>tr]:after:h-px [&>tr]:after:bg-ui-cb/20",
-      tbody: "divide-y divide-ui-cb/10",
+      tbody: "divide-y divide-ui-base/10",
       tr: "data-[selected=true]:bg-soft-ui-cb/50",
-      th: "px-4 py-3.5 text-sm color-ui-cb text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
-      td: "p-4 text-sm color-ui-cb/80 whitespace-nowrap [&:has([role=checkbox])]:pe-0",
-      empty: "py-6 text-center text-sm color-ui-cb/80"
+      th: "px-4 py-3.5 text-sm color-ui-base text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
+      td: "p-4 text-sm color-ui-base/80 whitespace-nowrap [&:has([role=checkbox])]:pe-0",
+      empty: "py-6 text-center text-sm color-ui-base/80"
     },
     variants: {
       sticky: {
         true: {
-          thead: "sticky z-1 top-0 inset-x-0 bg-ui-cx/90 backdrop-blur"
+          thead: "sticky z-1 top-0 inset-x-0 bg-ui-base/90 backdrop-blur"
         }
       },
       pinned: {
         true: {
-          th: "sticky bg-ui-cx/90 data-[pinned=left]:left-0 data-[pinned=right]:right-0",
-          td: "sticky bg-ui-cx/90 data-[pinned=left]:left-0 data-[pinned=right]:right-0"
+          th: "sticky bg-ui-base/90 data-[pinned=left]:left-0 data-[pinned=right]:right-0",
+          td: "sticky bg-ui-base/90 data-[pinned=left]:left-0 data-[pinned=right]:right-0"
         }
       },
       expanded: {

package/dist/runtime/theme/tabs.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
         indicator: string;
         trigger: string[];
         content: string;
-        prefixIcon: string;
+        leadingIcon: string;
         label: string;
     };
     variants: {
@@ -142,7 +142,7 @@ declare const _default: {
         indicator: string;
         trigger: string[];
         content: string;
-        prefixIcon: string;
+        leadingIcon: string;
         label: string;
     }, undefined>;
     defaultVariants: {

package/dist/runtime/theme/tabs.js

@@ -12,7 +12,7 @@ export default ct(
         "disabled:cursor-not-allowed disabled:opacity-50"
       ],
       content: "w-full focus:outline-none",
-      prefixIcon: "shrink-0 size-1.5em",
+      leadingIcon: "shrink-0 size-1.5em",
       label: "truncate"
     },
     variants: {
@@ -20,24 +20,24 @@ export default ct(
         "solid": {
           list: "bg-soft-ui-cb/5 rounded-ui-tabs",
           trigger: [
-            "data-[state=active]:color-ui-cx focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80",
-            "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
+            "data-[state=active]:color-ui-cx focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80",
+            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
           ],
           indicator: "bg-soft-ui-fill/90 rounded-ui-tabs shadow-sm"
         },
         "outline": {
           list: "bg-soft-ui-cb/5 rounded-ui-tabs",
           trigger: [
-            "data-[state=active]:color-ui-content focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-content/80",
-            "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
+            "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill/80",
+            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
           ],
-          indicator: "rounded-ui-tabs ring ring-inset ring-ui-content"
+          indicator: "rounded-ui-tabs ring ring-inset ring-ui-fill"
         },
         "soft": {
           list: "bg-soft-ui-cb/5 rounded-ui-tabs",
           trigger: [
             "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill",
-            "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
+            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
           ],
           indicator: "bg-soft-ui-fill/10 rounded-ui-tabs shadow-sm"
         },
@@ -45,16 +45,16 @@ export default ct(
           list: "bg-soft-ui-cb/5 rounded-ui-tabs",
           trigger: [
             "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill",
-            "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
+            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
           ],
-          indicator: "bg-soft-ui-fill/10 rounded-ui-tabs shadow-sm ring ring-inset ring-ui-content/30"
+          indicator: "bg-soft-ui-fill/10 rounded-ui-tabs shadow-sm ring ring-inset ring-ui-fill/30"
         },
         "link": {
-          list: "bg-soft-ui-cb/5 border-ui-cb/10",
+          list: "bg-soft-ui-cb/5 border-ui-base/10",
           indicator: "bg-soft-ui-fill rounded-full",
           trigger: [
             "data-[state=active]:color-ui-base focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-base",
-            "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
+            "data-[state=inactive]:color-ui-base/80 hover:data-[state=inactive]:not-disabled:color-ui-base"
           ]
         }
       },

package/dist/runtime/theme/textarea.js

@@ -5,7 +5,7 @@ export default ct(
     slots: {
       root: "rounded-ui-base transition-colors aria-disabled:opacity-50",
       base: [
-        "w-full color-inherit bg-transparent border-0 resize-none placeholder:color-ui-cb/50",
+        "w-full color-inherit bg-transparent border-0 resize-none placeholder:color-ui-base/50",
         "focus:outline-none",
         "disabled:cursor-not-allowed"
       ]
@@ -31,34 +31,34 @@ export default ct(
       variant: {
         "outline": {
           root: [
-            "color-ui-cb/80 bg-ui-cx ring ring-inset ring-ui-cb/30",
-            "focus-within:ring-2 focus-within:ring-ui-cb/50",
-            "aria-disabled:ring-ui-cb/80 hover:aria-disabled:ring-ui-cb/80"
+            "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30",
+            "focus-within:ring-2 focus-within:ring-ui-base/50",
+            "aria-disabled:ring-ui-base/80 hover:aria-disabled:ring-ui-base/80"
           ]
         },
         "soft": {
           root: [
-            "color-ui-cb/80 bg-soft-ui-cb/4",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-soft-ui-fill/5"
+            "color-ui-base/80 bg-soft-ui-cb/4",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
+            "aria-disabled:color-ui-fill/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "soft-outline": {
           root: [
-            "color-ui-cb/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-cb/30",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-soft-ui-fill/5"
+            "color-ui-base/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-base/30",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
+            "aria-disabled:color-ui-fill/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "ghost": {
           root: [
-            "color-ui-cb/80 bg-transparent",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "color-ui-base/80 bg-transparent",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
             "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
           ]
         },
         "none": {
-          root: "color-ui-cb bg-transparent"
+          root: "color-ui-base bg-transparent"
         }
       },
       underline: {

package/dist/runtime/theme/toast.js

@@ -3,15 +3,15 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "group relative overflow-hidden bg-ui-cx shadow-lg rounded-ui-box ring ring-ui-cb/5 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-cb/5",
+      root: "group relative overflow-hidden bg-ui-base shadow-lg rounded-ui-box ring ring-ui-base/5 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-base/5",
       wrapper: "w-0 flex-1 flex flex-col gap-1",
-      title: "text-base font-medium color-ui-cb",
-      description: "text-sm color-ui-cb/80",
-      icon: "shrink-0 size-6 color-ui-cb",
+      title: "text-base font-medium color-ui-base",
+      description: "text-sm color-ui-base/80",
+      icon: "shrink-0 size-1.25em color-ui-base",
       avatar: "shrink-0",
       avatarSize: "2xl",
       actions: "flex flex-wrap gap-1.5 shrink-0",
-      progress: "absolute inset-x-[var(--ui-radius-box)] bottom-0 h-1 z-[-1] color-ui-base/80 bg-current rounded-ui-base",
+      progress: "absolute inset-x-[var(--ui-radius-box)] bottom-0 h-1 z-[-1] color-ui-fill/80 bg-current rounded-ui-base",
       close: "p-0.5"
     },
     variants: {
@@ -22,7 +22,7 @@ export default ct(
         },
         vertical: {
           root: "items-start",
-          actions: "items-start mt-2.5"
+          actions: "items-start"
         }
       },
       title: {

package/dist/runtime/theme/tooltip.js

@@ -3,7 +3,7 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      content: "flex items-center gap-1 bg-ui-cx color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      content: "z-1 flex items-center gap-1 bg-ui-base color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
       arrow: "fill-ui-cx stroke-ui-cb/10",
       text: "truncate"
     }