@bitrix24/b24ui-nuxt 0.2.9 → 0.3.1

package/dist/shared/{b24ui-nuxt.0h2uYsyZ.mjs → b24ui-nuxt.CxFyzKH7.mjs}

@@ -1759,7 +1759,7 @@ const dropdownMenu = {
           "dark:text-red-150 dark:data-highlighted:text-red-200 dark:data-highlighted:before:bg-red-900 dark:data-[state=open]:text-red-200 dark:data-[state=open]:before:bg-red-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-red-500 group-data-highlighted:text-red-950 group-data-[state=open]:text-red-950",
+          "text-red-500 group-data-highlighted:text-red-900 group-data-[state=open]:text-red-900",
           "dark:text-red-700 dark:group-data-highlighted:text-red-150 dark:group-data-[state=open]:text-red-150"
         ].join(" ")
       }
@@ -1773,7 +1773,7 @@ const dropdownMenu = {
           "dark:text-red-200 dark:before:bg-red-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-red-950 group-data-[state=open]:text-red-950",
+          "text-red-900 group-data-[state=open]:text-red-900",
           "dark:text-red-700"
         ].join(" ")
       }
@@ -1787,7 +1787,7 @@ const dropdownMenu = {
           "dark:text-green-150 dark:data-highlighted:text-green-200 dark:data-highlighted:before:bg-green-900 dark:data-[state=open]:text-green-200 dark:data-[state=open]:before:bg-green-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-green-500 group-data-highlighted:text-green-950 group-data-[state=open]:text-green-950",
+          "text-green-500 group-data-highlighted:text-green-900 group-data-[state=open]:text-green-900",
           "dark:text-green-700 dark:group-data-highlighted:text-green-150 dark:group-data-[state=open]:text-green-150"
         ].join(" ")
       }
@@ -1801,7 +1801,7 @@ const dropdownMenu = {
           "dark:text-green-200 dark:before:bg-green-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-green-950 group-data-[state=open]:text-green-950",
+          "text-green-900 group-data-[state=open]:text-green-900",
           "dark:text-green-700"
         ].join(" ")
       }
@@ -1815,7 +1815,7 @@ const dropdownMenu = {
           "dark:text-orange-150 dark:data-highlighted:text-orange-200 dark:data-highlighted:before:bg-orange-900 dark:data-[state=open]:text-orange-200 dark:data-[state=open]:before:bg-orange-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-orange-500 group-data-highlighted:text-orange-950 group-data-[state=open]:text-orange-950",
+          "text-orange-500 group-data-highlighted:text-orange-900 group-data-[state=open]:text-orange-900",
           "dark:text-orange-700 dark:group-data-highlighted:text-orange-150 dark:group-data-[state=open]:text-orange-150"
         ].join(" ")
       }
@@ -1829,7 +1829,7 @@ const dropdownMenu = {
           "dark:text-orange-200 dark:before:bg-orange-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-orange-950 group-data-[state=open]:text-orange-950",
+          "text-orange-900 group-data-[state=open]:text-orange-900",
           "dark:text-orange-700"
         ].join(" ")
       }
@@ -1843,7 +1843,7 @@ const dropdownMenu = {
           "dark:text-blue-150 dark:data-highlighted:text-blue-200 dark:data-highlighted:before:bg-blue-900 dark:data-[state=open]:text-blue-200 dark:data-[state=open]:before:bg-blue-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-blue-500 group-data-highlighted:text-blue-950 group-data-[state=open]:text-blue-950",
+          "text-blue-500 group-data-highlighted:text-blue-900 group-data-[state=open]:text-blue-900",
           "dark:text-blue-700 dark:group-data-highlighted:text-blue-150 dark:group-data-[state=open]:text-blue-150"
         ].join(" ")
       }
@@ -1857,7 +1857,7 @@ const dropdownMenu = {
           "dark:text-blue-200 dark:before:bg-blue-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-blue-950 group-data-[state=open]:text-blue-950",
+          "text-blue-900 group-data-[state=open]:text-blue-900",
           "dark:text-blue-700"
         ].join(" ")
       }
@@ -1871,7 +1871,7 @@ const dropdownMenu = {
           "dark:text-cyan-150 dark:data-highlighted:text-cyan-200 dark:data-highlighted:before:bg-cyan-900 dark:data-[state=open]:text-cyan-200 dark:data-[state=open]:before:bg-cyan-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-cyan-500 group-data-highlighted:text-cyan-950 group-data-[state=open]:text-cyan-950",
+          "text-cyan-500 group-data-highlighted:text-cyan-900 group-data-[state=open]:text-cyan-900",
           "dark:text-cyan-700 dark:group-data-highlighted:text-cyan-150 dark:group-data-[state=open]:text-cyan-150"
         ].join(" ")
       }
@@ -1885,7 +1885,7 @@ const dropdownMenu = {
           "dark:text-cyan-200 dark:before:bg-cyan-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-cyan-950 group-data-[state=open]:text-cyan-950",
+          "text-cyan-900 group-data-[state=open]:text-cyan-900",
           "dark:text-cyan-700"
         ].join(" ")
       }
@@ -1895,11 +1895,11 @@ const dropdownMenu = {
       active: false,
       class: {
         item: [
-          "text-collab-950 data-highlighted:text-collab-900 data-highlighted:before:bg-collab-100 data-[state=open]:text-collab-900 data-[state=open]:before:bg-collab-100",
+          "text-collab-900 data-highlighted:text-collab-900 data-highlighted:before:bg-collab-100 data-[state=open]:text-collab-900 data-[state=open]:before:bg-collab-100",
           "dark:text-collab-150 dark:data-highlighted:text-collab-200 dark:data-highlighted:before:bg-collab-900 dark:data-[state=open]:text-collab-200 dark:data-[state=open]:before:bg-collab-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-collab-500 group-data-highlighted:text-collab-950 group-data-[state=open]:text-collab-950",
+          "text-collab-600 group-data-highlighted:text-collab-900 group-data-[state=open]:text-collab-900",
           "dark:text-collab-700 dark:group-data-highlighted:text-collab-150 dark:group-data-[state=open]:text-collab-150"
         ].join(" ")
       }
@@ -1913,7 +1913,7 @@ const dropdownMenu = {
           "dark:text-collab-200 dark:before:bg-collab-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-collab-950 group-data-[state=open]:text-collab-950",
+          "text-collab-900 group-data-[state=open]:text-collab-900",
           "dark:text-collab-700"
         ].join(" ")
       }
@@ -1927,7 +1927,7 @@ const dropdownMenu = {
           "dark:text-ai-150 dark:data-highlighted:text-ai-200 dark:data-highlighted:before:bg-ai-900 dark:data-[state=open]:text-ai-200 dark:data-[state=open]:before:bg-ai-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-ai-500 group-data-highlighted:text-ai-950 group-data-[state=open]:text-ai-950",
+          "text-ai-500 group-data-highlighted:text-ai-900 group-data-[state=open]:text-ai-900",
           "dark:text-ai-700 dark:group-data-highlighted:text-ai-150 dark:group-data-[state=open]:text-ai-150"
         ].join(" ")
       }
@@ -1941,7 +1941,7 @@ const dropdownMenu = {
           "dark:text-ai-200 dark:before:bg-ai-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-ai-950 group-data-[state=open]:text-ai-950",
+          "text-ai-900 group-data-[state=open]:text-ai-900",
           "dark:text-ai-700"
         ].join(" ")
       }
@@ -1982,7 +1982,7 @@ const formField = {
     },
     required: {
       true: {
-        label: "after:content-['*'] after:ms-0.5 after:text-red-500 after:dark:text-red-600"
+        label: "after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-600"
       }
     }
   },
@@ -2447,6 +2447,99 @@ const input = {
   }
 };
 
+const colorDropDownItem = {
+  colorItem: {
+    /**
+     * @memo not fill - use default data
+     */
+    default: "",
+    danger: {
+      item: [
+        "text-red-900 dark:text-red-150",
+        "data-highlighted:text-red-900 dark:data-highlighted:text-red-200 data-highlighted:before:bg-red-100 dark:data-highlighted:before:bg-red-900",
+        "data-[state=checked]:text-red-900 dark:data-[state=checked]:text-red-200 data-[state=checked]:before:bg-red-100 dark:data-[state=checked]:before:bg-red-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-red-600 dark:text-red-700",
+        "group-data-highlighted:text-red-900 dark:group-data-highlighted:text-red-150",
+        "group-data-[state=checked]:text-red-900 dark:group-data-[state=checked]:text-red-700"
+      ].join(" ")
+    },
+    success: {
+      item: [
+        "text-green-900 dark:text-green-150",
+        "data-highlighted:text-green-900 dark:data-highlighted:text-green-200 data-highlighted:before:bg-green-100 dark:data-highlighted:before:bg-green-900",
+        "data-[state=checked]:text-green-900 dark:data-[state=checked]:text-green-200 data-[state=checked]:before:bg-green-100 dark:data-[state=checked]:before:bg-green-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-green-600 dark:text-green-700",
+        "group-data-highlighted:text-green-900 dark:group-data-highlighted:text-green-150",
+        "group-data-[state=checked]:text-green-900 dark:group-data-[state=checked]:text-green-700"
+      ].join(" ")
+    },
+    warning: {
+      item: [
+        "text-orange-900 dark:text-orange-150",
+        "data-highlighted:text-orange-900 dark:data-highlighted:text-orange-200 data-highlighted:before:bg-orange-100 dark:data-highlighted:before:bg-orange-900",
+        "data-[state=checked]:text-orange-900 dark:data-[state=checked]:text-orange-200 data-[state=checked]:before:bg-orange-100 dark:data-[state=checked]:before:bg-orange-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-orange-600 dark:text-orange-700",
+        "group-data-highlighted:text-orange-900 dark:group-data-highlighted:text-orange-150",
+        "group-data-[state=checked]:text-orange-900 dark:group-data-[state=checked]:text-orange-700"
+      ].join(" ")
+    },
+    primary: {
+      item: [
+        "text-blue-900 dark:text-blue-150",
+        "data-highlighted:text-blue-900 dark:data-highlighted:text-blue-200 data-highlighted:before:bg-blue-100 dark:data-highlighted:before:bg-blue-900",
+        "data-[state=checked]:text-blue-900 dark:data-[state=checked]:text-blue-200 data-[state=checked]:before:bg-blue-100 dark:data-[state=checked]:before:bg-blue-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-blue-600 dark:text-blue-700",
+        "group-data-highlighted:text-blue-900 dark:group-data-highlighted:text-blue-150",
+        "group-data-[state=checked]:text-blue-900 dark:group-data-[state=checked]:text-blue-700"
+      ].join(" ")
+    },
+    secondary: {
+      item: [
+        "text-cyan-900 dark:text-cyan-150",
+        "data-highlighted:text-cyan-900 dark:data-highlighted:text-cyan-200 data-highlighted:before:bg-cyan-100 dark:data-highlighted:before:bg-cyan-900",
+        "data-[state=checked]:text-cyan-900 dark:data-[state=checked]:text-cyan-200 data-[state=checked]:before:bg-cyan-100 dark:data-[state=checked]:before:bg-cyan-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-cyan-600 dark:text-cyan-700",
+        "group-data-highlighted:text-cyan-900 dark:group-data-highlighted:text-cyan-150",
+        "group-data-[state=checked]:text-cyan-900 dark:group-data-[state=checked]:text-cyan-700"
+      ].join(" ")
+    },
+    collab: {
+      item: [
+        "text-collab-900 dark:text-collab-150",
+        "data-highlighted:text-collab-900 dark:data-highlighted:text-collab-200 data-highlighted:before:bg-collab-100 dark:data-highlighted:before:bg-collab-900",
+        "data-[state=checked]:text-collab-900 dark:data-[state=checked]:text-collab-200 data-[state=checked]:before:bg-collab-100 dark:data-[state=checked]:before:bg-collab-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-collab-600 dark:text-collab-700",
+        "group-data-highlighted:text-collab-900 dark:group-data-highlighted:text-collab-150",
+        "group-data-[state=checked]:text-collab-900 dark:group-data-[state=checked]:text-collab-700"
+      ].join(" ")
+    },
+    ai: {
+      item: [
+        "text-ai-900 dark:text-ai-150",
+        "data-highlighted:text-ai-900 dark:data-highlighted:text-ai-200 data-highlighted:before:bg-ai-100 dark:data-highlighted:before:bg-ai-900",
+        "data-[state=checked]:text-ai-900 dark:data-[state=checked]:text-ai-200 data-[state=checked]:before:bg-ai-100 dark:data-[state=checked]:before:bg-ai-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-ai-600 dark:text-ai-700",
+        "group-data-highlighted:text-ai-900 dark:group-data-highlighted:text-ai-150",
+        "group-data-[state=checked]:text-ai-900 dark:group-data-[state=checked]:text-ai-700"
+      ].join(" ")
+    }
+  }
+};
+
 const defSize$1 = {
   label: "h-9 ps-2 pe-3 text-sm gap-2",
   item: "h-9 ps-3 pe-3 text-sm gap-2",
@@ -2618,7 +2711,8 @@ const inputMenu = () => {
             tagsItemDeleteIcon: "size-3.5"
           }
         )
-      }
+      },
+      ...colorDropDownItem
     },
     compoundVariants: [
       // region Color ////
@@ -3158,8 +3252,8 @@ const modal = {
       "fixed bg-white dark:bg-base-950",
       "flex flex-col focus:outline-none"
     ].join(" "),
-    header: "flex items-center gap-1.5 pe-5 pt-0 min-h-lg2",
-    wrapper: "",
+    header: "flex items-center gap-1.5 pe-5 pt-0",
+    wrapper: "min-h-lg2",
     body: "flex-1 overflow-y-auto my-2.5 text-md leading-normal",
     footer: "flex items-center justify-center gap-3 mt-2.5 pt-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20",
     title: "font-bold text-md leading-normal text-base-900 dark:text-base-150",
@@ -3185,7 +3279,15 @@ const modal = {
           "ring ring-base-300 dark:ring-base-800"
         ].join(" ")
       }
+    },
+    scrollbarThin: {
+      true: {
+        body: "scrollbar-thin"
+      }
     }
+  },
+  defaultVariants: {
+    scrollbarThin: true
   }
 };
 
@@ -3809,10 +3911,10 @@ const select = () => {
           "transition-colors before:transition-colors"
         ].join(" "),
         itemLeadingIcon: [
-          "shrink-0 text-base-500 dark:text-base-700",
+          "shrink-0 transition-colors",
+          "text-base-500 dark:text-base-700",
           "group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
-          "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150",
-          "transition-colors"
+          "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150"
         ].join(" "),
         itemLeadingAvatar: "shrink-0",
         itemLeadingAvatarSize: "",
@@ -3829,7 +3931,8 @@ const select = () => {
           sm: defSize,
           md: defSize,
           lg: defSize
-        }
+        },
+        ...colorDropDownItem
       }
     },
     input
@@ -4759,7 +4862,7 @@ const textarea = {
 const toast = {
   slots: {
     root: [
-      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex gap-2.5 focus:outline-none",
+      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex items-center gap-2.5 focus:outline-none",
       "font-b24-primary",
       "dark:ring-2 dark:ring-base-900",
       "bg-base-ebony/80 dark:bg-base-dark",
@@ -4825,7 +4928,7 @@ const toast = {
         actions: "items-center"
       },
       vertical: {
-        root: "items-start",
+        root: "items-center",
         actions: "items-start mt-1"
       }
     },

package/dist/shared/{b24ui-nuxt.DcPkWX-m.cjs → b24ui-nuxt.DkKTVBhL.cjs}

@@ -1761,7 +1761,7 @@ const dropdownMenu = {
           "dark:text-red-150 dark:data-highlighted:text-red-200 dark:data-highlighted:before:bg-red-900 dark:data-[state=open]:text-red-200 dark:data-[state=open]:before:bg-red-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-red-500 group-data-highlighted:text-red-950 group-data-[state=open]:text-red-950",
+          "text-red-500 group-data-highlighted:text-red-900 group-data-[state=open]:text-red-900",
           "dark:text-red-700 dark:group-data-highlighted:text-red-150 dark:group-data-[state=open]:text-red-150"
         ].join(" ")
       }
@@ -1775,7 +1775,7 @@ const dropdownMenu = {
           "dark:text-red-200 dark:before:bg-red-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-red-950 group-data-[state=open]:text-red-950",
+          "text-red-900 group-data-[state=open]:text-red-900",
           "dark:text-red-700"
         ].join(" ")
       }
@@ -1789,7 +1789,7 @@ const dropdownMenu = {
           "dark:text-green-150 dark:data-highlighted:text-green-200 dark:data-highlighted:before:bg-green-900 dark:data-[state=open]:text-green-200 dark:data-[state=open]:before:bg-green-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-green-500 group-data-highlighted:text-green-950 group-data-[state=open]:text-green-950",
+          "text-green-500 group-data-highlighted:text-green-900 group-data-[state=open]:text-green-900",
           "dark:text-green-700 dark:group-data-highlighted:text-green-150 dark:group-data-[state=open]:text-green-150"
         ].join(" ")
       }
@@ -1803,7 +1803,7 @@ const dropdownMenu = {
           "dark:text-green-200 dark:before:bg-green-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-green-950 group-data-[state=open]:text-green-950",
+          "text-green-900 group-data-[state=open]:text-green-900",
           "dark:text-green-700"
         ].join(" ")
       }
@@ -1817,7 +1817,7 @@ const dropdownMenu = {
           "dark:text-orange-150 dark:data-highlighted:text-orange-200 dark:data-highlighted:before:bg-orange-900 dark:data-[state=open]:text-orange-200 dark:data-[state=open]:before:bg-orange-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-orange-500 group-data-highlighted:text-orange-950 group-data-[state=open]:text-orange-950",
+          "text-orange-500 group-data-highlighted:text-orange-900 group-data-[state=open]:text-orange-900",
           "dark:text-orange-700 dark:group-data-highlighted:text-orange-150 dark:group-data-[state=open]:text-orange-150"
         ].join(" ")
       }
@@ -1831,7 +1831,7 @@ const dropdownMenu = {
           "dark:text-orange-200 dark:before:bg-orange-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-orange-950 group-data-[state=open]:text-orange-950",
+          "text-orange-900 group-data-[state=open]:text-orange-900",
           "dark:text-orange-700"
         ].join(" ")
       }
@@ -1845,7 +1845,7 @@ const dropdownMenu = {
           "dark:text-blue-150 dark:data-highlighted:text-blue-200 dark:data-highlighted:before:bg-blue-900 dark:data-[state=open]:text-blue-200 dark:data-[state=open]:before:bg-blue-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-blue-500 group-data-highlighted:text-blue-950 group-data-[state=open]:text-blue-950",
+          "text-blue-500 group-data-highlighted:text-blue-900 group-data-[state=open]:text-blue-900",
           "dark:text-blue-700 dark:group-data-highlighted:text-blue-150 dark:group-data-[state=open]:text-blue-150"
         ].join(" ")
       }
@@ -1859,7 +1859,7 @@ const dropdownMenu = {
           "dark:text-blue-200 dark:before:bg-blue-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-blue-950 group-data-[state=open]:text-blue-950",
+          "text-blue-900 group-data-[state=open]:text-blue-900",
           "dark:text-blue-700"
         ].join(" ")
       }
@@ -1873,7 +1873,7 @@ const dropdownMenu = {
           "dark:text-cyan-150 dark:data-highlighted:text-cyan-200 dark:data-highlighted:before:bg-cyan-900 dark:data-[state=open]:text-cyan-200 dark:data-[state=open]:before:bg-cyan-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-cyan-500 group-data-highlighted:text-cyan-950 group-data-[state=open]:text-cyan-950",
+          "text-cyan-500 group-data-highlighted:text-cyan-900 group-data-[state=open]:text-cyan-900",
           "dark:text-cyan-700 dark:group-data-highlighted:text-cyan-150 dark:group-data-[state=open]:text-cyan-150"
         ].join(" ")
       }
@@ -1887,7 +1887,7 @@ const dropdownMenu = {
           "dark:text-cyan-200 dark:before:bg-cyan-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-cyan-950 group-data-[state=open]:text-cyan-950",
+          "text-cyan-900 group-data-[state=open]:text-cyan-900",
           "dark:text-cyan-700"
         ].join(" ")
       }
@@ -1897,11 +1897,11 @@ const dropdownMenu = {
       active: false,
       class: {
         item: [
-          "text-collab-950 data-highlighted:text-collab-900 data-highlighted:before:bg-collab-100 data-[state=open]:text-collab-900 data-[state=open]:before:bg-collab-100",
+          "text-collab-900 data-highlighted:text-collab-900 data-highlighted:before:bg-collab-100 data-[state=open]:text-collab-900 data-[state=open]:before:bg-collab-100",
           "dark:text-collab-150 dark:data-highlighted:text-collab-200 dark:data-highlighted:before:bg-collab-900 dark:data-[state=open]:text-collab-200 dark:data-[state=open]:before:bg-collab-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-collab-500 group-data-highlighted:text-collab-950 group-data-[state=open]:text-collab-950",
+          "text-collab-600 group-data-highlighted:text-collab-900 group-data-[state=open]:text-collab-900",
           "dark:text-collab-700 dark:group-data-highlighted:text-collab-150 dark:group-data-[state=open]:text-collab-150"
         ].join(" ")
       }
@@ -1915,7 +1915,7 @@ const dropdownMenu = {
           "dark:text-collab-200 dark:before:bg-collab-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-collab-950 group-data-[state=open]:text-collab-950",
+          "text-collab-900 group-data-[state=open]:text-collab-900",
           "dark:text-collab-700"
         ].join(" ")
       }
@@ -1929,7 +1929,7 @@ const dropdownMenu = {
           "dark:text-ai-150 dark:data-highlighted:text-ai-200 dark:data-highlighted:before:bg-ai-900 dark:data-[state=open]:text-ai-200 dark:data-[state=open]:before:bg-ai-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-ai-500 group-data-highlighted:text-ai-950 group-data-[state=open]:text-ai-950",
+          "text-ai-500 group-data-highlighted:text-ai-900 group-data-[state=open]:text-ai-900",
           "dark:text-ai-700 dark:group-data-highlighted:text-ai-150 dark:group-data-[state=open]:text-ai-150"
         ].join(" ")
       }
@@ -1943,7 +1943,7 @@ const dropdownMenu = {
           "dark:text-ai-200 dark:before:bg-ai-900"
         ].join(" "),
         itemLeadingIcon: [
-          "text-ai-950 group-data-[state=open]:text-ai-950",
+          "text-ai-900 group-data-[state=open]:text-ai-900",
           "dark:text-ai-700"
         ].join(" ")
       }
@@ -1984,7 +1984,7 @@ const formField = {
     },
     required: {
       true: {
-        label: "after:content-['*'] after:ms-0.5 after:text-red-500 after:dark:text-red-600"
+        label: "after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-600"
       }
     }
   },
@@ -2449,6 +2449,99 @@ const input = {
   }
 };
 
+const colorDropDownItem = {
+  colorItem: {
+    /**
+     * @memo not fill - use default data
+     */
+    default: "",
+    danger: {
+      item: [
+        "text-red-900 dark:text-red-150",
+        "data-highlighted:text-red-900 dark:data-highlighted:text-red-200 data-highlighted:before:bg-red-100 dark:data-highlighted:before:bg-red-900",
+        "data-[state=checked]:text-red-900 dark:data-[state=checked]:text-red-200 data-[state=checked]:before:bg-red-100 dark:data-[state=checked]:before:bg-red-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-red-600 dark:text-red-700",
+        "group-data-highlighted:text-red-900 dark:group-data-highlighted:text-red-150",
+        "group-data-[state=checked]:text-red-900 dark:group-data-[state=checked]:text-red-700"
+      ].join(" ")
+    },
+    success: {
+      item: [
+        "text-green-900 dark:text-green-150",
+        "data-highlighted:text-green-900 dark:data-highlighted:text-green-200 data-highlighted:before:bg-green-100 dark:data-highlighted:before:bg-green-900",
+        "data-[state=checked]:text-green-900 dark:data-[state=checked]:text-green-200 data-[state=checked]:before:bg-green-100 dark:data-[state=checked]:before:bg-green-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-green-600 dark:text-green-700",
+        "group-data-highlighted:text-green-900 dark:group-data-highlighted:text-green-150",
+        "group-data-[state=checked]:text-green-900 dark:group-data-[state=checked]:text-green-700"
+      ].join(" ")
+    },
+    warning: {
+      item: [
+        "text-orange-900 dark:text-orange-150",
+        "data-highlighted:text-orange-900 dark:data-highlighted:text-orange-200 data-highlighted:before:bg-orange-100 dark:data-highlighted:before:bg-orange-900",
+        "data-[state=checked]:text-orange-900 dark:data-[state=checked]:text-orange-200 data-[state=checked]:before:bg-orange-100 dark:data-[state=checked]:before:bg-orange-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-orange-600 dark:text-orange-700",
+        "group-data-highlighted:text-orange-900 dark:group-data-highlighted:text-orange-150",
+        "group-data-[state=checked]:text-orange-900 dark:group-data-[state=checked]:text-orange-700"
+      ].join(" ")
+    },
+    primary: {
+      item: [
+        "text-blue-900 dark:text-blue-150",
+        "data-highlighted:text-blue-900 dark:data-highlighted:text-blue-200 data-highlighted:before:bg-blue-100 dark:data-highlighted:before:bg-blue-900",
+        "data-[state=checked]:text-blue-900 dark:data-[state=checked]:text-blue-200 data-[state=checked]:before:bg-blue-100 dark:data-[state=checked]:before:bg-blue-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-blue-600 dark:text-blue-700",
+        "group-data-highlighted:text-blue-900 dark:group-data-highlighted:text-blue-150",
+        "group-data-[state=checked]:text-blue-900 dark:group-data-[state=checked]:text-blue-700"
+      ].join(" ")
+    },
+    secondary: {
+      item: [
+        "text-cyan-900 dark:text-cyan-150",
+        "data-highlighted:text-cyan-900 dark:data-highlighted:text-cyan-200 data-highlighted:before:bg-cyan-100 dark:data-highlighted:before:bg-cyan-900",
+        "data-[state=checked]:text-cyan-900 dark:data-[state=checked]:text-cyan-200 data-[state=checked]:before:bg-cyan-100 dark:data-[state=checked]:before:bg-cyan-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-cyan-600 dark:text-cyan-700",
+        "group-data-highlighted:text-cyan-900 dark:group-data-highlighted:text-cyan-150",
+        "group-data-[state=checked]:text-cyan-900 dark:group-data-[state=checked]:text-cyan-700"
+      ].join(" ")
+    },
+    collab: {
+      item: [
+        "text-collab-900 dark:text-collab-150",
+        "data-highlighted:text-collab-900 dark:data-highlighted:text-collab-200 data-highlighted:before:bg-collab-100 dark:data-highlighted:before:bg-collab-900",
+        "data-[state=checked]:text-collab-900 dark:data-[state=checked]:text-collab-200 data-[state=checked]:before:bg-collab-100 dark:data-[state=checked]:before:bg-collab-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-collab-600 dark:text-collab-700",
+        "group-data-highlighted:text-collab-900 dark:group-data-highlighted:text-collab-150",
+        "group-data-[state=checked]:text-collab-900 dark:group-data-[state=checked]:text-collab-700"
+      ].join(" ")
+    },
+    ai: {
+      item: [
+        "text-ai-900 dark:text-ai-150",
+        "data-highlighted:text-ai-900 dark:data-highlighted:text-ai-200 data-highlighted:before:bg-ai-100 dark:data-highlighted:before:bg-ai-900",
+        "data-[state=checked]:text-ai-900 dark:data-[state=checked]:text-ai-200 data-[state=checked]:before:bg-ai-100 dark:data-[state=checked]:before:bg-ai-900"
+      ].join(" "),
+      itemLeadingIcon: [
+        "text-ai-600 dark:text-ai-700",
+        "group-data-highlighted:text-ai-900 dark:group-data-highlighted:text-ai-150",
+        "group-data-[state=checked]:text-ai-900 dark:group-data-[state=checked]:text-ai-700"
+      ].join(" ")
+    }
+  }
+};
+
 const defSize$1 = {
   label: "h-9 ps-2 pe-3 text-sm gap-2",
   item: "h-9 ps-3 pe-3 text-sm gap-2",
@@ -2620,7 +2713,8 @@ const inputMenu = () => {
             tagsItemDeleteIcon: "size-3.5"
           }
         )
-      }
+      },
+      ...colorDropDownItem
     },
     compoundVariants: [
       // region Color ////
@@ -3160,8 +3254,8 @@ const modal = {
       "fixed bg-white dark:bg-base-950",
       "flex flex-col focus:outline-none"
     ].join(" "),
-    header: "flex items-center gap-1.5 pe-5 pt-0 min-h-lg2",
-    wrapper: "",
+    header: "flex items-center gap-1.5 pe-5 pt-0",
+    wrapper: "min-h-lg2",
     body: "flex-1 overflow-y-auto my-2.5 text-md leading-normal",
     footer: "flex items-center justify-center gap-3 mt-2.5 pt-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20",
     title: "font-bold text-md leading-normal text-base-900 dark:text-base-150",
@@ -3187,7 +3281,15 @@ const modal = {
           "ring ring-base-300 dark:ring-base-800"
         ].join(" ")
       }
+    },
+    scrollbarThin: {
+      true: {
+        body: "scrollbar-thin"
+      }
     }
+  },
+  defaultVariants: {
+    scrollbarThin: true
   }
 };
 
@@ -3811,10 +3913,10 @@ const select = () => {
           "transition-colors before:transition-colors"
         ].join(" "),
         itemLeadingIcon: [
-          "shrink-0 text-base-500 dark:text-base-700",
+          "shrink-0 transition-colors",
+          "text-base-500 dark:text-base-700",
           "group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
-          "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150",
-          "transition-colors"
+          "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150"
         ].join(" "),
         itemLeadingAvatar: "shrink-0",
         itemLeadingAvatarSize: "",
@@ -3831,7 +3933,8 @@ const select = () => {
           sm: defSize,
           md: defSize,
           lg: defSize
-        }
+        },
+        ...colorDropDownItem
       }
     },
     input
@@ -4761,7 +4864,7 @@ const textarea = {
 const toast = {
   slots: {
     root: [
-      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex gap-2.5 focus:outline-none",
+      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex items-center gap-2.5 focus:outline-none",
       "font-b24-primary",
       "dark:ring-2 dark:ring-base-900",
       "bg-base-ebony/80 dark:bg-base-dark",
@@ -4827,7 +4930,7 @@ const toast = {
         actions: "items-center"
       },
       vertical: {
-        root: "items-start",
+        root: "items-center",
         actions: "items-start mt-1"
       }
     },

package/dist/unplugin.cjs

@@ -5,7 +5,7 @@ const pathe = require('pathe');
 const unplugin = require('unplugin');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/b24ui-nuxt.DcPkWX-m.cjs');
+const templates = require('./shared/b24ui-nuxt.DkKTVBhL.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.0h2uYsyZ.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CxFyzKH7.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.DcPkWX-m.cjs');
+require('./shared/b24ui-nuxt.DkKTVBhL.cjs');
 require('scule');
 require('@nuxt/kit');
 require('tinyglobby');

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.0h2uYsyZ.mjs';
+import './shared/b24ui-nuxt.CxFyzKH7.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';