@versini/ui-tabs 1.1.1 → 1.2.1

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react';
 
 export declare type ActivationMode = "automatic" | "manual";
 

package/dist/components/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-tabs v1.1.1
+  @versini/ui-tabs v1.2.1
   © 2026 gizmette.com
 */
 
@@ -9,6 +9,8 @@ import { useUniqueId } from "@versini/ui-hooks/use-unique-id";
 import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import clsx from "clsx";
 
+
+
 const TABS_CLASSNAME = "av-tabs";
 const TABS_LIST_CLASSNAME = "av-tabs-list";
 const TABS_TRIGGER_CLASSNAME = "av-tabs-trigger";
@@ -19,6 +21,7 @@ const TABS_CONTENT_CLASSNAME = "av-tabs-content";
 
 
 
+
 /* v8 ignore start - default context values are fallbacks, never used directly */ const TabsContext = createContext({
     value: undefined,
     tabbableValue: undefined,
@@ -37,6 +40,7 @@ const TABS_CONTENT_CLASSNAME = "av-tabs-content";
 }); /* v8 ignore stop */ 
 
 
+
 /**
  * `useLayoutEffect` in the browser, `useEffect` on the server — avoids React's
  * "useLayoutEffect does nothing on the server" warning during SSR while keeping
@@ -75,7 +79,7 @@ const getTabsListClasses = ({ orientation })=>{
 const getTabsTriggerSizeClasses = ({ size })=>{
     return clsx({
         "text-xs px-2 py-1": size === "small",
-        "text-sm px-4 py-2": size === "medium",
+        "text-sm px-2 sm:px-4 py-2": size === "medium",
         "text-base px-5 py-2.5": size === "large"
     });
 };
@@ -328,6 +332,8 @@ Tabs.displayName = "Tabs";
 
 
 
+
+
 function TabsContent({ value, children, className, ...rest }) {
     const { value: activeValue, mode, baseId, registerPanel, unregisterPanel, getTriggers } = useContext(TabsContext);
     useIsomorphicLayoutEffect(()=>{
@@ -369,6 +375,10 @@ function TabsContent({ value, children, className, ...rest }) {
 TabsContent.displayName = "TabsContent";
 
 
+
+
+
+
 const getNextEnabledIndex = (triggers, currentIndex, direction)=>{
     const count = triggers.length;
     /**
@@ -524,6 +534,9 @@ TabsList.displayName = "TabsList";
 
 
 
+
+
+
 function TabsTrigger({ value, children, disabled = false, className, onClick, ...rest }) {
     const { value: activeValue, tabbableValue, setValue, orientation, size, mode, baseId, registerTrigger, unregisterTrigger, hasPanel } = useContext(TabsContext);
     const buttonRef = useRef(null);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-tabs",
-	"version": "1.1.1",
+	"version": "1.2.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -43,10 +43,10 @@
 	"dependencies": {
 		"@versini/ui-hooks": "6.1.1",
 		"clsx": "2.1.1",
-		"tailwindcss": "4.3.0"
+		"tailwindcss": "4.3.1"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "4d011eb94af9a5685d315e7c965fdf85241635c1"
+	"gitHead": "f25e4b557175f745705c249d10e2e77dc02ed462"
 }