@janovix/blocks 1.2.0-rc.16 → 1.2.0-rc.18

package/dist/index.cjs

@@ -3431,21 +3431,21 @@ var defaultLabels = {
 };
 var sizeClasses = {
   sm: {
-    container: "h-7 p-0.5",
+    container: "h-7 p-0.5 gap-0.5",
     button: "h-6 w-6",
     buttonMini: "h-7 w-7",
     icon: "h-3.5 w-3.5",
     iconMini: "h-3.5 w-3.5"
   },
   md: {
-    container: "h-8 p-1",
+    container: "h-8 p-1 gap-0.5",
     button: "h-6 w-6",
     buttonMini: "h-8 w-8",
     icon: "h-4 w-4",
     iconMini: "h-4 w-4"
   },
   lg: {
-    container: "h-9 p-1",
+    container: "h-9 p-1 gap-1",
     button: "h-7 w-7",
     buttonMini: "h-9 w-9",
     icon: "h-4 w-4",
@@ -3545,11 +3545,7 @@ function ThemeSwitcher({
           "button",
           {
             "aria-label": labels[key],
-            className: cn(
-              "relative flex items-center justify-center",
-              sizes.button,
-              shapeClass
-            ),
+            className: cn("relative", sizes.button, shapeClass),
             onClick: () => handleThemeClick(key),
             type: "button",
             children: [
@@ -3568,7 +3564,7 @@ function ThemeSwitcher({
                 Icon,
                 {
                   className: cn(
-                    "relative z-10",
+                    "relative z-10 m-auto",
                     sizes.icon,
                     isActive ? "text-foreground" : "text-muted-foreground"
                   )
@@ -3588,22 +3584,22 @@ var defaultLanguages = [
 ];
 var sizeClasses2 = {
   sm: {
-    container: "h-7 p-0.5 text-xs",
-    button: "h-6 px-2",
+    container: "h-7 p-0.5 text-xs gap-0.5",
+    button: "h-6 px-1.5",
     buttonMini: "h-7 w-7",
     icon: "size-3",
     iconMini: "size-3.5"
   },
   md: {
-    container: "h-8 p-0.5 text-xs",
-    button: "h-7 px-2.5",
+    container: "h-8 p-0.5 text-xs gap-0.5",
+    button: "h-7 px-2",
     buttonMini: "h-8 w-8",
     icon: "size-3.5",
     iconMini: "size-4"
   },
   lg: {
-    container: "h-9 p-0.5 text-sm",
-    button: "h-8 px-3",
+    container: "h-9 p-0.5 text-sm gap-1",
+    button: "h-8 px-2.5",
     buttonMini: "h-9 w-9",
     icon: "size-4",
     iconMini: "size-4.5"
@@ -3623,7 +3619,7 @@ function LanguageSwitcher({
   size = "sm",
   shape = "rounded",
   variant = "default",
-  showIcon = false,
+  showIcon = true,
   align = "center",
   side = "top"
 }) {
@@ -3691,7 +3687,7 @@ function LanguageSwitcher({
         showIcon && /* @__PURE__ */ jsxRuntime.jsx(
           lucideReact.Languages,
           {
-            className: cn(sizes.icon, "ml-1.5 mr-1.5 text-muted-foreground")
+            className: cn(sizes.icon, "ml-1.5 mr-0.5 text-muted-foreground")
           }
         ),
         languages.map(({ key, label }) => {