@shuriken-ui/tailwind 3.1.1 → 3.1.3

package/dist/plugins/index.cjs

@@ -7462,80 +7462,6 @@ const dropdown = plugin__default(({ addComponents, theme }) => {
         //Transition
         [`@apply transition-${config2.button.chevron.transition.property} duration-${config2.button.chevron.transition.duration}`]: {}
       },
-      //Dropdown:menu
-      ".nui-dropdown-menu": {
-        //Base
-        "@apply absolute z-50 mt-2 focus:outline-none": {},
-        //Shadow
-        [`@apply shadow-${config2.menu.shadow.size} shadow-${config2.menu.shadow.light} dark:shadow-${config2.menu.shadow.dark}`]: {},
-        //Menu:header
-        ".nui-menu-header": {
-          "@apply px-4 pt-5": {}
-        },
-        //Header:inner
-        ".nui-menu-header-inner": {
-          "@apply relative flex items-center justify-between": {}
-        },
-        //Header:title
-        ".nui-menu-header-title": {
-          //Base
-          [`@apply font-${config2.menu.header.title.font.family} font-${config2.menu.header.title.font.weight} text-${config2.menu.header.title.font.size} uppercase`]: {},
-          //Color
-          [`@apply text-${config2.menu.header.title.font.color.light} dark:text-${config2.menu.header.title.font.color.dark}`]: {}
-        },
-        //Menu:content
-        ".nui-menu-content": {
-          "@apply p-2 space-y-1": {}
-        },
-        //Size:md
-        "&.nui-menu-md": {
-          "@apply w-56": {}
-        },
-        //Size:lg
-        "&.nui-menu-lg": {
-          "@apply w-72": {}
-        },
-        //Rounded:sm
-        "&.nui-menu-rounded-sm": {
-          [`@apply ${config2.menu.rounded.sm}`]: {}
-        },
-        //Rounded:md
-        "&.nui-menu-rounded-md": {
-          [`@apply ${config2.menu.rounded.md}`]: {}
-        },
-        //Rounded:lg
-        "&.nui-menu-rounded-lg": {
-          [`@apply ${config2.menu.rounded.lg}`]: {}
-        },
-        //Color:default
-        "&.nui-menu-default": {
-          //Border
-          [`@apply border border-${config2.menu.color.default.border.light} dark:border-${config2.menu.color.default.border.dark}`]: {},
-          //Background
-          [`@apply bg-${config2.menu.color.default.background.light} dark:bg-${config2.menu.color.default.background.dark}`]: {}
-        },
-        //Color:default-contrast
-        "&.nui-menu-default-contrast": {
-          //Border
-          [`@apply border border-${config2.menu.color.defaultContrast.border.light} dark:border-${config2.menu.color.defaultContrast.border.dark}`]: {},
-          //Background
-          [`@apply bg-${config2.menu.color.defaultContrast.background.light} dark:bg-${config2.menu.color.defaultContrast.background.dark}`]: {}
-        },
-        //Color:muted
-        "&.nui-menu-muted": {
-          //Border
-          [`@apply border border-${config2.menu.color.muted.border.light} dark:border-${config2.menu.color.muted.border.dark}`]: {},
-          //Background
-          [`@apply bg-${config2.menu.color.muted.background.light} dark:bg-${config2.menu.color.muted.background.dark}`]: {}
-        },
-        //Color:muted-contrast
-        "&.nui-menu-muted-contrast": {
-          //Border
-          [`@apply border border-${config2.menu.color.mutedContrast.border.light} dark:border-${config2.menu.color.mutedContrast.border.dark}`]: {},
-          //Background
-          [`@apply bg-${config2.menu.color.mutedContrast.background.light} dark:bg-${config2.menu.color.mutedContrast.background.dark}`]: {}
-        }
-      },
       //Orientation:start
       "&.nui-dropdown-start": {
         ".nui-dropdown-menu": {
@@ -7554,6 +7480,80 @@ const dropdown = plugin__default(({ addComponents, theme }) => {
           [`@apply ring-offset-${config2.button.context.ring.offset.size} ring-${config2.button.context.ring.color.hover.light} dark:ring-${config2.button.context.ring.color.hover.dark}`]: {}
         }
       }
+    },
+    //Dropdown:menu
+    ".nui-dropdown-menu": {
+      //Base
+      "@apply absolute z-50 mt-2 focus:outline-none": {},
+      //Shadow
+      [`@apply shadow-${config2.menu.shadow.size} shadow-${config2.menu.shadow.light} dark:shadow-${config2.menu.shadow.dark}`]: {},
+      //Menu:header
+      ".nui-menu-header": {
+        "@apply px-4 pt-5": {}
+      },
+      //Header:inner
+      ".nui-menu-header-inner": {
+        "@apply relative flex items-center justify-between": {}
+      },
+      //Header:title
+      ".nui-menu-header-title": {
+        //Base
+        [`@apply font-${config2.menu.header.title.font.family} font-${config2.menu.header.title.font.weight} text-${config2.menu.header.title.font.size} uppercase`]: {},
+        //Color
+        [`@apply text-${config2.menu.header.title.font.color.light} dark:text-${config2.menu.header.title.font.color.dark}`]: {}
+      },
+      //Menu:content
+      ".nui-menu-content": {
+        "@apply p-2 space-y-1": {}
+      },
+      //Size:md
+      "&.nui-menu-md": {
+        "@apply w-56": {}
+      },
+      //Size:lg
+      "&.nui-menu-lg": {
+        "@apply w-72": {}
+      },
+      //Rounded:sm
+      "&.nui-menu-rounded-sm": {
+        [`@apply ${config2.menu.rounded.sm}`]: {}
+      },
+      //Rounded:md
+      "&.nui-menu-rounded-md": {
+        [`@apply ${config2.menu.rounded.md}`]: {}
+      },
+      //Rounded:lg
+      "&.nui-menu-rounded-lg": {
+        [`@apply ${config2.menu.rounded.lg}`]: {}
+      },
+      //Color:default
+      "&.nui-menu-default": {
+        //Border
+        [`@apply border border-${config2.menu.color.default.border.light} dark:border-${config2.menu.color.default.border.dark}`]: {},
+        //Background
+        [`@apply bg-${config2.menu.color.default.background.light} dark:bg-${config2.menu.color.default.background.dark}`]: {}
+      },
+      //Color:default-contrast
+      "&.nui-menu-default-contrast": {
+        //Border
+        [`@apply border border-${config2.menu.color.defaultContrast.border.light} dark:border-${config2.menu.color.defaultContrast.border.dark}`]: {},
+        //Background
+        [`@apply bg-${config2.menu.color.defaultContrast.background.light} dark:bg-${config2.menu.color.defaultContrast.background.dark}`]: {}
+      },
+      //Color:muted
+      "&.nui-menu-muted": {
+        //Border
+        [`@apply border border-${config2.menu.color.muted.border.light} dark:border-${config2.menu.color.muted.border.dark}`]: {},
+        //Background
+        [`@apply bg-${config2.menu.color.muted.background.light} dark:bg-${config2.menu.color.muted.background.dark}`]: {}
+      },
+      //Color:muted-contrast
+      "&.nui-menu-muted-contrast": {
+        //Border
+        [`@apply border border-${config2.menu.color.mutedContrast.border.light} dark:border-${config2.menu.color.mutedContrast.border.dark}`]: {},
+        //Background
+        [`@apply bg-${config2.menu.color.mutedContrast.background.light} dark:bg-${config2.menu.color.mutedContrast.background.dark}`]: {}
+      }
     }
   });
 }, config$F);
@@ -11162,7 +11162,7 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
       },
       //Input:buttons
       ".nui-input-number-buttons": {
-        "@apply absolute top-1 end-1 flex": {}
+        "@apply absolute top-1 end-1 flex z-10": {}
       },
       //Buttons:button
       ".nui-input-number-buttons > button": {

package/dist/plugins/index.mjs

@@ -7456,80 +7456,6 @@ const dropdown = plugin(({ addComponents, theme }) => {
         //Transition
         [`@apply transition-${config2.button.chevron.transition.property} duration-${config2.button.chevron.transition.duration}`]: {}
       },
-      //Dropdown:menu
-      ".nui-dropdown-menu": {
-        //Base
-        "@apply absolute z-50 mt-2 focus:outline-none": {},
-        //Shadow
-        [`@apply shadow-${config2.menu.shadow.size} shadow-${config2.menu.shadow.light} dark:shadow-${config2.menu.shadow.dark}`]: {},
-        //Menu:header
-        ".nui-menu-header": {
-          "@apply px-4 pt-5": {}
-        },
-        //Header:inner
-        ".nui-menu-header-inner": {
-          "@apply relative flex items-center justify-between": {}
-        },
-        //Header:title
-        ".nui-menu-header-title": {
-          //Base
-          [`@apply font-${config2.menu.header.title.font.family} font-${config2.menu.header.title.font.weight} text-${config2.menu.header.title.font.size} uppercase`]: {},
-          //Color
-          [`@apply text-${config2.menu.header.title.font.color.light} dark:text-${config2.menu.header.title.font.color.dark}`]: {}
-        },
-        //Menu:content
-        ".nui-menu-content": {
-          "@apply p-2 space-y-1": {}
-        },
-        //Size:md
-        "&.nui-menu-md": {
-          "@apply w-56": {}
-        },
-        //Size:lg
-        "&.nui-menu-lg": {
-          "@apply w-72": {}
-        },
-        //Rounded:sm
-        "&.nui-menu-rounded-sm": {
-          [`@apply ${config2.menu.rounded.sm}`]: {}
-        },
-        //Rounded:md
-        "&.nui-menu-rounded-md": {
-          [`@apply ${config2.menu.rounded.md}`]: {}
-        },
-        //Rounded:lg
-        "&.nui-menu-rounded-lg": {
-          [`@apply ${config2.menu.rounded.lg}`]: {}
-        },
-        //Color:default
-        "&.nui-menu-default": {
-          //Border
-          [`@apply border border-${config2.menu.color.default.border.light} dark:border-${config2.menu.color.default.border.dark}`]: {},
-          //Background
-          [`@apply bg-${config2.menu.color.default.background.light} dark:bg-${config2.menu.color.default.background.dark}`]: {}
-        },
-        //Color:default-contrast
-        "&.nui-menu-default-contrast": {
-          //Border
-          [`@apply border border-${config2.menu.color.defaultContrast.border.light} dark:border-${config2.menu.color.defaultContrast.border.dark}`]: {},
-          //Background
-          [`@apply bg-${config2.menu.color.defaultContrast.background.light} dark:bg-${config2.menu.color.defaultContrast.background.dark}`]: {}
-        },
-        //Color:muted
-        "&.nui-menu-muted": {
-          //Border
-          [`@apply border border-${config2.menu.color.muted.border.light} dark:border-${config2.menu.color.muted.border.dark}`]: {},
-          //Background
-          [`@apply bg-${config2.menu.color.muted.background.light} dark:bg-${config2.menu.color.muted.background.dark}`]: {}
-        },
-        //Color:muted-contrast
-        "&.nui-menu-muted-contrast": {
-          //Border
-          [`@apply border border-${config2.menu.color.mutedContrast.border.light} dark:border-${config2.menu.color.mutedContrast.border.dark}`]: {},
-          //Background
-          [`@apply bg-${config2.menu.color.mutedContrast.background.light} dark:bg-${config2.menu.color.mutedContrast.background.dark}`]: {}
-        }
-      },
       //Orientation:start
       "&.nui-dropdown-start": {
         ".nui-dropdown-menu": {
@@ -7548,6 +7474,80 @@ const dropdown = plugin(({ addComponents, theme }) => {
           [`@apply ring-offset-${config2.button.context.ring.offset.size} ring-${config2.button.context.ring.color.hover.light} dark:ring-${config2.button.context.ring.color.hover.dark}`]: {}
         }
       }
+    },
+    //Dropdown:menu
+    ".nui-dropdown-menu": {
+      //Base
+      "@apply absolute z-50 mt-2 focus:outline-none": {},
+      //Shadow
+      [`@apply shadow-${config2.menu.shadow.size} shadow-${config2.menu.shadow.light} dark:shadow-${config2.menu.shadow.dark}`]: {},
+      //Menu:header
+      ".nui-menu-header": {
+        "@apply px-4 pt-5": {}
+      },
+      //Header:inner
+      ".nui-menu-header-inner": {
+        "@apply relative flex items-center justify-between": {}
+      },
+      //Header:title
+      ".nui-menu-header-title": {
+        //Base
+        [`@apply font-${config2.menu.header.title.font.family} font-${config2.menu.header.title.font.weight} text-${config2.menu.header.title.font.size} uppercase`]: {},
+        //Color
+        [`@apply text-${config2.menu.header.title.font.color.light} dark:text-${config2.menu.header.title.font.color.dark}`]: {}
+      },
+      //Menu:content
+      ".nui-menu-content": {
+        "@apply p-2 space-y-1": {}
+      },
+      //Size:md
+      "&.nui-menu-md": {
+        "@apply w-56": {}
+      },
+      //Size:lg
+      "&.nui-menu-lg": {
+        "@apply w-72": {}
+      },
+      //Rounded:sm
+      "&.nui-menu-rounded-sm": {
+        [`@apply ${config2.menu.rounded.sm}`]: {}
+      },
+      //Rounded:md
+      "&.nui-menu-rounded-md": {
+        [`@apply ${config2.menu.rounded.md}`]: {}
+      },
+      //Rounded:lg
+      "&.nui-menu-rounded-lg": {
+        [`@apply ${config2.menu.rounded.lg}`]: {}
+      },
+      //Color:default
+      "&.nui-menu-default": {
+        //Border
+        [`@apply border border-${config2.menu.color.default.border.light} dark:border-${config2.menu.color.default.border.dark}`]: {},
+        //Background
+        [`@apply bg-${config2.menu.color.default.background.light} dark:bg-${config2.menu.color.default.background.dark}`]: {}
+      },
+      //Color:default-contrast
+      "&.nui-menu-default-contrast": {
+        //Border
+        [`@apply border border-${config2.menu.color.defaultContrast.border.light} dark:border-${config2.menu.color.defaultContrast.border.dark}`]: {},
+        //Background
+        [`@apply bg-${config2.menu.color.defaultContrast.background.light} dark:bg-${config2.menu.color.defaultContrast.background.dark}`]: {}
+      },
+      //Color:muted
+      "&.nui-menu-muted": {
+        //Border
+        [`@apply border border-${config2.menu.color.muted.border.light} dark:border-${config2.menu.color.muted.border.dark}`]: {},
+        //Background
+        [`@apply bg-${config2.menu.color.muted.background.light} dark:bg-${config2.menu.color.muted.background.dark}`]: {}
+      },
+      //Color:muted-contrast
+      "&.nui-menu-muted-contrast": {
+        //Border
+        [`@apply border border-${config2.menu.color.mutedContrast.border.light} dark:border-${config2.menu.color.mutedContrast.border.dark}`]: {},
+        //Background
+        [`@apply bg-${config2.menu.color.mutedContrast.background.light} dark:bg-${config2.menu.color.mutedContrast.background.dark}`]: {}
+      }
     }
   });
 }, config$F);
@@ -11156,7 +11156,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
       },
       //Input:buttons
       ".nui-input-number-buttons": {
-        "@apply absolute top-1 end-1 flex": {}
+        "@apply absolute top-1 end-1 flex z-10": {}
       },
       //Buttons:button
       ".nui-input-number-buttons > button": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuriken-ui/tailwind",
-  "version": "3.1.1",
+  "version": "3.1.3",
   "license": "MIT",
   "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
   "repository": "shuriken-ui/tailwind",