@shuriken-ui/tailwind 3.0.4 → 3.1.0

package/dist/plugins/index.cjs

@@ -687,6 +687,23 @@ const defaultConfig$R = {
       clear: {
         size: "12"
       }
+    },
+    xl: {
+      font: {
+        size: "sm"
+      },
+      icon: {
+        size: {
+          inner: "5",
+          outer: "14"
+        }
+      },
+      placeload: {
+        size: "14"
+      },
+      clear: {
+        size: "14"
+      }
     }
   },
   color: {
@@ -876,6 +893,11 @@ const defaultConfig$R = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -902,6 +924,15 @@ const defaultConfig$R = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -919,6 +950,11 @@ const defaultConfig$R = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -948,6 +984,15 @@ const defaultConfig$R = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -1206,6 +1251,27 @@ const autocomplete = plugin__default(({ 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": {
@@ -1386,6 +1452,18 @@ const autocomplete = plugin__default(({ 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": {
@@ -1437,7 +1515,7 @@ const autocomplete = plugin__default(({ 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}`]: {}
@@ -1449,7 +1527,7 @@ const autocomplete = plugin__default(({ 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}`]: {}
@@ -1457,6 +1535,30 @@ const autocomplete = plugin__default(({ 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}`]: {}
+        }
       }
     }
   });
@@ -3557,6 +3659,10 @@ const defaultConfig$M = {
     lg: {
       outer: "12",
       inner: "5"
+    },
+    xl: {
+      outer: "14",
+      inner: "6"
     }
   },
   rounded: {
@@ -3854,6 +3960,14 @@ const buttonClose = plugin__default(({ 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}`]: {}
@@ -4209,6 +4323,10 @@ const defaultConfig$K = {
     lg: {
       size: "12",
       padding: "3"
+    },
+    xl: {
+      size: "14",
+      padding: "4"
     }
   },
   color: {
@@ -4461,17 +4579,21 @@ const buttonIcon = plugin__default(({ 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}`]: {}
@@ -8846,6 +8968,11 @@ const defaultConfig$z = {
         font: {
           size: "sm"
         }
+      },
+      xl: {
+        font: {
+          size: "sm"
+        }
       }
     },
     enabled: {
@@ -8872,6 +8999,14 @@ const defaultConfig$z = {
         icon: {
           size: "5"
         }
+      },
+      xl: {
+        font: {
+          size: "sm"
+        },
+        icon: {
+          size: "6"
+        }
       }
     }
   }
@@ -9102,6 +9237,35 @@ const inputFileRegular = plugin__default(({ 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": {
@@ -9732,7 +9896,8 @@ const defaultConfig$x = {
       padding: {
         sm: "8",
         md: "10",
-        lg: "12"
+        lg: "12",
+        xl: "14"
       },
       transition: {
         property: "colors",
@@ -9829,6 +9994,24 @@ const defaultConfig$x = {
       placeload: {
         size: "12"
       }
+    },
+    xl: {
+      label: {
+        font: {
+          size: "sm"
+        }
+      },
+      icon: {
+        outer: {
+          size: "14"
+        },
+        inner: {
+          size: "5"
+        }
+      },
+      placeload: {
+        size: "14"
+      }
     }
   },
   color: {
@@ -9946,6 +10129,11 @@ const defaultConfig$x = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -9972,6 +10160,15 @@ const defaultConfig$x = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -9989,6 +10186,11 @@ const defaultConfig$x = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -10018,6 +10220,15 @@ const defaultConfig$x = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -10188,6 +10399,28 @@ const input = plugin__default(({ 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": {
@@ -10328,6 +10561,18 @@ const input = plugin__default(({ 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": {
@@ -10346,6 +10591,12 @@ const input = plugin__default(({ 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": {
@@ -10397,7 +10648,7 @@ const input = plugin__default(({ 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}`]: {}
@@ -10409,7 +10660,7 @@ const input = plugin__default(({ 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}`]: {}
@@ -10417,6 +10668,30 @@ const input = plugin__default(({ 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}`]: {}
+        }
       }
     }
   });
@@ -10598,6 +10873,24 @@ const defaultConfig$w = {
       placeload: {
         size: "12"
       }
+    },
+    xl: {
+      label: {
+        font: {
+          size: "sm"
+        }
+      },
+      icon: {
+        outer: {
+          size: "14"
+        },
+        inner: {
+          size: "5"
+        }
+      },
+      placeload: {
+        size: "14"
+      }
     }
   },
   color: {
@@ -10715,6 +11008,11 @@ const defaultConfig$w = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -10741,6 +11039,15 @@ const defaultConfig$w = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -10758,6 +11065,11 @@ const defaultConfig$w = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -10787,6 +11099,15 @@ const defaultConfig$w = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -11002,6 +11323,32 @@ const inputNumber = plugin__default(({ 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": {
@@ -11162,6 +11509,18 @@ const inputNumber = plugin__default(({ 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": {
@@ -11231,7 +11590,7 @@ const inputNumber = plugin__default(({ 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}`]: {}
@@ -11243,7 +11602,7 @@ const inputNumber = plugin__default(({ 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}`]: {}
@@ -11251,6 +11610,30 @@ const inputNumber = plugin__default(({ 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}`]: {}
+        }
       }
     }
   });
@@ -11924,7 +12307,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"
         }
       }
     }
@@ -12140,6 +12545,11 @@ const defaultConfig$q = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -12166,6 +12576,15 @@ const defaultConfig$q = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -12183,6 +12602,11 @@ const defaultConfig$q = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -12212,6 +12636,15 @@ const defaultConfig$q = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -12402,7 +12835,7 @@ const listbox = plugin__default(({ addComponents, theme }) => {
         },
         //Label:float
         ".nui-label-float": {
-          "@apply top-1.5": {}
+          "@apply top-2.5": {}
         }
       },
       //Listbox:icon
@@ -12431,7 +12864,7 @@ const listbox = plugin__default(({ addComponents, theme }) => {
         },
         //Label:float
         ".nui-label-float": {
-          "@apply top-1.5": {}
+          "@apply top-3.5": {}
         },
         //Listbox:icon
         ".nui-listbox-icon": {
@@ -12453,6 +12886,35 @@ const listbox = plugin__default(({ 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": {
@@ -12665,6 +13127,18 @@ const listbox = plugin__default(({ 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": {
@@ -12692,10 +13166,10 @@ const listbox = plugin__default(({ 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}`]: {}
@@ -12704,10 +13178,10 @@ const listbox = plugin__default(({ 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}`]: {}
@@ -12716,10 +13190,10 @@ const listbox = plugin__default(({ 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}`]: {}
@@ -12728,14 +13202,38 @@ const listbox = plugin__default(({ 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}`]: {}
+        }
       }
     }
   });
@@ -15316,6 +15814,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: {
@@ -15456,6 +15981,11 @@ const defaultConfig$c = {
           font: {
             size: "sm"
           }
+        },
+        xl: {
+          font: {
+            size: "base"
+          }
         }
       },
       label: {
@@ -15482,6 +16012,15 @@ const defaultConfig$c = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -15499,6 +16038,11 @@ const defaultConfig$c = {
           }
         },
         lg: {
+          font: {
+            size: "sm"
+          }
+        },
+        xl: {
           font: {
             size: "base"
           }
@@ -15528,6 +16072,15 @@ const defaultConfig$c = {
                 unfocus: "[0.825rem]"
               }
             }
+          },
+          xl: {
+            font: {
+              size: {
+                base: "xs",
+                focus: "xs",
+                unfocus: "[0.825rem]"
+              }
+            }
           }
         }
       }
@@ -15679,7 +16232,7 @@ const select = plugin__default(({ addComponents, theme }) => {
         },
         //Label:float
         ".nui-label-float": {
-          "@apply top-1.5": {}
+          "@apply top-2.5": {}
         },
         //Select:icon
         ".nui-select-icon, .nui-select-chevron": {
@@ -15705,7 +16258,7 @@ const select = plugin__default(({ addComponents, theme }) => {
         },
         //Label:float
         ".nui-label-float": {
-          "@apply top-1.5": {}
+          "@apply top-3.5": {}
         },
         //Select:icon
         ".nui-select-icon, .nui-select-chevron": {
@@ -15719,6 +16272,32 @@ const select = plugin__default(({ 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": {
@@ -15850,6 +16429,18 @@ const select = plugin__default(({ 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": {
@@ -15901,7 +16492,7 @@ const select = plugin__default(({ 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}`]: {}
@@ -15913,7 +16504,7 @@ const select = plugin__default(({ 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}`]: {}
@@ -15921,6 +16512,30 @@ const select = plugin__default(({ 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}`]: {}
+        }
       }
     }
   });