@shuriken-ui/tailwind 3.0.0-next.5 → 3.0.0

package/dist/plugins/index.cjs

@@ -3897,7 +3897,8 @@ const buttonGroup = plugin__default(
   ({ addComponents }) => addComponents({
     '.nui-button-group, [role="group"]': {
       "@apply flex": {},
-      ".nui-button, .nui-button-action, .nui-button-icon": {
+      // Button
+      ".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
         "@apply !border-e-0": {},
         "&:focus": {
           "@apply !z-10 relative": {}
@@ -3912,6 +3913,7 @@ const buttonGroup = plugin__default(
           "@apply !border-e !rounded-s-none": {}
         }
       },
+      // Input
       ".nui-input-wrapper:not(:first-child):not(:last-child)": {
         ".nui-input": {
           "@apply !border-e-0 !rounded-none": {},
@@ -3920,15 +3922,15 @@ const buttonGroup = plugin__default(
           }
         }
       },
-      ".nui-input-wrapper:first-child": {
+      ".nui-input-wrapper:first-child:not(:last-child)": {
         ".nui-input": {
-          "@apply !rounded-e-none": {},
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-input-wrapper:last-child": {
+      ".nui-input-wrapper:last-child:not(:first-child)": {
         ".nui-input": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
@@ -3936,6 +3938,57 @@ const buttonGroup = plugin__default(
           }
         }
       },
+      // InputNumber
+      ".nui-input-number-wrapper:not(:first-child):not(:last-child)": {
+        ".nui-input-number": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-number-wrapper:first-child:not(:last-child)": {
+        ".nui-input-number": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-number-wrapper:last-child:not(:first-child)": {
+        ".nui-input-number": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // InputFileRegular
+      ".nui-input-file-regular:not(:first-child):not(:last-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-file-regular:first-child:not(:last-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-file-regular:last-child:not(:first-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // Select
       ".nui-select-wrapper:not(:first-child):not(:last-child)": {
         ".nui-select": {
           "@apply !border-e-0 !rounded-none": {},
@@ -3944,40 +3997,83 @@ const buttonGroup = plugin__default(
           }
         }
       },
-      ".nui-select-wrapper:first-child": {
+      ".nui-select-wrapper:first-child:not(:last-child)": {
         ".nui-select": {
-          "@apply !rounded-e-none": {},
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-select-wrapper:last-child": {
-        ".nui-select": {
+      // Autocomplete
+      ".nui-autocomplete:not(:first-child):not(:last-child)": {
+        ".nui-autocomplete-input": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-autocomplete:first-child:not(:last-child)": {
+        ".nui-autocomplete-input": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-autocomplete:last-child:not(:first-child)": {
+        ".nui-autocomplete-input": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
+      // Dropdown
       ".nui-dropdown:not(:first-child):not(:last-child)": {
-        ".nui-nui-button": {
+        ".nui-button": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-dropdown:first-child:not(:last-child)": {
+        ".nui-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-dropdown:last-child:not(:first-child)": {
+        ".nui-button": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // Listbox
+      ".nui-listbox:not(:first-child):not(:last-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e-0 !rounded-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-dropdown:first-child": {
-        ".nui-nui-button": {
-          "@apply !rounded-e-none": {},
+      ".nui-listbox:first-child:not(:last-child)": {
+        ".nui-listbox-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-dropdown:last-child": {
-        ".nui-nui-button": {
+      ".nui-listbox:last-child:not(:first-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
@@ -4507,8 +4603,8 @@ const defaultConfig$I = {
         },
         border: {
           light: {
-            base: "muted-200",
-            hover: "muted-300"
+            base: "muted-300",
+            hover: "muted-200"
           },
           dark: {
             base: "muted-600",
@@ -10846,37 +10942,37 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
       //Without icon && Size:sm
       "&:not(.nui-has-icon).nui-input-number-sm": {
         ".nui-input-number": {
-          [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 px-2`]: {}
+          [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
         }
       },
       //With icon && Size:sm
       "&.nui-has-icon.nui-input-number-sm": {
         ".nui-input-number": {
-          [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3 ps-8`]: {}
+          [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
         }
       },
       //Without icon && Size:md
       "&:not(.nui-has-icon).nui-input-number-md": {
         ".nui-input-number": {
-          [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 px-3`]: {}
+          [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
         }
       },
       //With icon && Size:md
       "&.nui-has-icon.nui-input-number-md": {
         ".nui-input-number": {
-          [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4 ps-10`]: {}
+          [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
         }
       },
       //Without icon && Size:lg
       "&:not(.nui-has-icon).nui-input-number-lg": {
         ".nui-input-number": {
-          [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 px-4`]: {}
+          [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
         }
       },
       //With icon && Size:lg
       "&.nui-has-icon.nui-input-number-lg": {
         ".nui-input-number": {
-          [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
+          [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
         }
       },
       //With action && Size:sm
@@ -19827,7 +19923,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
       zIndex: "1000",
       [`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
       [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
-      [`@apply bg-${config2.background.light} dark:bg-${config2.background.dark}`]: {}
+      [`@apply !bg-${config2.background.light} dark:!bg-${config2.background.dark}`]: {}
     },
     [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
       display: "block"
@@ -19840,7 +19936,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
       bottom: "calc(100% + 8px)",
       borderBottomWidth: "0",
       borderTopColor: "currentColor",
-      [`@apply text-${config2.background.light} dark:text-${config2.background.light}`]: {}
+      [`@apply !text-${config2.background.light} dark:!text-${config2.background.light}`]: {}
     },
     [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
       bottom: "calc(100% + 13px)"
@@ -19855,7 +19951,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
       top: "100%",
       borderTopWidth: "0",
       borderBottomColor: "currentColor",
-      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
+      [`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='down']::after`]: {
       top: "calc(100% + 5px)"
@@ -19872,7 +19968,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
       borderLeftColor: "currentColor",
       insetInlineStart: "calc(0em - 5px)",
       transform: "translate(-0.5em, -50%)",
-      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
+      [`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]: {
       top: "50%",
@@ -19886,7 +19982,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
       borderRightColor: "currentColor",
       insetInlineEnd: "calc(0em - 5px)",
       transform: "translate(0.5em, -50%)",
-      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
+      [`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: {
       top: "50%",

package/dist/plugins/index.mjs

@@ -3891,7 +3891,8 @@ const buttonGroup = plugin(
   ({ addComponents }) => addComponents({
     '.nui-button-group, [role="group"]': {
       "@apply flex": {},
-      ".nui-button, .nui-button-action, .nui-button-icon": {
+      // Button
+      ".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
         "@apply !border-e-0": {},
         "&:focus": {
           "@apply !z-10 relative": {}
@@ -3906,6 +3907,7 @@ const buttonGroup = plugin(
           "@apply !border-e !rounded-s-none": {}
         }
       },
+      // Input
       ".nui-input-wrapper:not(:first-child):not(:last-child)": {
         ".nui-input": {
           "@apply !border-e-0 !rounded-none": {},
@@ -3914,15 +3916,15 @@ const buttonGroup = plugin(
           }
         }
       },
-      ".nui-input-wrapper:first-child": {
+      ".nui-input-wrapper:first-child:not(:last-child)": {
         ".nui-input": {
-          "@apply !rounded-e-none": {},
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-input-wrapper:last-child": {
+      ".nui-input-wrapper:last-child:not(:first-child)": {
         ".nui-input": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
@@ -3930,6 +3932,57 @@ const buttonGroup = plugin(
           }
         }
       },
+      // InputNumber
+      ".nui-input-number-wrapper:not(:first-child):not(:last-child)": {
+        ".nui-input-number": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-number-wrapper:first-child:not(:last-child)": {
+        ".nui-input-number": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-number-wrapper:last-child:not(:first-child)": {
+        ".nui-input-number": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // InputFileRegular
+      ".nui-input-file-regular:not(:first-child):not(:last-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-file-regular:first-child:not(:last-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-file-regular:last-child:not(:first-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // Select
       ".nui-select-wrapper:not(:first-child):not(:last-child)": {
         ".nui-select": {
           "@apply !border-e-0 !rounded-none": {},
@@ -3938,40 +3991,83 @@ const buttonGroup = plugin(
           }
         }
       },
-      ".nui-select-wrapper:first-child": {
+      ".nui-select-wrapper:first-child:not(:last-child)": {
         ".nui-select": {
-          "@apply !rounded-e-none": {},
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-select-wrapper:last-child": {
-        ".nui-select": {
+      // Autocomplete
+      ".nui-autocomplete:not(:first-child):not(:last-child)": {
+        ".nui-autocomplete-input": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-autocomplete:first-child:not(:last-child)": {
+        ".nui-autocomplete-input": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-autocomplete:last-child:not(:first-child)": {
+        ".nui-autocomplete-input": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
+      // Dropdown
       ".nui-dropdown:not(:first-child):not(:last-child)": {
-        ".nui-nui-button": {
+        ".nui-button": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-dropdown:first-child:not(:last-child)": {
+        ".nui-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-dropdown:last-child:not(:first-child)": {
+        ".nui-button": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // Listbox
+      ".nui-listbox:not(:first-child):not(:last-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e-0 !rounded-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-dropdown:first-child": {
-        ".nui-nui-button": {
-          "@apply !rounded-e-none": {},
+      ".nui-listbox:first-child:not(:last-child)": {
+        ".nui-listbox-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-dropdown:last-child": {
-        ".nui-nui-button": {
+      ".nui-listbox:last-child:not(:first-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
@@ -4501,8 +4597,8 @@ const defaultConfig$I = {
         },
         border: {
           light: {
-            base: "muted-200",
-            hover: "muted-300"
+            base: "muted-300",
+            hover: "muted-200"
           },
           dark: {
             base: "muted-600",
@@ -10840,37 +10936,37 @@ const inputNumber = plugin(({ addComponents, theme }) => {
       //Without icon && Size:sm
       "&:not(.nui-has-icon).nui-input-number-sm": {
         ".nui-input-number": {
-          [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 px-2`]: {}
+          [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
         }
       },
       //With icon && Size:sm
       "&.nui-has-icon.nui-input-number-sm": {
         ".nui-input-number": {
-          [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3 ps-8`]: {}
+          [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
         }
       },
       //Without icon && Size:md
       "&:not(.nui-has-icon).nui-input-number-md": {
         ".nui-input-number": {
-          [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 px-3`]: {}
+          [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
         }
       },
       //With icon && Size:md
       "&.nui-has-icon.nui-input-number-md": {
         ".nui-input-number": {
-          [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4 ps-10`]: {}
+          [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
         }
       },
       //Without icon && Size:lg
       "&:not(.nui-has-icon).nui-input-number-lg": {
         ".nui-input-number": {
-          [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 px-4`]: {}
+          [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
         }
       },
       //With icon && Size:lg
       "&.nui-has-icon.nui-input-number-lg": {
         ".nui-input-number": {
-          [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
+          [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
         }
       },
       //With action && Size:sm
@@ -19821,7 +19917,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
       zIndex: "1000",
       [`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
       [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
-      [`@apply bg-${config2.background.light} dark:bg-${config2.background.dark}`]: {}
+      [`@apply !bg-${config2.background.light} dark:!bg-${config2.background.dark}`]: {}
     },
     [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
       display: "block"
@@ -19834,7 +19930,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
       bottom: "calc(100% + 8px)",
       borderBottomWidth: "0",
       borderTopColor: "currentColor",
-      [`@apply text-${config2.background.light} dark:text-${config2.background.light}`]: {}
+      [`@apply !text-${config2.background.light} dark:!text-${config2.background.light}`]: {}
     },
     [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
       bottom: "calc(100% + 13px)"
@@ -19849,7 +19945,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
       top: "100%",
       borderTopWidth: "0",
       borderBottomColor: "currentColor",
-      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
+      [`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='down']::after`]: {
       top: "calc(100% + 5px)"
@@ -19866,7 +19962,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
       borderLeftColor: "currentColor",
       insetInlineStart: "calc(0em - 5px)",
       transform: "translate(-0.5em, -50%)",
-      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
+      [`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]: {
       top: "50%",
@@ -19880,7 +19976,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
       borderRightColor: "currentColor",
       insetInlineEnd: "calc(0em - 5px)",
       transform: "translate(0.5em, -50%)",
-      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
+      [`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: {
       top: "50%",

package/package.json

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