@shuriken-ui/tailwind 3.0.4 → 3.1.1

package/dist/plugins/index.mjs

@@ -681,6 +681,23 @@ const defaultConfig$R = {
       clear: {
         size: "12"
       }
+    },
+    xl: {
+      font: {
+        size: "sm"
+      },
+      icon: {
+        size: {
+          inner: "5",
+          outer: "14"
+        }
+      },
+      placeload: {
+        size: "14"
+      },
+      clear: {
+        size: "14"
+      }
     }
   },
   color: {
@@ -870,6 +887,11 @@ const defaultConfig$R = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -896,6 +918,15 @@ const defaultConfig$R = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -913,6 +944,11 @@ const defaultConfig$R = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -942,6 +978,15 @@ const defaultConfig$R = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -1200,6 +1245,27 @@ const autocomplete = plugin(({ addComponents, theme }) => {
           [`@apply h-${config2.size.lg.clear.size} w-${config2.size.lg.clear.size}`]: {}
         }
       },
+      //Size:xl
+      "&.nui-autocomplete-xl": {
+        ".nui-autocomplete-label": {
+          [`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
+        },
+        ".nui-label-float": {
+          "@apply top-[1.1rem]": {}
+        },
+        ".nui-autocomplete-icon": {
+          [`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
+          ".nui-autocomplete-icon-inner": {
+            [`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
+          }
+        },
+        ".nui-autocomplete-placeload": {
+          [`@apply h-${config2.size.xl.placeload.size}`]: {}
+        },
+        ".nui-autocomplete-clear": {
+          [`@apply h-${config2.size.xl.clear.size} w-${config2.size.xl.clear.size}`]: {}
+        }
+      },
       //Color:default
       "&.nui-autocomplete-default": {
         ".nui-autocomplete-input": {
@@ -1380,6 +1446,18 @@ const autocomplete = plugin(({ addComponents, theme }) => {
           [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
         }
       },
+      //Size:xl without icon
+      "&:not(.nui-has-icon).nui-autocomplete-xl": {
+        ".nui-autocomplete-input": {
+          [`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
+        }
+      },
+      //Size:xl with icon
+      "&.nui-has-icon.nui-autocomplete-xl": {
+        ".nui-autocomplete-input": {
+          [`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
+        }
+      },
       //Size:sm without icon and label float
       "&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-sm": {
         ".nui-label-float": {
@@ -1431,7 +1509,7 @@ const autocomplete = plugin(({ addComponents, theme }) => {
       //Size:lg without icon and label float
       "&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-lg": {
         ".nui-label-float": {
-          [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
+          [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
         },
         ".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
           [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
@@ -1443,7 +1521,7 @@ const autocomplete = plugin(({ addComponents, theme }) => {
       //Size:lg with icon and label float
       "&.nui-autocomplete-label-float.nui-has-icon.nui-autocomplete-lg": {
         ".nui-label-float": {
-          [`@apply start-11 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
+          [`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
         },
         ".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
           [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
@@ -1451,6 +1529,30 @@ const autocomplete = plugin(({ addComponents, theme }) => {
         ".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
           [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
         }
+      },
+      //Size:xl without icon and label float
+      "&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-xl": {
+        ".nui-label-float": {
+          [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
+        },
+        ".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
+          [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
+        },
+        ".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
+        }
+      },
+      //Size:xl with icon and label float
+      "&.nui-autocomplete-label-float.nui-has-icon.nui-autocomplete-xl": {
+        ".nui-label-float": {
+          [`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
+        },
+        ".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
+          [`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
+        },
+        ".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
+        }
       }
     }
   });
@@ -3551,6 +3653,10 @@ const defaultConfig$M = {
     lg: {
       outer: "12",
       inner: "5"
+    },
+    xl: {
+      outer: "14",
+      inner: "6"
     }
   },
   rounded: {
@@ -3848,6 +3954,14 @@ const buttonClose = plugin(({ addComponents, theme }) => {
           [`@apply h-${config2.size.lg.inner} w-${config2.size.lg.inner} fill-current`]: {}
         }
       },
+      //Size:xl
+      "&.nui-button-xl": {
+        [`@apply h-${config2.size.xl.outer} w-${config2.size.xl.outer}`]: {},
+        //Icon
+        ".nui-button-icon": {
+          [`@apply h-${config2.size.xl.inner} w-${config2.size.xl.inner} fill-current`]: {}
+        }
+      },
       //Rounded:sm
       "&.nui-button-rounded-sm": {
         [`@apply ${config2.rounded.sm}`]: {}
@@ -4098,6 +4212,14 @@ const buttonGroup = plugin(
           }
         }
       },
+      ".nui-select-wrapper:last-child:not(:first-child)": {
+        ".nui-select": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
       // Autocomplete
       ".nui-autocomplete:not(:first-child):not(:last-child)": {
         ".nui-autocomplete-input": {
@@ -4203,6 +4325,10 @@ const defaultConfig$K = {
     lg: {
       size: "12",
       padding: "3"
+    },
+    xl: {
+      size: "14",
+      padding: "4"
     }
   },
   color: {
@@ -4455,17 +4581,21 @@ const buttonIcon = plugin(({ addComponents, theme }) => {
       //Transition
       [`@apply transition-${config2.transition.property} duration-${config2.transition.duration}`]: {},
       //Size:sm
-      "&.nui-button-small": {
+      "&.nui-button-sm": {
         [`@apply h-${config2.size.sm.size} w-${config2.size.sm.size} p-${config2.size.sm.padding}`]: {}
       },
       //Size:md
-      "&.nui-button-medium": {
+      "&.nui-button-md": {
         [`@apply h-${config2.size.md.size} w-${config2.size.md.size} p-${config2.size.md.padding}`]: {}
       },
       //Size:lg
-      "&.nui-button-large": {
+      "&.nui-button-lg": {
         [`@apply h-${config2.size.lg.size} w-${config2.size.lg.size} p-${config2.size.lg.padding}`]: {}
       },
+      //Size:xl
+      "&.nui-button-xl": {
+        [`@apply h-${config2.size.xl.size} w-${config2.size.xl.size} p-${config2.size.xl.padding}`]: {}
+      },
       //Rounded:sm
       "&.nui-button-rounded-sm": {
         [`@apply ${config2.rounded.sm}`]: {}
@@ -8840,6 +8970,11 @@ const defaultConfig$z = {
         font: {
           size: "sm"
         }
+      },
+      xl: {
+        font: {
+          size: "sm"
+        }
       }
     },
     enabled: {
@@ -8866,6 +9001,14 @@ const defaultConfig$z = {
         icon: {
           size: "5"
         }
+      },
+      xl: {
+        font: {
+          size: "sm"
+        },
+        icon: {
+          size: "6"
+        }
       }
     }
   }
@@ -9096,6 +9239,35 @@ const inputFileRegular = plugin(({ addComponents, theme }) => {
           "@apply top-[1.2rem]": {}
         }
       },
+      //Without icon && Size:xl
+      "&.nui-input-xl:not(.nui-has-icon)": {
+        [`@apply text-${config2.icon.disabled.xl.font.size} leading-5`]: {},
+        ".nui-input-file-inner": {
+          "@apply h-14 gap-2": {}
+        },
+        ".nui-input-file-addon": {
+          "@apply h-14 px-5": {}
+        },
+        ".nui-input-file-placeload": {
+          "@apply top-[1.4rem]": {}
+        }
+      },
+      //With icon && Size:xl
+      "&.nui-input-xl.nui-has-icon": {
+        [`@apply text-${config2.icon.enabled.xl.font.size} leading-5`]: {},
+        ".nui-input-file-inner": {
+          "@apply h-14 pe-4": {}
+        },
+        ".nui-input-file-addon": {
+          "@apply h-14 px-5": {}
+        },
+        ".nui-input-file-icon": {
+          [`@apply w-${config2.icon.enabled.xl.icon.size} h-${config2.icon.enabled.xl.icon.size}`]: {}
+        },
+        ".nui-input-file-placeload": {
+          "@apply top-[1.4rem]": {}
+        }
+      },
       //Input:hover
       "&:hover": {
         ".nui-input-file-addon": {
@@ -9726,7 +9898,8 @@ const defaultConfig$x = {
       padding: {
         sm: "8",
         md: "10",
-        lg: "12"
+        lg: "12",
+        xl: "14"
       },
       transition: {
         property: "colors",
@@ -9823,6 +9996,24 @@ const defaultConfig$x = {
       placeload: {
         size: "12"
       }
+    },
+    xl: {
+      label: {
+        font: {
+          size: "sm"
+        }
+      },
+      icon: {
+        outer: {
+          size: "14"
+        },
+        inner: {
+          size: "5"
+        }
+      },
+      placeload: {
+        size: "14"
+      }
     }
   },
   color: {
@@ -9940,6 +10131,11 @@ const defaultConfig$x = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -9966,6 +10162,15 @@ const defaultConfig$x = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -9983,6 +10188,11 @@ const defaultConfig$x = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -10012,6 +10222,15 @@ const defaultConfig$x = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -10182,6 +10401,28 @@ const input = plugin(({ addComponents, theme }) => {
           [`@apply h-${config2.size.lg.placeload.size}`]: {}
         }
       },
+      //Size:xl
+      "&.nui-input-xl": {
+        //Input:label
+        ".nui-input-label": {
+          [`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
+        },
+        //Label:float
+        ".nui-label-float": {
+          "@apply top-[1.1rem]": {}
+        },
+        //Input:icon && Input:action
+        ".nui-input-icon, .nui-input-action": {
+          [`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
+          ".nui-input-icon-inner, .nui-input-action-inner": {
+            [`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
+          }
+        },
+        //Input:placeload
+        ".nui-input-placeload": {
+          [`@apply h-${config2.size.xl.placeload.size}`]: {}
+        }
+      },
       //Color:default
       "&.nui-input-default": {
         ".nui-input": {
@@ -10322,6 +10563,18 @@ const input = plugin(({ addComponents, theme }) => {
           [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
         }
       },
+      //Without icon && Size:xl
+      "&:not(.nui-has-icon).nui-input-xl": {
+        ".nui-input": {
+          [`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
+        }
+      },
+      //With icon && Size:xl
+      "&.nui-has-icon.nui-input-xl": {
+        ".nui-input": {
+          [`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-[3.25rem]`]: {}
+        }
+      },
       //With action && Size:sm
       "&.nui-has-action.nui-input-sm": {
         ".nui-input": {
@@ -10340,6 +10593,12 @@ const input = plugin(({ addComponents, theme }) => {
           [`@apply pe-${config2.input.action.padding.lg}`]: {}
         }
       },
+      //With action && Size:xl
+      "&.nui-has-action.nui-input-xl": {
+        ".nui-input": {
+          [`@apply pe-${config2.input.action.padding.xl}`]: {}
+        }
+      },
       //Without icon && Size:sm && Label:float
       "&.nui-input-label-float:not(.nui-has-icon).nui-input-sm": {
         ".nui-label-float": {
@@ -10391,7 +10650,7 @@ const input = plugin(({ addComponents, theme }) => {
       //Without icon && Size:lg && Label:float
       "&.nui-input-label-float:not(.nui-has-icon).nui-input-lg": {
         ".nui-label-float": {
-          [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
+          [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
         },
         ".nui-input:focus-visible ~ .nui-label-float": {
           [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
@@ -10403,7 +10662,7 @@ const input = plugin(({ addComponents, theme }) => {
       //With icon && Size:lg && Label:float
       "&.nui-input-label-float.nui-has-icon.nui-input-lg": {
         ".nui-label-float": {
-          [`@apply start-11 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
+          [`@apply start-11 -ms-9 -mt-10 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
         },
         ".nui-input:focus-visible ~ .nui-label-float": {
           [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
@@ -10411,6 +10670,30 @@ const input = plugin(({ addComponents, theme }) => {
         ".nui-input:placeholder-shown ~ .nui-label-float": {
           [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
         }
+      },
+      //Without icon && Size:xl && Label:float
+      "&.nui-input-label-float:not(.nui-has-icon).nui-input-xl": {
+        ".nui-label-float": {
+          [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
+        },
+        ".nui-input:focus-visible ~ .nui-label-float": {
+          [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
+        },
+        ".nui-input:placeholder-shown ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
+        }
+      },
+      //With icon && Size:xl && Label:float
+      "&.nui-input-label-float.nui-has-icon.nui-input-xl": {
+        ".nui-label-float": {
+          [`@apply start-[3.25rem] ms-[-3.25rem] -mt-8 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
+        },
+        ".nui-input:focus-visible ~ .nui-label-float": {
+          [`@apply !ms-[-3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
+        },
+        ".nui-input:placeholder-shown ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
+        }
       }
     }
   });
@@ -10592,6 +10875,24 @@ const defaultConfig$w = {
       placeload: {
         size: "12"
       }
+    },
+    xl: {
+      label: {
+        font: {
+          size: "sm"
+        }
+      },
+      icon: {
+        outer: {
+          size: "14"
+        },
+        inner: {
+          size: "5"
+        }
+      },
+      placeload: {
+        size: "14"
+      }
     }
   },
   color: {
@@ -10709,6 +11010,11 @@ const defaultConfig$w = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -10735,6 +11041,15 @@ const defaultConfig$w = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -10752,6 +11067,11 @@ const defaultConfig$w = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -10781,6 +11101,15 @@ const defaultConfig$w = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -10996,6 +11325,32 @@ const inputNumber = plugin(({ addComponents, theme }) => {
           "@apply h-10 w-10": {}
         }
       },
+      //Size:xl
+      "&.nui-input-number-xl": {
+        //Input:label
+        ".nui-input-number-label": {
+          [`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
+        },
+        //Label:float
+        ".nui-label-float": {
+          "@apply top-[1.1rem]": {}
+        },
+        //Input:icon && Input:action
+        ".nui-input-number-icon, .nui-input-number-action": {
+          [`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
+          ".nui-input-number-icon-inner, .nui-input-number-action-inner": {
+            [`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
+          }
+        },
+        //Input:placeload
+        ".nui-input-number-placeload": {
+          [`@apply h-${config2.size.xl.placeload.size}`]: {}
+        },
+        //Input:buttons
+        ".nui-input-number-buttons button": {
+          "@apply h-12 w-12": {}
+        }
+      },
       //Color:default
       "&.nui-input-number-default": {
         ".nui-input-number": {
@@ -11156,6 +11511,18 @@ const inputNumber = plugin(({ addComponents, theme }) => {
           [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
         }
       },
+      //Without icon && Size:xl
+      "&:not(.nui-has-icon).nui-input-number-xl": {
+        ".nui-input-number": {
+          [`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 ps-4 pe-24`]: {}
+        }
+      },
+      //With icon && Size:xl
+      "&.nui-has-icon.nui-input-number-xl": {
+        ".nui-input-number": {
+          [`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 ps-[3.25rem] pe-24`]: {}
+        }
+      },
       //With action && Size:sm
       "&.nui-has-action.nui-input-number-sm": {
         ".nui-input-number": {
@@ -11225,7 +11592,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
       //Without icon && Size:lg && Label:float
       "&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-lg": {
         ".nui-label-float": {
-          [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
+          [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
         },
         ".nui-input-number:focus-visible ~ .nui-label-float": {
           [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
@@ -11237,7 +11604,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
       //With icon && Size:lg && Label:float
       "&.nui-input-number-label-float.nui-has-icon.nui-input-number-lg": {
         ".nui-label-float": {
-          [`@apply start-11 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
+          [`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
         },
         ".nui-input-number:focus-visible ~ .nui-label-float": {
           [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
@@ -11245,6 +11612,30 @@ const inputNumber = plugin(({ addComponents, theme }) => {
         ".nui-input-number:placeholder-shown ~ .nui-label-float": {
           [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
         }
+      },
+      //Without icon && Size:xl && Label:float
+      "&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-xl": {
+        ".nui-label-float": {
+          [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
+        },
+        ".nui-input-number:focus-visible ~ .nui-label-float": {
+          [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
+        },
+        ".nui-input-number:placeholder-shown ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
+        }
+      },
+      //With icon && Size:xl && Label:float
+      "&.nui-input-number-label-float.nui-has-icon.nui-input-number-xl": {
+        ".nui-label-float": {
+          [`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
+        },
+        ".nui-input-number:focus-visible ~ .nui-label-float": {
+          [`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
+        },
+        ".nui-input-number:placeholder-shown ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
+        }
       }
     }
   });
@@ -11918,7 +12309,29 @@ const defaultConfig$q = {
           size: "12"
         },
         inner: {
-          size: "4"
+          size: "5"
+        }
+      }
+    },
+    xl: {
+      font: {
+        size: "sm"
+      },
+      icon: {
+        size: {
+          inner: "5",
+          outer: "14"
+        }
+      },
+      placeload: {
+        size: "14"
+      },
+      chevron: {
+        outer: {
+          size: "14"
+        },
+        inner: {
+          size: "5"
         }
       }
     }
@@ -12134,6 +12547,11 @@ const defaultConfig$q = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -12160,6 +12578,15 @@ const defaultConfig$q = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -12177,6 +12604,11 @@ const defaultConfig$q = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -12206,6 +12638,15 @@ const defaultConfig$q = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -12396,7 +12837,7 @@ const listbox = plugin(({ addComponents, theme }) => {
         },
         //Label:float
         ".nui-label-float": {
-          "@apply top-1.5": {}
+          "@apply top-2.5": {}
         }
       },
       //Listbox:icon
@@ -12425,7 +12866,7 @@ const listbox = plugin(({ addComponents, theme }) => {
         },
         //Label:float
         ".nui-label-float": {
-          "@apply top-1.5": {}
+          "@apply top-3.5": {}
         },
         //Listbox:icon
         ".nui-listbox-icon": {
@@ -12447,6 +12888,35 @@ const listbox = plugin(({ addComponents, theme }) => {
           }
         }
       },
+      //Size:xl
+      "&.nui-listbox-xl": {
+        ".nui-listbox-label": {
+          [`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
+        },
+        //Label:float
+        ".nui-label-float": {
+          "@apply top-[1.1rem]": {}
+        },
+        //Listbox:icon
+        ".nui-listbox-icon": {
+          [`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
+          ".nui-listbox-icon-inner": {
+            [`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
+          }
+        },
+        //Listbox:placeload
+        ".nui-listbox-placeload": {
+          [`@apply h-${config2.size.xl.placeload.size}`]: {}
+        },
+        //Listbox:chevron
+        ".nui-listbox-chevron": {
+          [`@apply h-${config2.size.xl.chevron.outer.size} w-${config2.size.xl.chevron.outer.size}`]: {},
+          //Chevron:inner
+          ".nui-listbox-chevron-inner": {
+            [`@apply h-${config2.size.xl.chevron.inner.size} w-${config2.size.xl.chevron.inner.size}`]: {}
+          }
+        }
+      },
       //Rounded:sm
       "&.nui-listbox-rounded-sm": {
         ".nui-listbox-button, .nui-listbox-options, .nui-listbox-option": {
@@ -12659,6 +13129,18 @@ const listbox = plugin(({ addComponents, theme }) => {
           [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
         }
       },
+      //Without:icon && Size:xl
+      "&:not(.nui-has-icon).nui-listbox-xl": {
+        ".nui-listbox-button": {
+          [`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
+        }
+      },
+      //With:icon && Size:xl
+      "&.nui-has-icon.nui-listbox-xl": {
+        ".nui-listbox-button": {
+          [`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
+        }
+      },
       //Without:icon && Size:sm && Label:float
       "&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-sm": {
         ".nui-label-float": {
@@ -12686,10 +13168,10 @@ const listbox = plugin(({ addComponents, theme }) => {
       //Without:icon && Size:md && Label:float
       "&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-md": {
         ".nui-label-float": {
-          [`@apply start-3 -ms-3 -mt-7 text-${config2.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
+          [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
         },
         ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
-          [`@apply !-ms-3 !-mt-7 !text-${config2.icon.disabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
+          [`@apply !-ms-3 !-mt-8 !text-${config2.icon.disabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
         },
         ".nui-listbox-button ~ .nui-label-float": {
           [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.md.font.size.base}`]: {}
@@ -12698,10 +13180,10 @@ const listbox = plugin(({ addComponents, theme }) => {
       //With:icon && Size:md && Label:float
       "&.nui-listbox-label-float.nui-has-icon.nui-listbox-md": {
         ".nui-label-float": {
-          [`@apply start-10 -ms-10 -mt-7 text-${config2.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
+          [`@apply start-10 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
         },
         ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
-          [`@apply !-ms-10 !-mt-7 !text-${config2.icon.enabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
+          [`@apply !-ms-10 !-mt-8 !text-${config2.icon.enabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
         },
         ".nui-listbox-button ~ .nui-label-float": {
           [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.md.font.size.unfocus}`]: {}
@@ -12710,10 +13192,10 @@ const listbox = plugin(({ addComponents, theme }) => {
       //Without:icon && Size:lg && Label:float
       "&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-lg": {
         ".nui-label-float": {
-          [`@apply start-3 -ms-3 -mt-7 text-${config2.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
+          [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
         },
         ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
-          [`@apply !-ms-3 !-mt-7 !text-${config2.icon.disabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
+          [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
         },
         ".nui-listbox-button ~ .nui-label-float": {
           [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.lg.font.size.unfocus}`]: {}
@@ -12722,14 +13204,38 @@ const listbox = plugin(({ addComponents, theme }) => {
       //With:icon && Size:lg && Label:float
       "&.nui-listbox-label-float.nui-has-icon.nui-listbox-lg": {
         ".nui-label-float": {
-          [`@apply start-11 -ms-10 -mt-7 text-${config2.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
+          [`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
         },
         ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
-          [`@apply !-ms-10 !-mt-7 !text-${config2.icon.enabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
+          [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
         },
         ".nui-listbox-button ~ .nui-label-float": {
           [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
         }
+      },
+      //Without:icon && Size:xl && Label:float
+      "&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-xl": {
+        ".nui-label-float": {
+          [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base} text-transparent`]: {}
+        },
+        ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
+          [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
+        },
+        ".nui-listbox-button ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
+        }
+      },
+      //With:icon && Size:xl && Label:float
+      "&.nui-listbox-label-float.nui-has-icon.nui-listbox-xl": {
+        ".nui-label-float": {
+          [`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base} text-transparent`]: {}
+        },
+        ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
+          [`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
+        },
+        ".nui-listbox-button ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
+        }
       }
     }
   });
@@ -15310,6 +15816,33 @@ const defaultConfig$c = {
       placeload: {
         size: "12"
       }
+    },
+    xl: {
+      padding: "14",
+      chevron: {
+        outer: {
+          size: "14"
+        },
+        inner: {
+          size: "5"
+        }
+      },
+      label: {
+        font: {
+          size: "sm"
+        }
+      },
+      icon: {
+        outer: {
+          size: "14"
+        },
+        inner: {
+          size: "5"
+        }
+      },
+      placeload: {
+        size: "14"
+      }
     }
   },
   color: {
@@ -15450,6 +15983,11 @@ const defaultConfig$c = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -15476,6 +16014,15 @@ const defaultConfig$c = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -15493,6 +16040,11 @@ const defaultConfig$c = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -15522,6 +16074,15 @@ const defaultConfig$c = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -15673,7 +16234,7 @@ const select = plugin(({ addComponents, theme }) => {
         },
         //Label:float
         ".nui-label-float": {
-          "@apply top-1.5": {}
+          "@apply top-2.5": {}
         },
         //Select:icon
         ".nui-select-icon, .nui-select-chevron": {
@@ -15699,7 +16260,7 @@ const select = plugin(({ addComponents, theme }) => {
         },
         //Label:float
         ".nui-label-float": {
-          "@apply top-1.5": {}
+          "@apply top-3.5": {}
         },
         //Select:icon
         ".nui-select-icon, .nui-select-chevron": {
@@ -15713,6 +16274,32 @@ const select = plugin(({ addComponents, theme }) => {
           [`@apply h-${config2.size.lg.placeload.size}`]: {}
         }
       },
+      //Size:xl
+      "&.nui-select-xl": {
+        //Select
+        ".nui-select": {
+          [`@apply pe-${config2.size.xl.padding}`]: {}
+        },
+        //Select:label
+        ".nui-select-label": {
+          [`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
+        },
+        //Label:float
+        ".nui-label-float": {
+          "@apply top-[1.1rem]": {}
+        },
+        //Select:icon
+        ".nui-select-icon, .nui-select-chevron": {
+          [`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
+          ".nui-select-icon-inner, .nui-select-chevron-inner": {
+            [`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
+          }
+        },
+        //Select:placeload
+        ".nui-select-placeload": {
+          [`@apply h-${config2.size.xl.placeload.size}`]: {}
+        }
+      },
       //Color:default
       "&.nui-select-default": {
         ".nui-select": {
@@ -15844,6 +16431,18 @@ const select = plugin(({ addComponents, theme }) => {
           [`@apply h-12 py-2 text-${config2.icon.enabled.select.lg.font.size} leading-5 pe-9 ps-11`]: {}
         }
       },
+      //Without:icon && Size:xl
+      "&:not(.nui-has-icon).nui-select-xl": {
+        ".nui-select": {
+          [`@apply h-14 py-2 text-${config2.icon.disabled.select.xl.font.size} leading-5 ps-4 pe-9`]: {}
+        }
+      },
+      //With:icon && Size:xl
+      "&.nui-has-icon.nui-select-xl": {
+        ".nui-select": {
+          [`@apply h-14 py-2 text-${config2.icon.enabled.select.xl.font.size} leading-5 pe-9 ps-12`]: {}
+        }
+      },
       //Without:icon && Size:sm && Label:float
       "&.nui-select-label-float:not(.nui-has-icon).nui-select-sm": {
         ".nui-label-float": {
@@ -15895,7 +16494,7 @@ const select = plugin(({ addComponents, theme }) => {
       //Without:icon && Size:lg && Label:float
       "&.nui-select-label-float:not(.nui-has-icon).nui-select-lg": {
         ".nui-label-float": {
-          [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
+          [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
         },
         ".nui-select:focus-visible ~ .nui-label-float": {
           [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
@@ -15907,7 +16506,7 @@ const select = plugin(({ addComponents, theme }) => {
       //With:icon && Size:lg && Label:float
       "&.nui-select-label-float.nui-has-icon.nui-select-lg": {
         ".nui-label-float": {
-          [`@apply start-11 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
+          [`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
         },
         ".nui-select:focus-visible ~ .nui-label-float": {
           [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
@@ -15915,6 +16514,30 @@ const select = plugin(({ addComponents, theme }) => {
         ".nui-select ~ .nui-label-float": {
           [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
         }
+      },
+      //Without:icon && Size:xl && Label:float
+      "&.nui-select-label-float:not(.nui-has-icon).nui-select-xl": {
+        ".nui-label-float": {
+          [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
+        },
+        ".nui-select:focus-visible ~ .nui-label-float": {
+          [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
+        },
+        ".nui-select ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
+        }
+      },
+      //With:icon && Size:xl && Label:float
+      "&.nui-select-label-float.nui-has-icon.nui-select-xl": {
+        ".nui-label-float": {
+          [`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
+        },
+        ".nui-select:focus-visible ~ .nui-label-float": {
+          [`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
+        },
+        ".nui-select ~ .nui-label-float": {
+          [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
+        }
       }
     }
   });